.container-fluid{position:relative;}
.navbar-header{margin-left:10px;}
/*首页*/
.padIndex{padding:72px 0px;}
.centerImg{margin:0 auto;}
.media1 img{position:relative; top:7px;}
.mtop40{margin-top:-40px;}
.mbottom30{margin-bottom:30px;}
.featurette{ display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;}
.indexFont{color:#71808f;}
.indexFontB{font-size:21px; color:#495c6e;line-height:24px;margin-top:25px;}
.detailP{color:#71808f; line-height:24px;}
.indexItem.middle{border-left:1px solid #e3e6e9;border-right:1px solid #e3e6e9;}
.indexItem.first{border:none;}
.blockP{margin-left:auto; margin-right:auto;}
.blockP .indexItem{padding-left:18px; padding-right:18px;}
.blockP .indexItem img:hover{animation:pulse 1s;}
.media-body img{margin-left:20px;}
hr{border-top:1px solid #80c9eb;}
.chartDiv h3{font-size:16px;}
.h34{height:34px;}
.thead{
	font-size:18px;
}
.headMenu ul.left{margin-left:30px;}
.navbar-nav > li > a{
    color: #ecf0f1;
}
.nav-pills > li > a{border-radius:2px; }
.navbar-nav > .active{
    color: #fff;
    /*background-color: #6e7b7c;*/
    background-color: #3072a9;
}
.nav .dropdown-menu > li > a{color:#71808f; line-height:2;}
.nav .dropdown-menu > li > a:hover{background-color:#f4f9fa;}
/* .nav > li > a{padding:7px 19px;} */
.nav-pills > li.active > a{background-color:#418bc9;box-shadow:0px 1px 0px #3072a9;}
.nav.headerNav > li > a{padding:19px 30px;}
.nav.headerNavRight{margin-right:15px;}
.nav.headerNavRight> li > a{padding:19px 10px;}
.twoMenu .nav-pills > li{background-color:#dae7eb;box-shadow:0px 1px 0px #c2d6e0;}
.twoMenu .nav-pills > li a{color:#495c6e; padding:7px 19px;}
.twoMenu .nav-pills > li a:hover{background-color:#c2d6e0;}
.twoMenu .nav-pills > li.active a{color:#fff;}
.twoMenu .nav-pills > li.active a:hover{background-color:#3072a9;}
.navbar-blue .navbar-nav > li > a,.navbar-blue .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{font-size:16px;color:#ecf0f1;}
.navbar-blue .navbar-nav.left > li > a{padding:19px 30px;}
.twoMenu .nav-pills > li{margin:0px 10px 0px 0px;}
.twoMenu .nav-pills > li.none{display:none;}
.navbar-blue{
    background-color: #418bc9;border-radius:0px;border-color:#418bc9;margin-bottom:0px;padding:0px 28px;
}
.navbar-blue .navbar-nav > .active > a, .navbar-blue .navbar-nav > .active > a:hover, .navbar-blue .navbar-nav > .active > a:focus,.navbar-blue .navbar-nav > .open > a, .navbar-blue .navbar-nav > .open > a:hover,.navbar-blue .navbar-nav > .open > a:focus{color:#ecf0f1; background-color:#3072a9;}
.navbar-blue .navbar-toggle{border:none;}
.navbar-blue .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-blue .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#3072a9;}

.hotmap{
    display: inline-block;
    padding:9px 0 9px 9px;
    border-radius:5px 0 5px 5px;
    background-color: #f5f5f5;
    height: auto;
    width: 100%;
    position: relative;
}
.hotmap-rack{
    padding:1px 1px 1px 2px;
    height:auto;
    position: relative;
    float: left;
    width: 126px;
    margin-bottom: 2px;
    background-color: #ddd;
    border-radius:2px;
}
.hotmap-group{
    padding:1px 1px 2px 2px;
    height:auto;
    position: relative;
    float: left;
    margin: 0 9px 4px 0;
    background-color: #ddd;
    border-radius:2px;
}
.hotmap-item{
    width:40px;
    height:40px;
    overflow:hidden;
    margin:1px 1px 0 0;
    border-radius:2px;
    position: relative;
    float: left;
}


.power-icon{
    border-radius: 9px;
    font-size: 10px;
    line-height: 1;
    padding: 3px;
}
.bar{
    background-color: #b9def0;
    border-color: #4488bb;
    border-style: none none none solid;
    border-width: 1px;
    color: #333;
    float: left;
    font-size: 14px;
    height: 37px;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    transition: width 1s ease 0s;
    white-space: nowrap;
}
th{
    color: #58666e;
}
td{
white-space: nowrap;
}
table{
	background-color:#ffffff;
}
.breadcrumb li{color:#4488bb; cursor:pointer;}
.breadcrumb li:last-child{cursor:default;}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dddddd currentcolor currentcolor;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
.hidden{display:none;}
footer{width:100%;}
footer p{text-align:center;margin:20px 0px;}


.listCon{}
.listCon .menu{padding:0px 9px;}
.listCon .tab{margin-top:20px;}

.timeDiv{margin-right:30px !important;}
.headRight{margin-top: 5px;margin-right:28px; float:right;}
@media (min-width: 320px) {
  .headRight{margin-top: 5px; float:none;/* padding-left:40px; */}
}
@media (min-width: 992px) {
  .headRight{margin-top: 5px; margin-right:28px; float:right;}
}
ul.dropdown-menu{max-height:300px; overflow:auto;}
.selClusterRight .labelBtn{font-size:14px;color:#666666;/* margin-right:10px; */}
.selClusterRight .toggleBtnBlue{background-color:#7eb7dd;border:1px solid #5ca9dc;padding:0px 13px;color:#fff;height:34px;line-height:34px;border-radius:3px;}
.selClusterRight .toggleBtnBlue:hover{background-color:#5ca9dc;}
.selClusterRight .toggleBtnBlue:focus{box-shadow:none;}
.btn-group > .dropdown-toggle:not(:first-child){border-radius:2px;}
.selClusterRight .curCluster{font-size:14px;margin-top:-1px;width: 170px;padding-right:10px; border-right:1px solid #5ca9dc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;float:left;text-align:left;}
.selClusterRight .curLi{background:#1E90FF; color:#fff;}
.curLi{background:#1E90FF; color:#fff;}
.noDataDiv{padding:20px;}
.citySel{margin-top:20px;}
.controlConNoBg{background:transparent; margin:0px 40px 0px 40px;}
.controlCon1{background-color:#fff;margin:0px 40px 40px 40px;border:1px solid #dee5e7; padding:0px 18px;border-radius:3px;}
.controlConNoBg1{margin:0px 40px 0px 40px;border:1px solid #dee5e7; border-radius:3px;}

.controlCon2{margin:0px 30px 0px 40px;}
.controlCon3{margin:0px 20px 0px 40px;}
.headerCon{background:transparent;margin:10px 15px;}
.page-table .table{border-top:1px solid #eaeeea;}
#ns_userList_div  .page-table-head .table{
    border-top:none!important;
}
#ns_userList_div #alarm_rules_conf2 .page-table-head .table{
    margin-bottom: 0px!important;
}
#clusterStateStatisChart1 .page-table-body .table{
    border-top:none!important;
}
#clusterStateStatisChart1 .page-table-head .table{
    margin-bottom: 0px!important;
}
.table > tbody > tr:nth-child(2n+1){background-color:#f4f8fb;}
.table > tbody > tr:hover{background-color:#e9f3fb;}
.page-table{color:#58666e;}
.page-table .table > tbody > tr > td{border-top:1px solid #ebeff2;}
.btn-default{color: #58666e;box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);background-color: #ffffff;border-color: #dee5e7 #dee5e7 #d8e1e3;}
.btn-default.active,.btn-default:hover{ color: #58666e;background-color: #edf1f2;border-color: #c7d3d6;}
.btn-default.active{box-shadow:inset 0 3px 5px #d8e1e3}

/*.state {
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.25em;
    display: inline;
    font-size: 75%;
    line-height: 1;
    padding: 0.3em 0.6em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    display:inline-block;
}*/
.state.green {color: #27c24c;}
.state.red {color: #f05050;}
.selClusterRight .caret{position:relative; top:-1px;margin-left:13px;border-top: 5px dashed;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.innerSel{position:absolute; left:295px; top:20px;}

.leftReport,.rightReport{background-color:#fff;padding:10px 20px;}
.leftReport{padding:20px 0px;}
.rightReport {margin-bottom:10px;}
.rightReport .title{    margin-top: 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 21px;
    position: relative;}
.rightReport .title:after{
	    content: "";
    width: 90px;
    height: 2px;
    background: #236d9e;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.rightReport p{cursor:pointer;}
.rightReport p:hover{color:#236d9e;}

.rightReport .active{color:#f4645f;font-weight:bold;}
.clusterReportT{padding:15px 0px 5px 0px; font-weight:bold;}
.clusterReportT span{font-size:16px;}
.rightReport .active{color:#236d9e;font-weight:bold;}

.senderOpt{cursor:pointer;color:#236d9e;}
.dialogForm{padding:10px 10px 0px 0px;}
.dialogForm lable{color:#666;}
.dialogForm .last{margin-bottom:0px;}
.dialogForm textarea{resize:none; min-height:90px;}
/*配置管理*/
.rightSelAbso{position:absolute; right:10px; top:20px;}
a.disabled{color:#BDC3C7;cursor:default;}
a.disabled:hover,a.disabled:focus{text-decoration:none;}
.config_manage{padding:0px 25px 25px 25px;position:relative;}
.config_manage .title{position:relative;color:#737373;}
.config_manage .title span{display: inline-block;font-size: 18px; color:#495c6e;margin:16px 0px 10px 0px;}
.partCon{border-bottom:1px dashed #edf1f2;padding-bottom:15px; margin-bottom:15px;}
.partCon p{margin-left:10px;margin-top:10px;font-size:14px; color:#71808f;}
.partCon p:before{content: "";width: 4px;height: 20px;background: #428bca;position: absolute;left: 25px;}
.partCon .detail{width:95%; margin:0 auto;}
.partCon .detail label{font-weight:normal;}
.partCon.last{margin-bottom:0px;border-bottom:none;padding-bottom:0px;}
.partCon .titleSmall{margin:8px 0px 0px 0px;}
.remarkDiv{color:#71808f;}
.remarkDiv textarea{resize:none;margin-top:15px;height:100px;}
.config_manage .detail span.specTipFont{color:#5cb85c;}
.partCon .titleSmall span{font-weight:bold;}
.config_manage .detail{padding-top:10px;}
.config_manage .detail span{color:#71808f;font-size:14px;overflow: hidden; max-width:80%;word-break: break-all;display:inline-block;}
.config_manage .detail label{color:#71808f; margin-right:10px;overflow:hidden; margin-bottom:0px;font-size:14px;}
.cm_form_version,.service_address{vertical-align:top;}
.config_manage .buttonDiv{text-align:center;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.config_manage font,.config_manage .stateG{color:#36c147;}
.config_manage .stateR{color:red;}
.nav-title{background:transparent; margin-left:30px; margin-top:10px; padding-bottom:0px;}
.goList{    position: absolute;
    right: 20px;
    top: 14px;cursor:pointer;}
    .goList:hover{color:#666;}
.formShowDiv label{margin-left:11px;width:105px;}
.formShowDiv span{display: inline-block;margin-left: 44px;top: 5px;position: relative;width:230px;}
.simpleTable{border-radius:0px;}
.remark{color: #959494;
    padding: 10px 22px;}
.simpleTable .table > thead > tr > th{border-bottom:1px solid #ddd;}
.simpleTable .checkbox{display:inline-block; margin:0px; margin-right:10px;}
.simpleTable .table > tbody > tr:nth-child(2n+1) > td{background-color:#fff;}
.btnGroup span,span.blueF{color:#236d9e; margin-right:10px;cursor:pointer;}
.alarmItmeList{overflow:hidden;padding:10px 0px;min-height:80px;width:100%;}
.alarmItmeList .list-item-div{border-bottom:1px solid #d2d2d2; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.alarmItmeList .list-item-div.last{border-bottom:none;}
.alarmItmeList .list-item-div .title{font-weight:bold; margin:0px 15px;}
.alarmItmeList .list-item{border:1px solid #ddd; background-color:#f9f9f9;border-radius:3px; margin:10px 14px; width:30%; float:left;overflow:hidden;}
.alarmItmeList .list-item .checkbox{padding:5px 10px; }
.alarmItmeList .list-item .checkbox label{width:100%;}
.alarmItmeList .list-item:hover,.alarmItmeList .list-item.active{background-color:#d9edf7;}
.reportSelRight{float:right;}
.reportTtitle{position:relative;}
.reportTtitle .leftSel{float:left;}
.number1{font-size:18px;position:relative; top:5px;color:#6b6589;font-weight:bold;position:relative; top:2px;}
.contactorDiv{background-color:#fff;}
.contactorDiv label{font-weight:normal; font-size:16px;}
.contactorDiv .lebelTop{position:relative; top:17px;}
.contactorDiv .form-group{margin:20px 10px;}
.contactorDiv .form-control{ width:70%;}
.noAlarmItem{line-height:80px; color:#666; font-size:16px; text-align:center;}
.telBind{/* background-color:#f9f9f9; */ padding:10px;}
.telBind .form-control{display:inline-block; margin-top:10px; margin-bottom:5px;}
.telBind .blueF{margin-left:10px;}
.disabledBlueF{color:#999; cursor:default;margin-left:10px;}
.switchDiv label{font-weight:normal; font-size:15px; margin-right:10px; margin-left:15px;color:#5d6a87;}
.switchDiv label.margin0{margin-left:0px;}
.rightBtnSuccess{position:absolute; top:-33px; right:10px; }
.reprot-dropdown-menu{min-width:60px;}
.reprot-dropdown-menu > li > a{padding:3px 22px;}
.cm_clientGrid_div td div{ text-overflow: ellipsis;overflow: hidden;font-size:14px;}


.radiusN{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.reprotTable{margin:0px 23px;}
.reprotTable .page-table-page{overflow:hidden;}
.leftBtnRadius{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.rightBtnRadius{border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;}
.reportList{clear:both;padding-left:13px;}
.workNum{margin: 10px 5px;padding: 10px;width: 296px;border: 1px solid #e7e7e7;border-top:2px solid #36c147;display: inline-block;box-shadow:0px 0px 1px #e5e5e5;}
.workNum div span.first{color:#9EA3A7;width:73px;display:inline-block;}
.workNum div.first{margin-bottom:10px;}
.workNum div span{color:#717171;}
.selToggle{border-top-right-radius: 0px;border-right: 1px solid transparent;border-bottom-right-radius: 0px;}
.topList,.reportList{padding:10px 20px; background-color:#fff;min-height:353px;}
.topList .topDiv{padding:20px 0px; font-size:14px;border-bottom:1px solid #eeeeee;}
.topList .topHeader{font-weight:bold;color:#5d6a87;padding:15px 0px; border:none;}
.topHeader .firstHeader{position:relative; top:6px;width:30px;}
.topList .topDiv span{display:inline-block; margin-right:30px;}
.topList .topDiv span.resName{width:120px; text-align:center;top:2px;position:relative; height:20px;line-height:20px;}
.topList .topDiv span.owner{width:150px;}
.topList .topDiv .first{font-weight:bold; font-size:19px; color:#00baf2;width:30px;height:20px;line-height:20px; display:inline-block;}
.topList .topDiv .rotate{width:200px; top:-1px;height:15px;background-color:#f6f6f6; position:relative; border-radius:3px;}
.topList .topDiv .rotate span{position:absolute;width:100px;height:15px;background:#00baf2;border-radius:3px;}
.topList .topDiv .num{color:#9EA3A7;position:relative; top:-4px;}
.remark  .dropdown-toggle,.remark .open > .dropdown-toggle.btn-default{ padding:6px 15px;background-color:#00baf2;color:#fff;}
.remark  .dropdown-toggle.time{background:#edf1f2; color:#58666e;}
.clearFloat{clear:both;}
.dialogText{line-height:3rem; margin-bottom:0px;font-weight:bold;}
.impTip{color:red; font-weight:normal;}
.serverList{}
.btn-rightTop{float:right;padding:6px 17px;margin-bottom:20px;}
.absoluteRightBtn{position:absolute; right: 10px;top: 12px;width: 99px;}
.btn-primary-new{background-color:#2980b9;border:1px solid #2980b9;}
.btn-primary-new:focus{outline:none;}
.btn-primary2{background-color:#2980b9;border:none;width: 90px;}
.btn-clear{background-color:#efefef;color:#9a9a9a; border-radius:4px; width: 90px;}
.serverList p.title,.reportList p.title,.topList p.title,.listTitle{color:#5d6a87;height: 30px;line-height: 30px;border-left: 4px solid #36c147;padding-left: 10px;}
.configTip{color:red;margin-left:20px;display:none;}
.listTitle{margin:15px 0px;}
.concat{margin-top:-13px;}
.topList p.title{margin-top:15px;}
.serverName{color:#5d6a87; font-weight:bold;position:relative;}
.serverName .left{}
.rotateNum{ color:#36c147; position:absolute;right:0;}
.progress{height:2px;margin-top:5px;background-color:#fafafa; position:relative;border-radius:0px;}
.progress span{display:inline-block;height:2px;position:absolute;background-color:#00baf2;}
.reportSel{border-bottom:2px solid #ebebeb;margin-top:-20px;}
.selLine{margin:10px 0px;}
.selLine .radio{display:inline-block;}
.selLine .checkbox{margin-left:-4px;margin-right:44px;display: inline-block}
.selLine label{display:inline-block;width:auto; font-weight:normal;}
.remark.reportSel .dropdown-toggle{background-color:#fff;color:#333;}
.btn-leBlue{background-color:#2980b9;right:22px; bottom:19px; outline:none;
 color:#fff; position:absolute;width:auto;}

.btn-leBlue:hover,.btn-leBlue:focus{background-color:#236d9e;color:#fff;outline:none;}
.selLine .radio label{width:auto; margin-right:30px;}
.reportList ul li{cursor:pointer;}
.reportList ul li .rot{float:right;}
.reportList ul li:hover,.reportList ul li.sel{ color:#00baf2;}

.reportList ul li.list-group-item:first-child,.reportList ul li.list-group-item:last-child{border-radius:0px;}
.leftSelReprot{background:transparent;}
.reportSel{background-color:#fff;margin-bottom:15px;}
.gridReport{margin:0 auto;}
.timeRangeDiv,.timeRangeDiv2{display:inline-block; position:relative;vertical-align: middle;}
.timeRangeDiv .changeTime,.timeRangeDiv2 .changeTime{width:250px;}
.timeRangeDiv i,.timeRangeDiv2 i{position:absolute; right:10px;top:10px;}
.specRange,.nav > li.none{display:none;}
.radioRightTime{position:absolute; top:-5px; left:210px;}
.radioRightTime1{position:absolute; top:-5px; left:100px;}
.cpuReportList,.cpuReportList ul{overflow:hidden;margin:0px; padding:0px;margin-top:5px;}
.cpuReportList ul li{cursor:pointer;float:left; width:175px;border-radius:3px;list-style:none;display:inline-block; border:1px solid #f0f0f0; box-shadow:0px 0px 10px #f0f0f0;padding:5px 56px; margin-bottom:5px;margin-right:5px;}
.cpuReportList ul li:hover{background-color:#D9EDF7;}
.cpuReportList ul li p{margin:0px;}
.cpuReportList ul li p.name{ color:#989898;font-weight:bold;}
.cpuReportList ul li p.value{font-size:25px;color:#cccccc;}
.leftTip{float:left; overflow:hidden;}
.leftTip p{margin:0px;}
.leftTip p.first{margin-left:17px;}

.reportList.row [class*="col-"]{margin-bottom: -99999px;padding-bottom: 99999px;}
.reportList.row{overflow: hidden; }
.leftListReport{padding:0px; margin-left:-20px; margin-top:-10px; height:100%;border-right:1px solid #ddd;}
.leftListReport .list-group{border-left:none; border-right:none;}
.leftListReport ul li.list-group-item{border:none; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.reportList {padding-right:0px;}

.listDivCol .clusterInfoList .row,.listDivCol .clusterInfoList .row2{overflow: hidden;}
.listDivCol .clusterInfoList{margin:0px; padding:0px 20px 0px 20px; margin-bottom:22px;}
.listDivCol .clusterInfoList .leftGrid{color:#71808f; padding-left:0px;}
.listDivCol .clusterInfoList .rightGrid{color:#9ca6af;text-align:right;max-width:none;padding-left:0px;}
.listDivCol .clusterInfoList .rightGrid.letterShow a{cursor:pointer;}
.listDivCol .clusterInfoList .row{border-bottom:1px solid #e5e5e5; list-style:none;line-height:22px; padding:8.15px 0px;margin:0px;}
.listDivCol .clusterInfoList .row2{border:1px solid #e5e5e5;border-top:0; list-style:none;line-height:18px; padding:8px 10px;margin:0px;}
.lineHeight{line-height:20px!important;padding:7.75px 0!important;}
.toggleHead{cursor:pointer}
.toggleHead span{
	padding-right:5px;
}
.blockDivCol{background-color:#fff;border-radius:2px;border:1px solid #dde6e6;min-height:348px; margin-left:-10px;}
.blockDivCol .title{font-weight:bold; color:#333333; margin:20px 20px 10px 19px;}
.blockDivCol.left{margin-left:-9px;margin-right:-9px;}
.rightChart .col-md-6{margin-bottom:9px;}
.listDivCol{min-height:705px; margin-bottom:10px;}
.clusterStateDiv{padding:0px 45px; margin-top:38px; }
.clusterStateDiv .stateTitle{color:#495c6e;}
.clusterStateCon{padding:0px 10px;}
.stateDetailTitle{height:30px;padding-bottom: 10px;}
.clusterStateDetail{width:100%;height:130px;white-space:normal;word-break:break-all; }
.stateConPar,.stateConPar2{position:relative;}
.stateBar{height:10px; background-color:#e5e7eb; border-radius:2px; margin-top:40px;}
.stateCon{position:absolute; top:-30px;width:129%; padding-left:2%;}
.stateConPar .stateCommon{height:49px;display:inline-block;font-size:12px; background:url(../images/state.png) no-repeat 10px 22px;}
.stateConPar .stateCommon.state1{color:#91c422;background-position:center 22px;}
.stateConPar .stateCommon.state0{color:#da5654;background-position:center -48px;}
.stateConPar .stateCommon.state2{color:#f3bc71;background-position:center -194px;}
.stateConPar .stateCommon.state3{color:#98a6ad;background-position:center -266px;}
.stateConPar .stateCommon.state4{color:#c69c6d;background-position:center -122px;}
.stateConPar2 .stateCommon{height:49px;display:inline-block;font-size:12px; background:url(../images/state.png) no-repeat 10px 22px;}
.stateConPar2 .stateCommon.state1{color:#91c422;background-position:9px 22px;}
.stateConPar2 .stateCommon.state0{color:#da5654;background-position:9px -48px;}
/* //.stateConPar2 .stateCommon.state3{color:#bbd786;background-position:9px -120px;} */
.stateConPar2 .stateCommon.state2{color:#f3bc71;background-position:13px -190px;}
.stateConPar2 .stateCommon.state3{color:#98a6ad;background-position:9px -263px;}
#pbsStatus{
     margin-left: 33%;
  }
.my_legend{float:right;height:20px;margin-right:5%;}
.normal,.abnormal,.unknown,.uninstalled,.warn{display:inline-block;width:15px;height:10px;border-radius: 2px 2px;}
.normal{background-color:#8fc31f;}
.my_legend span{display:inline-block;margin-left:5px;font-size:10px;margin-bottom:0px;color:#333333;font-family: 'Microsoft YaHei';}
.abnormal{background-color:#d95451;}
.unknown{background-color:#b2b5b7;}
.uninstalled{background-color:#c69c6d;}
.warn{background-color:#f0ad50;}
.noDataList{color:#9ca6af; margin:10px 0px 5px 0px;}
.state.state1{color:#91c422;}
.state.state2{color:#da5654;}
.state.state3{color:#bbd786;}
.state.state4{color:#f3bc71;}
.state.state5{color:#98a6ad;}
/*绑定手机号弹出框*/
.popFont{color:#666;font-size:18px;margin-top:20px;}
.bindPhoneDialog{margin-top:10px;}
.btnInput img,.btnInput span{margin:0px;}
.userType{float:left; margin-right:10px;}
.ui-dialog .ui-dialog-content#historyJobDetailPop,.ui-dialog .ui-dialog-content#jobDetailPop{overflow:auto !important;}
/*个人中心通知设置*/
.noticeConf{padding:0px 25px;}
.noticeConf .panel{margin-bottom:45px;}
.noticeConf table .w40Per{width:40%;border-right:1px solid #ddd;}
.noticeConf table .w60Per{width:60%;}
.noticeConf table tr td,.noticeConf table tr th{color:#485e6e;}
.noticeConf table td .checkboxDiv{width:33.3%; display:inline-block;}
.noticeConf table td .textHidden,.noticeConf table th .textHidden{max-width:200px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.noticeConf .listTitle{margin-top:22px;}
.confBtnDiv{margin-top:15px; clear:both;overflow:hidden;}
.confBtnDiv button{padding:6px 35px;}
.confBtnDiv1{position:fixed; background-color:#fff; opacity: 0.5; bottom:0px; width:100%;}
.dataTable.table-bordered > thead > tr > th{border-bottom-width:0px;}
.noSplit.table > tbody > tr:nth-child(2n+1){background-color:#fff;}
.noSplit.table > tbody > tr td:nth-child(2n){background-color:#fff;}
.noSplit.table > tbody > tr td:nth-child(2n+1){background-color:#fff;}
.tableInner{margin:0px 8px;line-height:7;}
.noSplit .checkbox input{margin-right:8px;}
.noSplit.table-bordered > tbody > tr > td{padding:0px;}
.noSplit.table-bordered > tbody > tr > td div{line-height:2.5;}
.bd{border-bottom:1px solid #ddd;}
.bd span,.lastM{margin:0px 8px;}
.mtop1{margin-top:1px;}
.mtop2{margin-top:2px;}
.noSplit .checkbox{/* margin-left:8px; */width:30%;}
.noSplit td .tdoverHidden{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:block;}
.dataTables_length label{margin-top:5px;}
table.dataTable {margin-bottom:15px !important;}
.dataTables_wrapper{margin-bottom:20px;}
.noSplit.table-bordered > tbody > tr > td:last-child,.noSplit.table-bordered > thead > tr > th:last-child{text-align:center;}
.noSplit .operatTable{color:#438dc7;cursor:pointer;}
.noSplit .operatTable span.glyphicon{margin-right:5px;}
.speTable.tableDiv{border:1px solid #eaeeea;border-top:none;margin-top:0px;}
.speTable .page-table-page-content{float:none;}
.speTable .table > tbody > tr:nth-child(2n+1){background-color:#fcfdfd;}
.speTable .page-table-page{margin-top:-20px;}
.selClsuterList .spaceTd,.selClsuterList .thFirst{width:30px;}
.selClsuterList{margin-left:-10px;}
.selClsuterList .thFirst{padding:8px 0px;}
.selClsuterList .speTable .table > tbody> tr:nth-child(2n+1){background-color:#fff;}
.selClsuterList .page-table .table > tbody > tr > td{border-top:1px solid #fff;padding:6px;}
.selClsuterList .page-table .table > tbody > tr:hover{background-color:#e9f3fb;}
.selClsuterList .page-table-body{position: relative; overflow-y: auto; overflow-x: hidden;width: 100%;height: 417px;}
.selClsuterList .tdHidden{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  display:inline-block;text-align: left;width:200px;}
.selClsuterList tr td span{cursor:pointer; width:30px;float:right; margin-top:4px;text-align:center; color:#6fabdb;}
.noSplit.table-bordered > tbody > tr > td.dataTables_empty{padding:20px;}
.stateSpan{display:inline-block; width:10px; height:10px;border-radius:5px;}
.stateSpan.unread{background-color:#28bb28;}
.stateSpan.read{background-color:#d9d9d9;}
.operatorGrid{position:absolute;bottom:0px;}
.articleDetail{text-align:center;padding:20px 30px;}
.articleDetail h3{color:#718291;}
.articleDetail span{color:#708190;margin-right:10px;}
.articleDetail span label{font-weight:normal; margin-bottom:0px;}
.articleDetail hr{border-top:1px solid #b5b5b5;}
article{text-align:left;color:#71808e;}
.backDiv{overflow:hidden;}
.switchDiv1 .bootstrap-switch{margin-right: 10px;}
/*报告*/
.reportDetail{margin-bottom:15px;background-color: #fafafa; border:1px solid #dedede; font-size: 14px; color: #9ca6af;text-align: center; padding:22px 10px;}
.reportDetail .title{color:#495c6e; margin-bottom:8px;}
.reportDetail .downLoadFileDiv{ margin-top: 20px;}
.reportDetail .downLoadFileDiv a{margin-right:20px;color: #71808f;}
.reportDetail .downLoadFileDiv img {margin-right:5px;}
.reportListDiv{background: #fff; padding:10px 0px;min-height:300px;}
.spePosition{right:10px; bottom:inherit;}
.dateSel{margin-top:20px;}
.closeReport{font-size: 14px;position: absolute;right: 10px;padding: 0px 5px;background: #d0d0d0;color: #fff;cursor: pointer;}
.closeReport:hover{background: #bcbcbc;}
.progress-new{    height: 8px;
    position: absolute;
    margin-bottom: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999999;
    left: 0px;}
.progress-new .progress-bar-danger{background-color:#1c85c7;}
.showUserDetail .infoTop{text-align: center; margin-left: -16px; margin-top: 29px;}
.reportTip{color:#acb4be; margin-top:20px;}
/*管理用户详情*/
.showUserDetail .row{margin:12px 0px;}
.showUserDetail .col-md-3{text-align: right; font-weight: bold;}
.showUserDetail .col-md-9{color:#5f7381;}

#stateSel span{
	display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;
}
#stateSel .checkbox{
	position:relative;display: inline-block;padding-left:13px;
}

#stateSel .checkbox label{
	display: inline-block;padding-right:10px; max-width: 100%;
}
#stateSel .checkbox input{
	display: inline-block;position: absolute;
}
input[type="checkbox"]{

    margin-left: -17px!important;
}
/* .chartPie ul{list-style:none;width:100%; margin:0px;height:140px;}
.chartPie ul:nth-child(1){
    border-bottom: 1px solid #e4e4e4;
}
.chartPie ul,.chartPie ul li{margin:0px;padding:0px;width:100%;}
.chartPie ul li {
    display: inline-block;
    float: left;
    width: 33%;
    height:140px;
    line-height: 140px;
    margin-top: 36px;
    text-align: center;

}

.chartPie ul li:nth-child(1) {
     border-right: 1px solid #e4e4e4;
 }
.chartPie ul li:nth-child(2) {
    border-right: 1px solid #e4e4e4;
}
.chartPie ul li span{
    display: block;
    position: relative;
    color:#70808F;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.chartPie ul li span:nth-child(1){
    margin-top: 50px;
} */
.chartPie .tableList{
    width: 84%;
    margin: 0 auto;
    height: 160px;
    margin-top: 50px;
    border: none;

}
.chartPie .tableList tr:nth-child(1){

    border-bottom: 1px dashed #d0d0d0;
}
.chartPie .tableList td{
    width:28% ;
}
.chartPie .tableList td:nth-child(1){
    border-right: 1px dashed #d0d0d0;
}
.chartPie .tableList td:nth-child(2){
    border-right: 1px dashed #d0d0d0;
}
.chartPie .tableList td span{
    display: block;
    position: relative;
    color:#70808F;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
#radio_box label:hover{ color:rgb(65,139,201); }
.chosen{
    color:rgb(65,139,201);
    border-bottom:3px solid rgb(65,139,201)
}

.ellipsis{
    display: inline-block!important;
	width:98%!important;
    max-width:275px;
    margin-bottom: -15px;
    /*border-bottom: 1px solid #e9eaea!important;*/

	 overflow:hidden!important;
	text-overflow:ellipsis!important;
	 white-space:nowrap!important;


}
.table #ns_userList_div .table{
    background-color: #fff!important;
}
#noticeTable .table{
	margin-bottom:0px;
}

/* 健康巡检样式 */
.healthCheckDiv{
	width:100%;
	position:relative;
	min-height:350px;
	margin-top:50px;
}
.healthCheckDiv img{
	position:absolute;
	display:block;
	width:200px;
	left:50%;
	margin-left:-100px;
}
.noHealthCheckTip{
	position:absolute;
	width:100%;
	text-align:center;
	font-size:18px;
	color:#666666;
	margin-top:200px;
}
.healthCheckBtnStyle{
	position:absolute;
	display:inline-block;
	height:30px;
	line-height:30px;
	left:50%;
	margin-top:270px;
	text-align:center;
}
.checkNowBtn{
	width:260px;
	border-radius: 2px;
	background-color:#418bc9;
	margin-left:-130px;
	color:#fff;
}
.checkNowBtn:hover{
	background-color:#3072a9;
	cursor:pointer;
}
#selfDefinedBtn{
	width:150px;
	border-radius: 2px;
	background-color:#E5E5E5;
	margin-left:150px;
}
#selfDefinedBtn:hover{
	background-color:#d0d0d0;
	cursor:pointer;
}
/* #selfDefinedCheckNowBtn{
	vertical-align:bottom;
	margin:0 0 20px 20px;
	border-radius: 2px;
	color: #fff;
	background-color:#418bc9;
} */
.healthCheckBtnStyle2{
	vertical-align:bottom;
	margin:0 0 20px 20px;
	border-radius: 2px;
	color: #fff;
	background-color:#418bc9;
}
.healthCheckBtnStyle2:hover{
	background-color:#3072a9;
	color: #fff;
	cursor:pointer;
}
.healthCheckResDiv{
	display:inline-block;
	width:23%;
	height:80px;
	background-color:#F9F9F9;
	border:1px solid #d0d0d0;
	margin-bottom:20px;
}
.healthCheckResImg{
	display:inline-block;
	height:80px;
	line-height:80px;
}
.healthCheckResImg span{
	width:40px;
	height:40px;
	margin-left:65%;
	vertical-align:middle;
}
.healthCheckResRight{
	display:inline-block;
	float:right;
	min-width: 50%;
    max-width: 65%;
	height:80px;
	padding:10px;
}
.healthCheckResRight span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

@keyframes mymove
  {

            0%   {left:5px; top:18.7px;}
            14.3%  {left:0px; top:10px;}
            28.6%  {left:5px; top:1.3px;}
            42.9%  {left:10px; top:0px;}
            57.2%  {left:15px; top:1.3px;}
            71.5%  {left:20px; top:10px;}
            85.8%    {left:15px; top:18.7px;}
            100%  {left:10px; top:20px;}
    }
 @-webkit-keyframes mymove /* Safari and Chrome */
  {

            0%   {left:5px; top:18.7px;}
            14.3%  {left:0px; top:10px;}
            28.6%  {left:5px; top:1.3px;}
            42.9%  {left:10px; top:0px;}
            57.2%  {left:15px; top:1.3px;}
            71.5%  {left:20px; top:10px;}
            85.8%   {left:15px; top:18.7px;}
            100%  {left:10px; top:20px;}
  }

   @keyframes myrotate {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }
    @-moz-keyframes myrotate {
        from {-moz-transform: rotate(0deg);}
        to {-moz-transform: rotate(360deg);}
    }
    @-webkit-keyframes myrotate {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
    }
    @-o-keyframes myrotate {
        from {-o-transform: rotate(0deg);}
        to {-o-transform: rotate(360deg);}
    }

.wrapper #counter {
        position: absolute;
        background: #eeeff3;
        background: linear-gradient(#eeeff3, #cbcbd3);
        background: -moz-linear-gradient(#eeeff3, #cbcbd3);
        background: -webkit-linear-gradient(#eeeff3, #cbcbd3);
        background: -o-linear-gradient(#eeeff3, #cbcbd3);
        padding: 5px 10px;
        border-radius: 0.4em;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),  0 2px 4px 1px rgba(0, 0, 0, 0.2),  0 1px 3px 1px rgba(0, 0, 0, 0.1);
        left: -25px;
        top: -50px;
        font-size: 12px;
        font-weight: bold;
        width: 44px;
        animation: counter 10s linear infinite;
        -moz-animation: counter 10s linear infinite;
        -webkit-animation: counter 10s linear infinite;
        -o-animation: counter 10s linear infinite;
}
.wrapper #counter:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #cbcbd3;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        left: 50%;
        margin-left: -4px;
        bottom: -4px;
        box-shadow:  3px 3px 4px rgba(0, 0, 0, 0.2),  1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 3px 0;
}
.healthCheckingDiv,.deployingDiv {
	width:70%;
	height:140px;
	margin:0 auto;
	padding:30px;
}
.healthCheckingL,.deployingL{
	display:inline-block;
	float: left;
	width:10%;
	height:80px;
	line-height:60px;


}
.healthCheckingL{
	background: url('../images/text.png') no-repeat;
	 background-size: 100% auto;
}
.deployingL{
	position:relative;
	background: url('../images/deploy_bg.png') no-repeat;
	background-size: 100% auto;
}
.healthCheckingL img{
	width: 40px;
	height: 40px;
	position:relative;
    animation:mymove 0.7s infinite;
    -webkit-animation:mymove 0.7s infinite;
}
.deployingL img{
	width: 36%;
	height: auto;
	position:absolute;
	left:50%;
	margin-left:-18%;
	margin-top:30%;
    animation-name:myrotate;
        animation-duration:3s;
        animation-timing-function:linear;
        animation-delay:0s;
        animation-iteration-count:infinite;
        animation-direction:normal;
        animation-play-state:running;

        -moz-animation-name:myrotate;
        -moz-animation-duration:3s;
        -moz-animation-timing-function:linear;
        -moz-animation-delay:0s;
        -moz-animation-iteration-count:infinite;
        -moz-animation-direction:normal;
        -moz-animation-play-state:running;

        -webkit-animation-name:myrotate;
        -webkit-animation-duration:3s;
        -webkit-animation-timing-function:linear;
        -webkit-animation-delay:0s;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-direction:normal;
        -webkit-animation-play-state:running;

        -o-animation-name:myrotate;
        -o-animation-duration:3s;
        -o-animation-timing-function:linear;
        -o-animation-delay:0s;
        -o-animation-iteration-count:infinite;
        -o-animation-direction:normal;
        -o-animation-play-state:running;
}
.healthCheckingR,.deployingR{
	display:inline-block;
	width:87%;
	margin-left:2%;
}
.healthCheckingR img,.deployingR img{
	width:15px;
	height:15px;
}
.normalFontColor {
	color:#00AF2D;
}
.abnormalFontColor {
	color:#E71F19;
}
.warnFontColor {
	color:#F89101;
}
.clusterListScrollBar{
	overflow:auto;overflow-x:hidden;
}

.deployBasicInfo{
	min-height:100px;
	margin-top:0px;
	/*  position:relative; */
	border-bottom:1px dashed #d0d0d0;
}
.deployBasicInfo div{
	position:absolute;
	width:100%;
	left:50%;
	margin-left:-50%;
}
.deployBasicInfo div span{
	display:inline-block;
	 width:15%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.deployBasicInfo div span:nth-child(odd){
	font-weight:bold;
	text-align:right;
}
.deployBasicInfo div span:nth-child(even){
	text-align:left;
	margin-left:10px;
}
.boldFont {
	font-weight: bold !important;
}
.listTitle2 {
	font-size:16px;
	color:#080808;
}

#calendar_tab_list ul,li{ list-style-type:none;}
#calendarTab #tab{ width:100%; height:25px; overflow:hidden;}
#calendarTab #tab .tab_title{ width:100%; height:22px; overflow:hidden;left:0; top:0; clear:both; overflow:hidden; position:relative;}
#calendarTab #tab .tab_title .calendar_tab_list{ width:96%; overflow:hidden; position:relative;}
#calendarTab #tab .tab_title ul{ margin:0 5px; position:absolute; float:left; width:11300px;}
#calendarTab #tab .tab_title div{ float:left;width:2%; height:20px; line-height:20px; cursor:pointer;}
#calendarTab #tab .tab_title span.vright{top:0; right:5px; margin-left:2px;}
#calendarTab #tab .tab_title span.vleft{top:0; left:0px; padding-left:5px;}
#calendarTab #tab .tab_title li{ float:left; width:10%; width:113px; height:20px; line-height:20px; text-align:center;  /* margin-right:4px; */ border-right:1px #999999 solid; cursor:pointer;}
#calendarTab #tab .tab_title li:hover{ background-color:#2980b9;color:#fff;}
#calendarTab #tab .tab_title li.selected{color:blue; border-bottom:2px blue solid;}
#calendarTab strong{
	color:blue;
}
#checkBoxPanel .checkbox{
	margin-left:5px;
}