/* 
Author: L. Voogdt
License: MIT
Version: 1.0
*/

/* Marker setup (35,46)*/
.awesome-marker {
  /* background: url('images/map_background.png') no-repeat 0 0; */
  /* width: 24px !important;
  height: 28px !important; */
  background: url('images/markers-soft.png') no-repeat 0 0;
  width: 28px !important;
  height: 28px !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  /* 批量定位处 设置cover，会使图标与背景偏移，故改成auto，解决偏移问题*/
  background-size: auto;
}

.awesome-marker.active {

  /* background: url('images/map_background.png') no-repeat 0 0;
  width: 35px !important;
  height: 42px !important; */
  background: url('images/markers-soft@1.5x.png') no-repeat 0 0;
  width: 40px !important;
  height: 40px !important;
  background-size: cover;
}

.awesome-marker.active-big {

  /* background: url('images/map_background.png') no-repeat 0 0;
  width: 35px !important;
  height: 42px !important; */
  background: url('images/markers-soft@2x.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.awesome-marker-shadow,
.awesome-marker-shadow.active {
  background: url('images/markers-shadow.png') no-repeat 0 0;
  width: 36px;
  height: 16px;
}

/* Retina displays  MAC电脑会有显示问题-- 针对单个图片，sprit图不适用*/
/* @media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
 .awesome-marker {
  background-image: url('images/markers-soft@2x.png');
  background-size: 360px 46px;
 }
 .awesome-marker-shadow {
  background-image: url('images/markers-shadow@2x.png');
  background-size: 35px 16px;
 }
} */

.awesome-marker i {
  color: #333;
  display: inline-block;
  font-size: 12px;
  margin-top: 3px;
}

.leaflet-marker-pane .awesome-marker.drag {
  border: dashed 2px #2495FF;
}

.awesome-marker.active i {
  font-size: 18px;
  margin-top: 6px;
}

.awesome-marker.active-big i {
  font-size: 30px;
  margin-top: 8px;
}

.awesome-marker .icon-img {
  margin-top: 10px;
  display: inline-block;
  width: 15px;
  height: 14px;
}

.awesome-marker .icon-digital {
  margin-top: 8px;
  display: inline-block;
  width: 20px;
  height: 14px;

  color: #fff;
  font-size: 16px;
}

.awesome-marker .icon-intelligent {
  width: 10px;
}

.awesome-marker .icon-white {
  color: #fff;
}

.awesome-marker .icon-pink {
  color: #FF6A66;
}

.awesome-marker .icon-light-blue {
  color: #6A9BE2;
}

.awesome-marker .icon-light-dark {
  color: #4B5260;
}

/* 'gray', 'red', 'pink', 'orange', 'yellow', 'blue', 'light-blue', 'light-dark' */
/* Colors */
.awesome-marker-icon-gray {
  background-position: -1px 0;
}

.awesome-marker-icon-gray.active {
  background-position: -0px 0
}

.awesome-marker-icon-gray.active-big {
  background-position: -0px 0
}

.awesome-marker-icon-red {
  background-position: -28px 0;
}

.awesome-marker-icon-red.active {
  background-position: -40px 0;
}

.awesome-marker-icon-red.active-big {
  background-position: -64px 0;
}

.awesome-marker-icon-pink {
  background-position: -56px 0;
}

.awesome-marker-icon-pink.active {
  background-position: -80px 0;
}

.awesome-marker-icon-pink.active-big {
  background-position: -128px 0;
}

.awesome-marker-icon-orange {
  background-position: -84px 0;
}

.awesome-marker-icon-orange.active {
  background-position: -120px 0;
}

.awesome-marker-icon-orange.active-big {
  background-position: -192px 0;
}

.awesome-marker-icon-yellow {
  background-position: -112px 0;
}

.awesome-marker-icon-yellow.active {
  background-position: -160px 0;
}

.awesome-marker-icon-yellow.active-big {
  background-position: -256px 0;
}

.awesome-marker-icon-blue {
  background-position: -140px 0;
}

.awesome-marker-icon-blue.active {
  background-position: -200px 0;
}

.awesome-marker-icon-blue.active-big {
  background-position: -320px 0;
}

.awesome-marker-icon-light-blue {
  background-position: -168px 0;
}

.awesome-marker-icon-light-blue.active {
  background-position: -240px 0;
}

.awesome-marker-icon-light-blue.active-big {
  background-position: -384px 0;
}

.awesome-marker-icon-light-dark {
  background-position: -196px 0;
}

.awesome-marker-icon-light-dark.active {
  background-position: -280px 0;
}

.awesome-marker-icon-light-dark.active-big {
  background-position: -448px 0;
}

/* 分组地图使用 */
.awesome-marker-group.active {
  background-image: none !important;
}

.awesome-marker-group.active i {
  font-size: 24px;
  margin-top: 6px;
}

.awesome-marker-group .icon-blue {
  color: #166eff;
}

.awesome-marker .icon-green {
  color: #007839;
}

.awesome-marker .icon-none {
  color: #000;
}

/* 智能照明  照明监控 */
.awesome-marker .icon-full100 {
  color: #ffec3d;
  text-shadow: 1px 1px #444;
}

.awesome-marker .icon-full81-99 {
  color: #ffd53d;
  text-shadow: 1px 1px #444;
}

.awesome-marker .icon-full51-80 {
  color: #F6AD00;
  text-shadow: 1px 1px #444;
}

.awesome-marker .icon-full1-50 {
  color: #ad6800;
  text-shadow: 1px 1px #444;
}

.awesome-marker .icon-full0 {
  color: #262626;
  text-shadow: 1px 1px #444;
}

.awesome-marker .icon-error {
  color: #fe6a67;
  text-shadow: 1px 1px #444;
}

.awesome-marker .icon-outline {
  color: #8d8b8e;
  text-shadow: 1px 1px #444;
}

@keyframes warn1 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.0;
  }

  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }

  50% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }

  75% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
  }

}

.awesome-marker-animation i:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  top: -50%;
  left: -50%;
  /* transform: translate(-50%, -50%); */
  border: 1px solid #F56C6C;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* z-index: 1; */
  opacity: 0;
  background-color: #FF6A66;
  animation: warn1 2s linear 0.5s infinite;
  box-shadow: 1px 1px 30px #F56C6C;
}

.awesome-marker-animation i:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


/* 处理视频监控页面跟随地图缩放处理 */
.monitor-1-icon-gray {
  background: url('images/bg-offline-16.png') no-repeat 0 0;
  width: 16px !important;
  height: 16px !important;
  background-size: cover;
}

.monitor-1-icon-blue {
  background: url('images/bg-online-16.png') no-repeat 0 0;
  width: 16px !important;
  height: 16px !important;
  background-size: cover;
}

.monitor-1-icon-red {
  background: url('images/bg-fault-16.png') no-repeat 0 0;
  width: 16px !important;
  height: 16px !important;
  background-size: cover;
}

.monitor-1-icon-gray.active {
  background: url('images/bg-offline-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-1-icon-blue.active {
  background: url('images/bg-online-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-1-icon-red.active {
  background: url('images/bg-fault-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-1 i {
  display: inline-block;
  margin-top: 0px;
  -webkit-transform: scale(0.8) translate(0, -2px);
}

.monitor-1.active i {
  font-size: 40px;
  margin-top: -4px;
}

.monitor-1.active {
  margin-left: -22px !important;
  margin-top: -60px !important;
}


.monitor-2-icon-gray {
  background: url('images/bg-offline-24.png') no-repeat 0 0;
  width: 24px !important;
  height: 24px !important;
  background-size: cover;
}

.monitor-2-icon-blue {
  background: url('images/bg-online-24.png') no-repeat 0 0;
  width: 24px !important;
  height: 24px !important;
  background-size: cover;
}

.monitor-2-icon-red {
  background: url('images/bg-fault-24.png') no-repeat 0 0;
  width: 24px !important;
  height: 24px !important;
  background-size: cover;
}

.monitor-2-icon-gray.active {
  background: url('images/bg-offline-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-2-icon-blue.active {
  background: url('images/bg-online-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-2-icon-red.active {
  background: url('images/bg-fault-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-2 i {
  display: inline-block;
  font-size: 15px;
  margin-top: 0px;
}

.monitor-2.active i {
  font-size: 40px;
  margin-top: -4px;
}

.monitor-2.active {
  margin-left: -22px !important;
  margin-top: -60px !important;
}





.monitor-3-icon-gray {
  background: url('images/bg-offline-24.png') no-repeat 0 0;
  width: 32px !important;
  height: 32px !important;
  background-size: cover;
}

.monitor-3-icon-blue {
  background: url('images/bg-online-24.png') no-repeat 0 0;
  width: 32px !important;
  height: 32px !important;
  background-size: cover;
}

.monitor-3-icon-red {
  background: url('images/bg-fault-24.png') no-repeat 0 0;
  width: 32px !important;
  height: 32px !important;
  background-size: cover;
}

.monitor-3-icon-gray.active {
  background: url('images/bg-offline-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-3-icon-blue.active {
  background: url('images/bg-online-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-3-icon-red.active {
  background: url('images/bg-fault-64.png') no-repeat 0 0;
  width: 64px !important;
  height: 64px !important;
  background-size: cover;
}

.monitor-3 i {
  display: inline-block;
  font-size: 20px;
  margin-top: -2px;
}

.monitor-3.active i {
  font-size: 40px;
  margin-top: -4px;
}

.monitor-3.active {
  margin-left: -22px !important;
  margin-top: -60px !important;
}






.awesome-marker-shadow.monitor-3 {
  background: none;
}

.awesome-marker-shadow.monitor-2 {
  background: none;
}

.awesome-marker-shadow.monitor-1 {
  background: none;
}