/* .esri-legend__service .esri-legend__group-layer-child {
  max-height: 55px !important;
}

.esri-legend__service .esri-legend__group-layer {
  height: 240px !important;
}
.esri-legend .esri-widget .esri-widget--panel {
  height: 240px !important;
} */

.esri-legend__service .esri-legend__group-layer-child {
  display: inline-flex !important;
  max-height: 30px;
  line-height: 30px;
}

h3.esri-widget__heading,
h4.esri-widget__heading,
h5.esri-widget__heading,
h6.esri-widget__heading {
  font-size: 12px !important;
  min-width: 15px;
  vertical-align: middle;
}

.esri-widget__heading esri-legend__service-label {
  margin-top: 5px;
}

/* .esri-legend__symbol {
    display: inline-block;
    height: 10px;
    border: 1px solid red;
    margin: auto;
} */

.esri-legend__layer-cell--info,
.esri-legend__layer-caption {
  display: none !important;
}

/* two items */
.esri-legend__layer-row:first-child:nth-last-child(2)
/* .esri-legend__layer-row:first-child:nth-last-child(2) ~ .esri-legend__layer-row */ {
  display: none !important;
}

/* .esri-legend__layer-cell--symbols {
    min-width: 10px;
    text-align: center;
    max-width: 12px;
    max-height: 12px;
}*/

.esri-legend__service {
  padding: 0px 4px;
  word-wrap: break-word;
  border-bottom: 1px solid rgba(110, 110, 110, 0.3);
}

.layadmin-backlog-body h3 {
  padding-bottom: 0px !important;
  font-size: 12px;
}

.layadmin-backlog-body p cite {
  font-style: normal;
  font-size: 13px !important;
  font-weight: 300;
  color: #009688;
}

.layui-btn {
  background-color: #5ab6f8 !important;
}

.layui-btn-container {
  position: absolute;
  top: 40px;
  left: 100px;
}
.layui-btn-container .layui-btn-rain {
  background-color: #8eb858 !important;
}
.layui-btn-container .layui-btn-water {
  background-color: #4cacc6 !important;
}
.layui-btn-container .layui-btn-sewage {
  background-color: #7f6000 !important;
}
.layui-btn-container .layui-btn-river {
  background-color: #00ffff !important;
}
.btn-clicked {
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  color: black;
}

.layui-form-select dl dd.layui-this {
  background-color: #5ab6f8;
  color: #fff;
}

.layui-btn-primary:hover {
  border-color: #1768a0 !important;
  color: #fff;
}

.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #1768a0;
}

.layui-laydate-content td.laydate-selected {
  background-color: #c8e6fc !important;
}

.layui-table-hover {
  background-color: #5ab6f8 !important;
}

#LAY-popup-content-monitor {
  padding: 0 !important;
  min-height: 640px !important;
  overflow: hidden;
}

.layui-layer-admin .layui-layer-title {
  height: 38px !important;
  line-height: 38px !important;
}

.layui-layer-admin i[close] {
  top: 5px !important;
}

#tmdl_result {
  display: none;
}

#historical_data {
  display: none;
}

#water_quantity_table_title {
  display: none;
}

.water_quality_table_title {
  display: none;
}

.station_desc {
  font-weight: bold;
  font-size: 15px;
}

#sewageID_input {
  display: none;
}

#sewage_water_container {
  display: none;
  /* color: rgba(12, 128, 128, 0.5) */
}

.layui-laydate .layui-this {
  background-color: #5ab6f8 !important;
  color: #fff !important;
}

.important {
  color: #ff9999;
  font-weight: bold;
}

.region0 {
  color: #cccc99;
}

.region1 {
  color: #5ab6f8;
}

.region2 {
  color: green;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #5ab6f8 !important;
}

.layui-tab-brief > .layui-tab-title .layui-this {
  color: #5ab6f8 !important;
}

.layui-form-checked[lay-skin='primary'] i {
  border-color: #5ab6f8 !important;
  background-color: #5ab6f8;
  color: #fff;
}

.layui-form-onswitch {
  border-color: #5ab6f8 !important;
  background-color: #5ab6f8 !important;
}

.layui-btn-primary {
  border: 1px solid #c9c9c9;
  background-color: #fff;
  color: #fff !important;
}

.esri-component.esri-widget--panel {
  max-height: 240px !important;
}

.pop_header {
  font-weight: 600 !important;
  font-size: 12px !important;
}
.pop_item {
  display: none;
  padding: 3px 0px;
}
#popBox {
  width: 156px;
  height: 126px;
  padding: 8px 5px;
  background-color: #fff;
  border-radius: 4px;
  /* rgb(0, 174, 255, 0.3) */
  display: none;
  z-index: 666;
  font-size: 12px;
}
