/*console.html start*/
#dcim_iframe{
  width: 100%;
}
/*left-nav start*/
.left-nav{
  width: 60px;
  height: 100%;
  left: -60px;
  top: 0;
  background-color: #353c4a;
  position: absolute;
  z-index: 999;
}
.left-nav li{
  width: 100%;
  height: 60px;
  position: relative;
}
.left-nav li:hover {
	background-color: #545a68;
}
.left-nav .active{
  background-color: rgba(237,140,1,1);
}
.left-nav li:hover{
  background-color: #545a68;
}
.left-nav li div{
  width: 70px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  opacity: 0.9;
  color: #fefefe;
  background-color: #545a68;
  position: absolute;
  left: 62px;
  top:15px;
  text-align: center;
  border-radius: 5px;
  display: none;
  z-index: 999;
}
/*left-nav end*/

/*tree-box start*/
.EquipmentIndex-box,.EquipmentSearch-box,.SearchSpace-box,.CustomerManagement-box,.DemonitorDevice-box{
  top:0;
  left: -240px;
  min-width: 220px;
  height: 100%;
  color: #000;
  background-color: #fff;
  position: absolute;
  z-index: 998;
  display:flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  box-sizing: border-box;
} 
.nav-title{
  width: 100%;
  height: 30px;
  padding-left: 10px;
  line-height: 30px;
  border-bottom: 1px solid #333b48;
  overflow: hidden;
}
.nav-title>div{
  margin-top: 1px;
  float: right;
  width: 30px;
  height: 28px;
  color: #000;
  font-size: 26px;
  text-align: center;
  line-height: 24px;
}
.nav-title>div:hover{
  cursor: pointer;
  background-color: #eee;
}
#EquipmentIndex-tree{
  width: 100%;
  height: 100%;
  padding-top: 10px;
  margin-right: 10px;
  font-size: 12px;
  position: relative;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
}
.form{
  width: 100%;
  max-height: 300px;
  padding: 0 10px;
  margin-top:5px;
  font-size: 12px; 
}
.form .search-result{
  width: 60px;
  height: 22px;
  line-height: 22px;
  margin-top: 20px;
  border: 0;
  text-align: center;
  background-color: #45ba9a;
}
/*EquipmentSearch form.css start*/
.form .Equipment-search {
  width: 100%;
  height: 26px;
  /*margin-top: 10px;*/
  color: #000;
  box-sizing:border-box;
}
.form .area,.form .EquipmentCondition,.form .search-box{
  width: 100%;
  height: 26px;
  margin-top: 10px;
}
.form .area label,.form .area .area-EquipmentCondition{
  float: left;
}
.form .EquipmentCondition label,.form .EquipmentCondition .EquipmentCondition-left,.EquipmentCondition-right,.form .EquipmentCondition .Equipmentadd, .form .EquipmentCondition .Equipmentsub{
  float: left;
}
.form .area label,.form .EquipmentCondition label{
  width: 34px;
  height: 26px;
  line-height: 26px;
}
.form .area .area-EquipmentCondition{
  width: 136px;
  height: 26px;
  color: #000;
}

.form .EquipmentCondition .Equipmentadd,.form .EquipmentCondition .Equipmentsub{

  width: 20px;
  height: 20px;
  border:1px solid #ccc;
  text-align: center;
  /*font-size: 18px;*/
  box-sizing:border-box;
  margin: 3px 0 3px 10px;
}
.form .EquipmentCondition .Equipmentadd,.form .EquipmentCondition .Equipmentsub:hover{
  cursor: pointer;
}
.form .EquipmentCondition .EquipmentCondition-left,.EquipmentCondition-right{
  width: 65px;
  height: 26px;
  color: #000;
}
.form .EquipmentCondition select.EquipmentCondition-right{
  margin-left: 6px;
}
.form .search-box input{
  outline-style: none;
  width: 60px;
  height: 24px;
  float: left;
  background-color: #696f7e;
  border: 0;
}
.form .search-box .submit{
  margin-left: 34px;
}
.form .search-box .reset{
  margin-left: 10px;
}
.form .search-box .submit:hover,.form .search-box .reset:hover{
  background-color: rgba(237,140,1,1);
}
#EquipmentSearch-tree{
  height: 100%;
  padding-top: 10px;
  border-top: 1px solid #45ba9a;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  margin-right: 10px;
}
/*EquipmentSearch form.css end*/

/*SearchSpace form.css start*/
.SearchSpace-box .form .SpaceCondition{
  margin-top: 10px;
  width: 200px;
  height: 26px;
}
.SearchSpace-box .form div>label{
  width: 34px;
  height: 26px;
  line-height: 26px;
  float: left;
}
.SearchSpace-box .form .area select,.SearchSpace-box .form>.SpaceCondition>input{
  width: 166px;
  height: 26px;
  float: left;
}
#SearchSpace-tree{
  height: 100%;
  padding-top: 10px;
  border-top: 1px solid #45ba9a;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  margin-right: 10px;
}
/*SearchSpace-box end*/