/*----------公共样式-----------*/
body,html{
  height:100%;
  width: 100%;
}
li{
  list-style: none;
}
.h-all{
  height: 100%;
}
.page-sub-main{
  height: 100%;
  margin: 0;
  padding: 0;
}
/*---------------调整表格表头的高度和表头右边框------------------------*/
.el-table .table-header{
  line-height: 35px;
  background-color: #EBEEF5;
}
.el-table .table-header th{
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  background: #EBEEF5;
}
.el-table--border th{
  border-right: 1px solid #dddddd;
}
.el-table .table-header th .cell{
  line-height: 35px;
  display: block;
  color: #595959;
  white-space:nowrap;
}
.el-table .table-header th .cell label, .el-table .table-header th .cell label .el-checkbox__input, .el-table .table-cell .cell label, .el-table .table-cell .cell label .el-checkbox__input{
  line-height: 0;
}
.el-table td{
  padding-top: 0;
  padding-bottom: 0;
}
/*------------表格内容单元格高度设置及高亮背景色-------------------*/
.el-table .table-cell .cell{
  line-height: 30px;
  white-space:nowrap;
}
.el-table .table-cell .cell p{
  margin: 0;
}
.el-table .table-header .el-table-column--selection .cell,.el-table .el-table__row .el-table-column--selection .cell{
  text-align: center;
  padding: 0;
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td,.el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #cce3fb;
}
/*-----------解决表格表头边框错位问题---------------------*/
body .el-table th.gutter{
  display: table-cell!important;
}
body .el-table colgroup.gutter {
  display: table-cell !important;
}
/*-----------调整导航栏的高度-----------*/
.menuNav .el-submenu .el-submenu__title{
  height: 50px;
  line-height: 50px;
}
/*----------------主要tab标题样式----------------*/
.tab-box{
  height: 100%;
}
.tab-box .el-tabs__content{
  padding-bottom: 0px!important;
  padding-top: 0px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
  flex: 1;
}
.tab-box .el-tabs__item{
  height: 30px;
  line-height: 30px;
}
.tab-box .el-tabs__nav-next, .el-tabs__nav-prev{
  line-height: 30px;
}
/*兼容ie*/
.tab-box .el-tabs__item .tab-btn{
  pointer-events: none;
}
.tab-box .el-tabs__item .tab-btn .el-badge{
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  text-align: center;
  margin-top: -6px;
  /*文字不能被选中*/
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.tab-box .el-badge__content.is-dot{
  top: 4px;
  right: 8px;
}
.icon {
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.15em;
  fill: #FFFFFF;
  overflow: hidden;
}
/*---------------首页告警tab-------------------*/
.alarm-tab {

}
.alarm-tab .el-tabs__item{
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}
.page-content .el-tabs__content .el-main{
  padding: 10px;
}
/*------------弹出框中的确定和修改居中--------------*/
.el-dialog__footer{
  text-align: center;
}

/*----------上传文件-----------*/
input[type="file"]{
  display: none;
}
/*--------------flex自适应-----------------*/
.adapt-height-box{
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.adapt-height{
  flex: 1;
}
.el-table.adapt-height {
  /*display: -webkit-flex;*/
  /*display: flex;*/

}
.el-table.adapt-height .el-table__body-wrapper{
  flex: 1;
  overflow: auto;
}
/*----------------统计中的tab----------------------*/
.statistic-tab-box .el-tabs__content{
  flex: 1;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
/*--------------主要内容页的header------------------------*/
.page-content .el-header {
  padding: 6px 15px 0px;
  background-color: #f9fafc;
  color: #333;
}
.page-content .el-header label{
  margin-bottom: 0;
}
.header-search{
  text-align: left;
  margin-bottom: 3px;
}
.header-button-box{
  text-align: left;
}
.header-button-box .el-button{
  margin-bottom: 6px;
}
.header-button-box .el-button{
  margin-left: 0;
  margin-right: 10px;
}
.header-button-box .search{
  float: right;
  margin-right: 3px;
}
.search .search-div{
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 3px;
}
.search-input-box{
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 3px;
}
.search-input-box label{
  font-size: 10px;
}
.header-search .search-input-box .el-input{
  width: 200px;
}
/*----------拓扑图header右侧的提示-----------------*/
.header-right{
  position: absolute;
  right: 15px;
  top: 9px;
}
.icon-circle{
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 3px;
  margin-left: 10px;
}
.icon-circle-subnet{
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 3px;
  margin-left: 8px;
  float: left;
}
.el-dialog__body{
  padding: 10px 20px;
}
.el-button--bianji {
  background: #093823;
}
.el-button--bianji:hover {
  background: #5A8BFF;
}
.el-button--mini, .el-button--mini.is-round{
  padding: 5px 10px;
  font-size: 10px;
}
.el-button--mini *{
  font-size:10px;
}
.el-input--mini{
  font-size:10px;
}
.el-input--mini .el-input__inner{
  height: 24px;
  line-height: 24px;
}
.el-input--mini .el-input__icon{
  line-height: 24px;
}
/*-----------label英文不换行-------------------*/
label{
  white-space: nowrap;
}

/*-----------tooltip显示最大宽度-------------------*/
.el-tooltip__popper {
  max-width: 400px;
  line-height: 120%;
}

/*-----------页面最小宽度和header右侧隐藏------------------*/
@media (max-width: 780px){
  .navbar-right{
    display: none;
  }
}
#app{
  min-width: 1400px;
}
/*-----------pl-table分页的样式------------------*/
.plTableBox .myPagination{
  text-align: center;
}