@charset "UTF-8";
@import url(iconfont/iconfont.css);
* {
  padding: 0;
  margin: 0; }

html,
body {
  height: 100%; }

img {
  border: 0;
  vertical-align: middle; }

ul, li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none; }

a {
  text-decoration: none; }
  a:hover, a:active, a:focus {
    text-decoration: none; }

.lake-color {
  color: #23f5df; }

.orange-color {
  color: #ff4d1d; }

.white-color {
  color: #fff; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
    visibility: hidden; }

.monitor-screen-box {
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 14px;
  overflow: auto; 
  /* min-width:1260px; */
  }
.monitor-screen-bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #003844; }
  .monitor-screen-bg img {
    width: 100%;
    height: 100%; }
.monitor-screen-article {
  width: 100%;
  height: 100%;
  position: relative; }
.monitor-screen-cell {
  width: 50%;
  float: left;
  position: relative; }
  .monitor-screen-cell-box {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #66e8ff;
    box-shadow: inset 1px 1px 10px #66e8ff, 1px 1px 10px #66e8ff;
    position: relative; }
  .monitor-screen-cell-head {
    padding: 8px 15px;
    background: #145b99;
    position: relative; }
    .monitor-screen-cell-head h4 {
      color: #fff;
      font-size: 14px; }
  .monitor-screen-cell-body {
    background: #03203e;
    min-height: 250px;
    position: relative; }
.monitor-screen-row {
  position: relative;
  min-height: 250px; }

.width50,
.width50:first-child {
  width: 48%; }

.width50 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0%; }
  .width50:first-child {
    left: 0%;
    right: auto; }

.monitor-list-ul li {
  border-top: 1px solid #05396f;
  display: block;
  padding: 10px; }
  .monitor-list-ul li:first-child {
    border-top: 0; }
  .monitor-list-ul li table {
    width: 98%;
    margin: 0 1%;
    table-layout: fixed; }
    .monitor-list-ul li table tr td:first-child {
      vertical-align: top; }
    .monitor-list-ul li table td {
      padding: 5px;
      vertical-align: middle; }
      .monitor-list-ul li table td h1 {
        font-size: 16px;
        font-weight: normal; }
      .monitor-list-ul li table td p {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .monitor-list-ul li table td h1, .monitor-list-ul li table td p {
        line-height: 20px; }

.highcharts-background {
  fill: #03203e; }

.highcharts-text-color {
  fill: #fff; }

.highcharts-title,
.highcharts-axis-title,
.highcharts-xaxis-labels text,
.highcharts-yaxis-labels text,
.highcharts-legend-item text,
.highcharts-text-outline,
.highcharts-text-outline + tspan {
  color: #fff !important;
  fill: #fff !important;
  font-weight: normal !important; }

.highcharts-text-outline {
  stroke: none; }

.highcharts-legend-item {
  line-height: 25px; }

.highcharts-grid-line {
  stroke: #042d56; }

.highcharts-legend-box {
  fill: none; }

.highcharts-legend-item .highcharts-point {
  rx: 0; }

.monitor-message-cell {
  width: 46%;
  margin-right: 3%;
  margin-bottom: 5%;
  height: 128px;
  background: #145b99;
  color: #fff;
  float: left;
  position: relative; }
  .monitor-message-cell:nth-child(even) {
    margin-right: 0;
    margin-left: 3%; }
  .monitor-message-cell .iconfont {
    position: absolute;
    left: 12%;
    top: 26%;
    font-size: 48px; }
  .monitor-message-cell h2 {
    font-size: 46px;
    padding: 11px 0; }
  .monitor-message-cell h2,
  .monitor-message-cell p {
    width: 75%;
    text-align: center;
    margin-left: auto;
    margin-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .monitor-message-cell p {
    color: #b6daff; }

.warning-box {
  border-color: #ff4d1d;
  box-shadow: inset 1px 1px 10px #ff4d1d, 1px 1px 10px #ff4d1d; }
  .warning-box h2, .warning-box p, .warning-box .iconfont {
    color: #ff4d1d; }

.lake-box h2 {
  color: #23f5df; }

.monitor-screen-cell-mess {
  float: left;
  width: 35%;
  margin-right: 4%; }
  .monitor-screen-cell-mess .monitor-message-cell {
    width: 100%;
    margin-right: 0;
    margin-bottom: 9%; }
    .monitor-screen-cell-mess .monitor-message-cell:nth-child(even) {
      margin-left: 0; }

.monitor-float {
  float: right; }

.picScroll-left {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .picScroll-left .hd {
    overflow: hidden;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%; }
    .picScroll-left .hd .prevStop {
      background-position: -60px 0; }
    .picScroll-left .hd .nextStop {
      background-position: -60px -50px; }
    .picScroll-left .hd ul {
      float: right;
      overflow: hidden;
      zoom: 1;
      margin-top: 10px;
      zoom: 1; }
      .picScroll-left .hd ul li {
        float: left;
        width: 9px;
        height: 9px;
        overflow: hidden;
        margin-right: 5px;
        text-indent: -999px;
        border-radius: 50%;
        cursor: pointer;
        background: #03203e; }
        .picScroll-left .hd ul li.on {
          background: #145b99; }
  .picScroll-left .bd {
    width: 100%; }
    .picScroll-left .bd ul {
      overflow: hidden;
      zoom: 1;
      width: 100%; }
      .picScroll-left .bd ul li {
        float: left;
        overflow: hidden;
        text-align: center;
        width: 100%; }
        .picScroll-left .bd ul li .pic {
          text-align: center; }
          .picScroll-left .bd ul li .pic img,
          .picScroll-left .bd ul li .pic iframe {
            width: 100%;
            display: block;
            padding: 0; }
  .picScroll-left .bd,
  .picScroll-left .bd ul,
  .picScroll-left .bd li,
  .picScroll-left .bd img,
  .picScroll-left .bd .pic,
  .picScroll-left .bd iframe {
    height: 100%; }
  .picScroll-left iframe {
    border: 0; }
  .picScroll-left .prev,
  .picScroll-left .next {
    overflow: hidden;
    cursor: pointer;
    background: rgba(20, 91, 153, 0.5);
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 11;
    margin-top: -18px;
    padding: 10px; }
  .picScroll-left .prev {
    left: 5px; }
  .picScroll-left .next {
    right: 5px; }
  .picScroll-left .tempWrap {
    height: 100%; }

.txtScroll-top,
.txtScroll-top2 {
  overflow: hidden;
  position: relative; }
  .txtScroll-top .hd,
  .txtScroll-top2 .hd {
    height: 0;
    visibility: hidden; }
  .txtScroll-top .bd li,
  .txtScroll-top2 .bd li {
    display: block !important; }
  .txtScroll-top .prev,
  .txtScroll-top .next,
  .txtScroll-top2 .prev,
  .txtScroll-top2 .next {
    overflow: hidden;
    cursor: pointer;
    background: rgba(20, 91, 153, 0.5);
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 50%;
    z-index: 11;
    margin-left: -18px;
    padding: 10px;
    display: none; }
  .txtScroll-top .prev,
  .txtScroll-top2 .prev {
    top: 5px; }
  .txtScroll-top .next,
  .txtScroll-top2 .next {
    bottom: 5px; }
  .txtScroll-top .bd,
  .txtScroll-top2 .bd {
    height: 100%; }
  .txtScroll-top .tempWrap,
  .txtScroll-top2 .tempWrap {
    height: 100% !important; }

.monitor-head-btns {
  position: absolute;
  top: 0;
  right: 0; }
  .monitor-head-btns > span {
    float: left;
    display: inline-block;
    padding: 8px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
    position: relative;
    color: #fff; }
    .monitor-head-btns > span > span {
      font-size: 12px; }
    .monitor-head-btns > span > span,
    .monitor-head-btns > span > label {
      vertical-align: middle; }
    .monitor-head-btns > span:hover {
      opacity: 1;
      filter: alpha(opacity=100); }

.refresh {
  position: absolute;
  padding: 5px !important;
  color: #fff !important;
  font-size: 20px !important;
  top: 0px !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer; }
  .refresh:hover {
    opacity: 1;
    filter: alpha(opacity=100); }

.refresh {
  right: 5px !important;
  left: auto !important; }

.traffic-list-li {
  position: relative;
  color: #fff;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px; }
  .traffic-list-li:before {
    content: "";
    position: absolute;
    left: 110px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background: #fff; }
  .traffic-list-li:after {
    content: "";
    position: absolute;
    left: 105px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: -5px;
    background: #fff; }
  .traffic-list-li .traffic-time {
    display: inline-block;
    width: 85px;
    text-align: right;
    color: #b6daff;
    float: left; }
  .traffic-list-li .traffic-content {
    display: block;
    margin-left: 120px; }
  .traffic-list-li .traffic-h1 {
    font-weight: normal;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .traffic-list-li .traffic-span-left {
    display: inline-block;
    width: 60%; }
  .traffic-list-li .traffic-span-right {
    position: absolute;
    right: 20px;
    bottom: 10px; }
    .traffic-list-li .traffic-span-right span {
      margin-top: 5px; }
    .traffic-list-li .traffic-span-right label,
    .traffic-list-li .traffic-span-right span {
      vertical-align: middle;
      display: inline-block; }

.traffic-disaster:after {
  background: #f7f7f7; }
.traffic-disaster .traffic-h1 {
  color: #f7f7f7; }
.traffic-serious:after {
  background: #e07808; }
.traffic-serious .traffic-h1 {
  color: #e07808; }
.traffic-general:after {
  background: #da9715; }
.traffic-general .traffic-h1 {
  color: #da9715; }
.traffic-warning:after {
  background: #cd4718; }
.traffic-warning .traffic-h1 {
  color: #cd4718; }
.traffic-info:after {
  background: #33d3a1; }
.traffic-info .traffic-h1 {
  color: #33d3a1; }
.traffic-prompt:after {
  background: #8acff8; }
.traffic-prompt .traffic-h1 {
  color: #8acff8; }

.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.action-menu {
  position: absolute;
  z-index: 1000;
  padding: 5px 15px 5px 25px;
  min-width: 75px;
  max-width: 250px;
  background-color: #d3e5f3;
  border: 1px solid #ccd5d9;
  border-bottom-color: #c9d3d7;
  -webkit-box-shadow: 0 4px 20px 0 rgba(118, 141, 153, 0.5);
  -moz-box-shadow: 0 4px 20px 0 rgba(118, 141, 153, 0.5);
  box-shadow: 0 4px 20px 0 rgba(118, 141, 153, 0.5);
  font-size: 12px;
  border-radius: 4px; }
  .action-menu .modal-header {
    padding: 5px 8px;
    border-bottom: 1px solid #a3c9e6; }
    .action-menu .modal-header .close {
      float: right;
      font-size: 21px;
      padding: 0 5px;
      line-height: 1;
      color: #145b99;
      text-shadow: 0 1px 0 #fff;
      background: none;
      border: 0;
      margin-top: -2px;
      outline: 0;
      cursor: pointer; }
      .action-menu .modal-header .close:hover {
        background: #e33734;
        color: #fff; }
    .action-menu .modal-header .modal-title {
      margin: 0;
      line-height: 1.42857143;
      font-size: 1.167em;
      color: #1f2c33; }
  .action-menu .modal-body {
    position: relative;
    padding: 10px;
    max-height: 250px;
    overflow: auto; }
  .action-menu .modal-footer {
    padding: 5px 8px;
    text-align: center; }
    .action-menu .modal-footer .btn + .btn {
      margin-bottom: 0;
      margin-left: 5px; }

.action-menu li {
  display: block; }

.action-menu li > div {
  border-top: 1px solid #ebeef0;
  margin: 5px -15px 5px -25px; }

.action-menu .action-menu-item {
  display: block;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  color: #1f2c33;
  text-decoration: none;
  border: none;
  outline: 0;
  padding: 0 15px 0 25px;
  margin: 0 -15px 0 -25px;
  position: relative;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; }

.action-menu .action-menu-item:hover {
  background-color: #e8f5ff;
  border: 0; }

.action-menu .action-menu-item:focus {
  background-color: #e8f5ff; }

.action-menu .action-menu-item:active {
  background-color: #e8f5ff; }

.action-menu .action-menu-item.selected::before {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  content: '';
  background: url(icon-sprite.svg) no-repeat -5px -835px; }

.action-menu .action-menu-item .arrow-right {
  position: absolute;
  right: 10px;
  top: 8px;
  height: auto;
  line-height: auto;
  padding: 0;
  margin: 0;
  border-left-color: #768d99; }

.action-menu .action-menu-item-disabled {
  display: block;
  height: 24px;
  line-height: 24px;
  color: #768d99;
  border: none;
  cursor: default; }

.action-menu h3 {
  height: 24px;
  line-height: 24px; }

#indexcell-box-2 {
  height: 100%; }

#indexcell-2,
#index-cell-2,
#index-cell-4 {
  width: 42%;
  position: absolute;
  top: 4%;
  right: 2%;
  bottom: 4%; }

#indexcell-body-2,
#indexcell-body-1,
#index-cell-body-1,
#indx-row-cell-body-1,
#indx-row-cell-body-2,
#index-cell-body-6,
#index-cell-body-5,
#index-cell-body-4,
#index-cell-body-3,
#index-cell-row-body-4 {
  /* height: calc(100% - 35px); */ 
	height:100%;}
#indexcell-body-2 {
  overflow: auto; }

#indexcell-1,
#index-cell-1,
#index-cell-3 {
  width: 52%;
  position: absolute;
  left: 2%;
  top: 4%;
  bottom: 4%; }

#indexcell-box-1 {
  height: calc(100% - 314px); }

.monitor-tabs,
#container-trafficAnalysis,
#container-business,
#container-cpu,
#container-alldevice,
#container-speed-cpu,
#container-speed-memory {
  height: 100%; }

#index-cell-1 {
  width: 38%; }

#index-cell-2 {
  width: 56%; }

#index-cell-box-2 {
  padding-bottom: 4%; }

#index-cell-3 {
  width: 62%; }

#index-cell-4 {
  width: 32%; }

#index-cell-row-3,
#index-cell-row-4 {
  padding-bottom: 6%;
  /* height: 47%; */ }
  #index-cell-row-3 .monitor-screen-cell-box,
  #index-cell-row-4 .monitor-screen-cell-box {
  /*   height: 100%;  */}

#index-cell-row-3 {
  padding-bottom: 3%; }

#index-cell-6,
#index-cell-5 {
  height: 50%; }
  #index-cell-6 .monitor-screen-cell-box,
  #index-cell-5 .monitor-screen-cell-box {
    height: 100%; }

.monitor-tabs {
  padding: 0 10px; }
  .monitor-tabs-ul {
    width: 100%;
    border-bottom: 1px solid #23f5df; }
    .monitor-tabs-ul li {
      float: left; }
      .monitor-tabs-ul li a {
        display: block;
        padding: 10px 15px;
        color: #fff;
        position: relative;
        border-bottom: 1px solid transparent; }
      .monitor-tabs-ul li.active a {
        color: #23f5df;
        border-color: #23f5df; }
        .monitor-tabs-ul li.active a:before {
          position: absolute;
          left: 50%;
          margin-left: -2px;
          bottom: 0;
          content: "";
          border-width: 0 4px 4px 4px;
          border-style: solid;
          border-color: transparent transparent #23f5df transparent; }
  .monitor-tabs-box {
  /*   min-height: 260px; */
    height: 327px;
    color: #fff; }
    .monitor-tabs-box div {
      height: 100%;
      display: none; }
      .monitor-tabs-box div:first-child {
        display: block; }

.m-title {
  margin: 0 10px;
  border-bottom: 1px solid #23f5df; }
  .m-title > span {
    padding: 10px 0 10px 15px;
    color: #23f5df;
    display: inline-block; }
.viewport .t-box {
	float: left;
}
.viewport .gzNetwork{
	width:100%;
	margin-top:15px;
}
.viewport .gzZj{
	width:62%;
}
.t-box {
  position: relative; }

.t-right,
.t-left {
  /* position: absolute; */
  top: 0;
  bottom: 5px; }

.t-left {
float: left;
  left: 1%;
  width: 30%; }

.t-right {
	float: right;
  right: 1%;
  width: 66%; }

.t-icon-box {
  height: 90px; }
  .t-icon-box .iconwidth .jiekou {
    display: inline-block; }
    .t-icon-box .iconwidth .jiekou.active .iconfont {
      background: #0171b2; }
  .t-icon-box .iconwidth .iconfont {
    display: inline-block;
    padding: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 65px;
    text-align: center;
    background: #073764;
    font-size: 35px;
    color: #0cbcd6;
    border-radius: 6px;
    margin-right: 10px;
    margin-top: 15px;
    position: relative;
    cursor: pointer; }

.color-dead.iconfont {
  color: #cd4718; }
.color-dead .slide-width {
  background: #cd4718; }
.color-dead.interface-list .iconfont {
  color: #cd4718; }
.color-dead.interface-list h1 {
  color: #cd4718; }

.color-serious.iconfont {
  color: #e07808; }
.color-serious .slide-width {
  background: #e07808; }
.color-serious.interface-list .iconfont {
  color: #e07808; }
.color-serious.interface-list h1 {
  color: #e07808; }

.color-warning.iconfont {
  color: #da9715; }
.color-warning .slide-width {
  background: #da9715; }
.color-warning.interface-list .iconfont {
  color: #da9715; }
.color-warning.interface-list h1 {
  color: #da9715; }

.color-main.iconfont {
  color: #0cbcd6; }
.color-main .slide-width {
  background: #0cbcd6; }
.color-main.interface-list .iconfont {
  color: #0cbcd6; }
.color-main.interface-list h1 {
  color: #0cbcd6; }

.t-name,
.t-descript {
  margin-top: 15px;
  color: #fff; }

.t-descript {
  padding-bottom: 10px; }

.t-des-div {
  float: left;
  width: 50%;
  background: #073764;
  position: relative; }
  .t-des-div:first-child:after {
    position: absolute;
    content: "";
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: #03203e; }
  .t-des-div p {
    padding: 10px 5px; }
    .t-des-div p label,
    .t-des-div p span {
      vertical-align: top; }
    .t-des-div p label {
      width: 45%;
      text-align: right;
      display: inline-block;
      margin-right: 5%; }
    .t-des-div p span {
      display: inline-block;
      width: 50%;
      color: #b6daff; }

.t-left-1,
.t-right-1 {
 /*  float: left; */
  width: 100%; }

.t-right-1 {
  float: right;
  width: 33%; }

.slide-state {
  color: #fff;
  margin-top: 10px; }
.slide-box {
  display: block; }
.slide-bg {
  display: inline-block;
  width: 60%;
  border-radius: 4px;
  background-color: #00295b;
  border: 1px solid #114c75;
  height: 5px;
  vertical-align: middle;
  position: relative; }
.slide-width {
  display: inline-block;
  width: 0px;
  border-radius: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.slide-value {
  margin-left: 2px;
  color: #b6daff;
  vertical-align: middle; }

.interface-box {
/*   margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 10px;  */
    position: absolute;
    /* left: 34px; */
    overflow: hidden;
   /*  width: 90%; */
    top:15px;
  }
.interface-list {
  background: #073764;
  width: 108px;
  height: 60px;
  color: #b6daff;
  position: relative;
  padding: 15px 25px;
  float: left;
     box-sizing: border-box;
     height:75px;
     width:150px
   }
  .interface-list:after {
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: #03203e; }
  .interface-list.first-child:after {
    display: none; }
  .interface-list .iconfont {
    position: absolute;
    left: 11%;
    top: 18%;
    font-size: 37px; }
  .interface-list h1 {
    font-size: 14px; }
  .interface-list h1,
  .interface-list p {
    width: 75%;
    text-align: right;
    margin-left: auto;
    margin-right: 0px;
    font-weight: normal;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .interface-list p {
    font-size: 12px;
    width: 75%; }
  .interface-list h1 + p + p {
    width: 100%; }

.table-forms li > div {
  border: 0; }
.table-forms .table-forms-td-left {
  display: table-cell;
  padding: 5px 0;
  text-align: right;
  vertical-align: top;
  width: 15%;
  white-space: nowrap; }
.table-forms .table-forms-td-right {
  display: table-cell;
  padding: 5px 0 5px 10px;
  vertical-align: middle;
  width: 85%; }
.table-forms label {
  display: block;
  height: 24px;
  line-height: 24px; }
.table-forms select,
.table-forms label {
  vertical-align: middle; }

.list-table {
  width: 100%;
  background-color: #fff;
  border-collapse: separate;
  border: 1px solid #9fc6e5; }
  .list-table th {
    color: #333;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 7px 5px;
    vertical-align: bottom;
    text-align: left;
    background: #b3d2ea; }
  .list-table th, .list-table td {
    padding-right: 10px;
    padding-left: 10px; }
  .list-table td {
    padding: 7px 5px;
    vertical-align: middle;
    border-bottom: 1px solid #c7def0; }

#topSetting_popup,
#focusHost_popup,
#focusEquipment_popup {
  display: none;
  width: 170px;
  padding: 0; }

#focusHost_popup,
#focusEquipment_popup {
  width: 300px;
  max-width: 300px; }

.monitor-region {
  height: 100%;
  overflow: hidden; }

.monitor-arrow-up, .monitor-arrow-down {
  position: absolute;
  left: 50%;
  margin-left: -13px;
  border-radius: 50%;
  color: #fff;
  background: rgba(20, 91, 153, 0.5);
  padding: 10px;
  cursor: pointer;
  z-index: 2; }
.monitor-arrow-up {
  top: 5px; }
.monitor-arrow-down {
  bottom: 5px; }

/**
	滚动条
**/
/* Tiny Scrollbar */
.scrollbar1 {
  width: 100%;
  height: 100%;
  position: relative; }
  .scrollbar1 .viewport {
    padding-right: 14px;
    height: 100%;
    overflow: hidden;
    position: relative; }
  .scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%; }
  .scrollbar1 .scrollbar {
    position: relative;
    width: 7px;
    position: absolute;
    right: 3px;
    top: 0;
    bottom: 0;
    display: none; }
  .scrollbar1:hover .scrollbar {
    display: block; }
  .scrollbar1 .track {
    height: 100%;
    width: 100%;
    position: relative; }
  .scrollbar1 .thumb {
    background: #145b99;
    border-radius: 6px;
    height: 20px;
    width: 98%;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
    .scrollbar1 .thumb .end {
      /* background: transparent url(../images/scroll/bg-scrollbar-thumb-y.jpg) no-repeat 50% 0;
      overflow: hidden;
      height: 5px;
      width: 25px; */ }
  .scrollbar1 .disable {
    display: none; }

.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

.iconarrowprev,
.iconarrownext {
  position: absolute;
  /* padding: 15px;  */
  font-size: 25px;
  color: #0cbcd6;
  margin-top: 21px;
  cursor: pointer; 
  z-index:9
  }
  #arrowNext {
  	padding: 0 15px;
  	right: 3%;
  	
  }
  #arrowNext,
  #arrowPrev {
  	top:3%;
  }
  .iconarrowprev.active,
  .iconarrownext.active {
    background: #0171b2; }
  .iconarrowprev.grey,
  .iconarrownext.grey {
    display: none; }

.iconarrowprev {
  /* left: -55px; */ 
  left: 30%;}

.iconarrownext {
  right:0; }

.iconList {
 position: absolute; 
  /* left: 37%;
  right: 55px; */
  overflow: hidden; }

.iconwidth {
  white-space: nowrap; 
  }
  
  #container-speed-cpu-2{
  height:160px
  }
   #container-speed-memory-2{
  height:160px
  }
  .t-left-1 .clearfix>div{
  		height:200px
  }
   .icon_jdt{
 	height:90px;
 	width:100%;
    position: relative;
     top:-10px;
     left:10px
 }
  .icon_jdt .iconList{
  height:90px;
 width:100%;
  left:5% 
  }
  
    .icon_jdt .iconarrowprev,   .icon_jdt .iconarrownext{
    padding:15px 10px;
    }
    #arrowPrev1 {
    	padding:15px 0px;
    }
    #iconList {
    	width: 66%;
    }
@media screen and (max-width: 1366px){
	 #container-speed-cpu-2{
  height:130px
  }
  
   #container-speed-memory-2{
  height:130px
  }
  .t-left-1 .clearfix>div{
  		height:160px
  }
  .icon_jdt{
  width:100%;
 /*  top:-50px; */
  left:10px
  }
  .icon_jdt .iconList{
  width:100%;
  left:5%
  }
}
@media screen and (max-height:768px){
	.action-menu .modal-body {
		max-height: 200px;
	}
	.m-title > span {
    padding: 4px 0 4px 9px;
    font-size: 13px;
	}
	.monitor-tabs-ul li a {
		padding: 4px 15px;
	}
	#index-cell-6, #index-cell-5 {
		min-height: 300px;
	}
	.m-title {
    margin: 0 5px;
	}
	.monitor-tabs-box {
		height: 272px;
	}
	#container-speed-cpu-2 {
		height: 120px;
	}
	.t-icon-box .iconwidth .iconfont,
	.interface-list .iconfont {
		    font-size: 30px;
	}
	.t-icon-box .iconwidth .iconfont {
		margin-top: 8px;
	}
	 #container-speed-cpu-2{
  height:130px
  }
   #container-speed-memory-2{
  height:130px
  }
  .t-left-1 .clearfix>div{
  		height:160px
  }
  .icon_jdt{
  /* top:-50px; */
  }
  
  #index-cell-6, #index-cell-5{
 	margin-bottom:10px;
 	height: 48%;
 }
  #index-cell-row-3, #index-cell-row-4{
  padding-bottom: 4%;
 }
 #index-cell-row-3{
     padding-bottom: 2%;
 }
 .t-des-div p{
 padding:5px;}
}
#index-cell-6, #index-cell-5{
 min-height:300px;
 }

  #arrowNext1{
  top:0}
  
  #arrowPrev1{
  left:0
  }
 #index-cell-row-3{
 /* min-height:320px */
 }
 #index-cell-row-4{
  min-height:320px
 }
 @media screen and (min-height:769px) and (max-height:865px) {
 	.m-title > span {
    padding: 7px 0 9px 15px;
    font-size: 13px;
	}
	.monitor-tabs-ul li a {
		padding: 7px 15px;
	}
	.monitor-tabs-box {
		height: 282px;
	}
 }
/*# sourceMappingURL=screen.css.map */
