* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
  width: 100%;
  perspective: 500px;
}

select::-ms-expand {
  display: none;
  outline: none;
}

.higherSelect {
  background: url("images/higher.png") center no-repeat;
  background-size: cover;
}

body {
  overflow: hidden;
  font-size: 12px;
}

label {
  color: #43484b;
  font-size: 12px;
}

#mainDiv {
  height: calc(100% - 114px);
  width: 100%;
  background: url(img/body-bg.jpg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 114px;
  z-index: 1000;
}

#app_content {
  position: absolute;
  width: calc(100%);
  height: calc(100%);
  overflow: hidden;
}

#mapcontentClass {
  top: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: repeat-x, repeat-y;
}

.mapSwitch {
  position: absolute;
  top: 5px;
  right: 20px;
}

#tabbuttonbar {
  color: #ffffff;
  font-size: 13px;
  padding: 0 0;
  margin: 0px 10px 0px 10px;
  width: 360px;
  height: 36px;
  position: absolute;
  bottom: 0px;
}

#tabbuttonbar > li {
  list-style-type: none;
  float: right;
  line-height: 36px;
  vertical-align: middle;
  margin-right: 10px;
}

#tabbuttonbar > li:first-child {
  float: left;
}

#tabbuttonbar > li:hover {
  color: #7d6116;
  cursor: pointer;
}

.tabbuttonbar-actived {
}

#topWidgetContainer {
  min-height: 35px;
  min-width: 100px;
  /*border: 1px red solid;*/
  position: absolute;
  top: 104px;
  left: 370px;
  /*z-index: 10;*/
}

#module-side-container {
  width: 100%;
  height: 42px;
}

#header_infocontainer {
  left: 370px;
  position: absolute;
}

.button {
  border: #406f98 solid 1px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: #000099;
  height: 16px;
  cursor: pointer;
  font-size: 12px;
  color: #dde8fa;
}

.button:hover {
  background-color: #006699;
  border: solid 1px #008ca0;
}

.button:active {
  background-color: #000099;
  border: solid 1px #000099;
}

.button-green {
  padding: 3px 5px 3px 5px;
  border: #179333 solid 1px;
  background-color: #229d39;
  color: #ffffff;
  font: 12px "宋体";
  cursor: pointer;
}

.button-green:hover {
  border: #af7d1e solid 1px;
  background-color: #b8812d;
}

.button-green:active {
  border: #179333 solid 1px;
  background-color: #229d39;
}

.button-disable {
  padding: 3px 5px 3px 5px;
  border: #26687c solid 1px;
  background-color: #a9a9aa;
  color: #dde9f5;
  font: 12px "宋体";
  cursor: default;
  border-radius: 1px;
}

.button-blue {
  padding: 3px 5px 3px 5px;
  border: #2f6281 solid 1px;
  background-color: #4e86a8;
  color: #dde9f5;
  font: 12px "宋体";
  cursor: pointer;
  border-radius: 1px;
}

.button-blue:hover {
  background-color: #0085d3;
  border: #007bc3 solid 1px;
}

.button-blue:active {
  background-color: #4e86a8;
  border: #007bc3 solid 1px;
}

.button-blue2 {
  padding: 2px 5px 2px 5px;
  border: #a6bfc8 solid 1px;
  background-color: #c0d7df;
  color: #348ba6;
  font: 12px "宋体";
  cursor: pointer;
  border-radius: 1px;
}

.button-blue2:hover {
  background-color: #4394af;
  color: #c8f4f7;
}

.button-blue2:active {
  background-color: #c0d7df;
  color: #348ba6;
  border: #a6bfc8 solid 1px;
}

.button-blue3 {
  padding: 2px 5px 2px 5px;
  border: #b6afa3 solid 1px;
  background-color: #eeeeee;
  color: #32649d;
  font: 12px "宋体";
  cursor: pointer;
  border-radius: 1px;
}

.button-blue3:hover {
  background-color: #cae2ea;
  border: #71a1c5 solid 1px;
}

.button-blue3:active {
  background-color: #eeeeee;
  border: #b6afa3 solid 1px;
}

.icon-button {
  margin: 10px 0px 5px 5px;
  padding: 3px 10px 3px 3px;
  border: #cecece solid 1px;
  border-radius: 5px;
  display: block;
  text-align: right;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 5px center;
  cursor: pointer;
}

.icon-button:hover {
  background-color: #d4ecee;
  border: solid 1px #008ca0;
}

.icon-button:active {
  background-color: #ffffff;
  border: solid 1px #cecece;
}

.app-toast {
  border-radius: 10px;
  z-index: 10000;
  color: #ffffff;
  background-color: #353535;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  display: block;
  z-index: 10000;
  position: fixed;
}

.searchinputtext {
  height: 23px;
  margin-right: 43px;
}

.toolbar {
  right: 15px;
  z-index: 10;
  position: absolute;
  top: 10px;
  /* background-image: url(../../images/search.png); */
  background-size: 100% 100%;
  /* border-radius: 4px;*/
  border: 1px solid rgb(231 234 243 / .7);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgb(0 0 0 / 0.07);
}

.toolSelect {
  text-align: center;
  font-size: 18px;
  color: white;
  right: 500px;
  z-index: 10;
  width: 260px;
  height: 52px;
  position: absolute;
  float: right;
  top: 10px;
  background-image: url(../../images/search.png);
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  padding: 0 15px;
}
.toolSelect option {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #000000;
}
.toolUpdateName {
  text-align: center;
  font-size: 18px;
  color: white;
  right: 780px;
  z-index: 10;
  width: 120px;
  height: 52px;
  line-height: 52px;
  position: absolute;
  float: right;
  top: 10px;
  background-image: url(../../images/search.png);
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  padding: 0 5px;
}

.multidate-widget-base-class {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
.mapswitch-base-class {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}

/*esri全局样式控制*/
.esriSimpleSliderTL {
  right: 20px;
  bottom: 30px;
  top: auto !important;
  left: auto !important;
  border: 1px solid #dadada;
  border-radius: 4px;
  display: none;
}

.esriPopup .titlePane {
  background-color: #37a3d1 !important;
}

.esriPopup .pointer.top {
  background: #22891e !important;
}

.esriSimpleSlider div {
  width: 34px;
  height: 36px;
  font-size: 24px;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-weight: 100;
  color: #707070;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
  border-bottom: 1px double #c1c1c1;
}

.esriSimpleSlider div:focus,
.esriSimpleSliderTL:focus {
  outline: none !important;
}


#tabcontainer {
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  /* border: 1px solid #c1c1c1; */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.police-container-patrol{
  background-color: #004CA7 !important;
  padding-right: 1px;
}
.police-container .table table tr th, .police-container .table table tr td{
  color: #fff !important;
}
.police-dispatching .police-container .police-container-patrol .tab-header li{
  color: #fff !important;
}
.police-container .table table tr td a{
  color: #fff !important;
}
.route-name-layer .layui-layer-title,.route-name-layer .layui-layer-content{
  background-color: #004CA7 !important;
  color: #fff !important;
}
/* .route-name-layer-input{
  background-color: #004CA7 !important;
  color: #fff !important;
  border: 1px solid #007bc3 !important;
  border-radius: 5px !important;
} */