/*灌区一张图全局样式*/
#alllayers {
  background: #1890FF;
  /*opacity: 0.7;*/
  width: 100%;
  height: 100%;
  font-family: SimHei;
}

/*场景容器*/
#cesiumContainer {
  width: 100%;
  min-height: 450px;
  height: 900px;
  /*  height: calc(98% - 10px);*/
  z-index: 998;
  font-family: SimHei;
}

#canvans {
  width: 100%;
  min-height: 450px;
  height: 100%;
  /*  height: calc(98% - 10px);*/
  z-index: 998;
  font-family: SimHei;
}

/*场景工具栏*/
.tool-bar {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.9;
  z-index: 999;
  font-family: SimHei;
}

/*场景工具栏*/
.param-container {
  /* background-color: rgba(38, 38, 38, 0.75);*/
  background-color: rgba(36, 96, 159, 0.8);
  padding: 5px 5px 5px 5px;
  color: #ffffff;
  /*  border: 1px solid #526f82;*/
  border: none;
  font-family: SimHei;
}

.button.black {
  /* border: 1px solid #333; */
  /* box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset; */
  /*  background: -moz-linear-gradient(top,#656565,#4a4a4a);
    background: linear-gradient(top,#656565,#4a4a4a);*/
  border: none;
  background-color: #1890ff00;
  font-size: 16px;
  font-family: SimHei;
}

/*状态栏-经纬度信息*/
#spanStatusBar {
  position: absolute;
  right: 1%;
  top: 1px;
  font-size: 14px;
  font-weight: bold;
  color: #18ffc1;
  z-index: 1000;
  font-family: SimHei
}

.statusBar {
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
  font-size: 14px;
  font-weight: bold;
  color: #18ffc1;
  z-index: 1000;
  font-family: SimHei
}

/*灌区基本信息列表*/
#divGisGqYZTTable {
  position: absolute;
  right: 10px;
  top: 0px;
  width: 36%;
  height: 600px;
  background: #ffffff;
  opacity: 0.9;
  padding: 0px;
  z-index: 999;
}

/*灌区基本信息列表*/
#divGisGqSJMJ {
  /*position: absolute;right:10px;top:610px; width:36%; height:200px;background: #ffffff;opacity: 0.8;padding:0px;z-index: 999;*/
  position: absolute;
  right: 37%;
  top: 0px;
  width: 350px;
  height: 360px;
  background: #24609f;
  opacity: 0.8;
  padding: 0px;
  z-index: 999;
}

/*灌区基本信息列表引用*/
#refGisGqYZTList {
  height: 595px
}

/*图层管理*/
#divLayerManage {
  position: absolute;
  top: 35px;
  left: 10px;
  width: 260px;
  opacity: 1;
  z-index: 1000;
  font-family: SimHei
}

/*行政区查询*/
#divXZQQuery {
  position: absolute;
  top: 35px;
  left: 10px;
  width: 260px;
  opacity: 1;
  z-index: 1000;
  font-family: SimHei
}

/*定位查询*/
#divLocationQuery {
  position: absolute;
  top: 35px;
  left: 10px;
  width: 290px;
  opacity: 1;
  z-index: 1000;
  font-family: SimHei
}

/*图例面板*/
#divLayerLegend {
  position: absolute;
  width: max-content;
  left: 4.4rem;
  top: 1.3rem;
  padding: 10px;
  color: black;
  /*background-color: rgba(255, 255, 255, 1);*/
  z-index: 999;
  font-family: SimHei;
  height: max-content;
  background: none;
}

.cesium-infoBox-layerLegendTable {
}

/*树控件样式*/
.layer-tree {
  width: 100%;
  height: 710px;
  background: #24609f;
  opacity: 0.9;;
  font-family: SimHei
}

.xzq-tree {
  width: 100%;
  min-height: 350px;
  background: #24609f;
  opacity: 0.9;
  margin-top: 0px;;
  font-family: SimHei
}

/*水事件查询*/
#divSSJQuery {
  position: absolute;
  top: 35px;
  left: 10px;
  width: 260px;
  opacity: 1;
  z-index: 1000;;
  font-family: SimHei
}

/*水事件树*/
.ssj-tree {
  width: 100%;
  /* min-height: 350px;*/
  /* height: calc(100% - 100px);*/
  height: 670px;
  background: #24609f;
  opacity: 0.9;
  margin-top: 0px;
  overflow: scroll;;
  font-family: SimHei
}

.ssj-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #1890FF;
}

.ssj-tree .el-tree-node__content:hover {
  background: #1890FF !important;
}


/*图片管理列表*/
/*#divGisSlgPicTable{
  position: relative;left:0px;bottom:0px; padding:0px;opacity: 0.8; z-index: 1001;
}*/
#divGisSlgPicTable {
  position: absolute;
  padding: 0px;
  opacity: 0.9;
  z-index: 1001;
  width: 540px;
  right: 10px;
  top: 100px;
}

/*点选属性信息容器*/
#containerInfo {
  /*position: absolute;right: 10px;top:100px; padding:15px;color:white; background-color:rgba(36, 96, 159, 0.7);z-index: 999*/
  position: absolute;
  /*left: 10px;top: 45px;*/
  left: 6.8rem;
  top: 1.8rem;
  padding: 10px;
  color: white;
  background-color: rgba(0, 23, 54, 0.9);
  z-index: 999;
  font-family: SimHei;
  width: 350px;
}

/*属性表头格式*/
#containerInfo table th {
  /*border-left: 1px solid rgba(154, 154, 154, 0.4);
  border-top: 1px solid rgba(154, 154, 154, 0.4);*/
  padding: 1px;
  color: #0cf1f3;
  /*min-width: 100px;*/
  font-size: 16px;;
  font-family: SimHei;
  text-align: right;
  width: 180px;
}

/*属性表列内容格式*/
#containerInfo table td {
  /* border-left: 1px solid rgba(154, 154, 154, 0.4);
   border-top: 1px solid rgba(154, 154, 154, 0.4);*/
  padding: 1px;
  font-size: 16px;;
  font-family: SimHei;
  text-align: left;
}

/*属性表格式*/
.cesium-infoBox-defaultTable {
  /* width: 440px; */
}

/*属性表行背景*/
.cesium-infoBox-defaultTable tr:nth-child(odd) {
  /*background-color: rgb(153, 154, 156);*/
  /*background-color: rgba(11, 54, 89, 0.9);*/
  background-color: rgba(0, 23, 54, 0.9);
}

/*属性表行背景*/
.cesium-infoBox-defaultTable tr:nth-child(even) {
  /* background-color: rgba(154, 154, 154, 0.4);*/
  /*background-color: rgba(66, 106, 146, 0.7);*/
  background-color: rgba(0, 23, 54, 0.9);
}

/*给弹出的属性框的关闭按钮调整格式*/
.closeContainerInfo {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(/img/scene/closediv.gif);
}

.containerInfoHeader {
  font-size: 16px;
  font-weight: bold;
  color: #409eff;
  margin-bottom: 10px;
  background-color: #ecf5ff;
  text-align: center;
}

/*//关闭样式
/deep/ .ant-tree-switcher-close{
  background: url('自定义关闭背景图') no-repeat;
  i{
    display: none;
  }
}
//打开样式
/deep/ .ant-tree-switcher-open{
  background: url('自定义打开背景图') no-repeat;
  i{
    display: none;
  }
}*/


.inline-container {
  white-space: nowrap;
  display: flex;
}

.inline-container img {
  display: inline-block;
  vertical-align: middle;
}

.inline-container span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0; /* Optional space between elements */
}

/* .imagecontainer {
  display: flex;
}
.imagecontainer img {
  display: inlineblock;
} */