#map {
  position: relative;
  background-color: rgba(0, 83, 255, 0.5);
  /*width: 200px;*/
  /*height: 87vh; */
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
}

#mapmodal {
  position: relative;
  background-color: rgba(0, 83, 255, 0.5);
  /*width: 200px;*/
  /*height: 87vh; */
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
}

#autoTrack span {
  display: block;
  height: 15px;
  width: 15px;
}

#POI span {
  display: block;
  height: 15px;
  width: 15px;
}

#zoombox span {
  display: block;
  height: 15px;
  width: 15px;
}

.span3 {
  height: 450px !important;
  overflow: scroll;
}

/*.leaflet-popup-content {*/

/*width:350px;*/

/*height: 160px;*/

/*}*/

/*.leaflet-popup-content-wrapper {*/

/*height: 160px;*/

/*width: 350px;*/

/*!*border-radius: 5px 5px 5px 5px;*!*/

/*!*border-left:5px solid #464142;*!*/

/*!*border-right:5px solid #464142;*!*/

/*!*border-top:5px solid #464142;*!*/

/*!*border-bottom: 5px solid #464142;*!*/

/*!*width: 450px;*!*/

/*border-radius: 5px 5px 5px 5px;*/

/*border:5px solid #ce0100;*/

/*}*/

/*.content-center{*/

/*padding: 5px;*/

/*border-radius: 5px 5px 5px 5px;*/

/*border-top:5px solid #cec9ca;*/

/*border-bottom: 5px solid #cec9ca;*/

/*}*/

/*.marker-popup{*/

/*width: 400px;*/

/*height: 160px;*/

/*border-radius: 5px 5px 5px 5px;*/

/*///border:5px solid #ce0100;*/

/*}*/

.leaflet-popup-content-wrapper {
  width: 370px;
  /*background: #6282ff;*/
  /*color:#fff;*/
  font-size: 16px;
  line-height: 24px;
  border-radius: 10px 10px 10px 10px;
  border: 5px solid #464142;
}

/*.leaflet-popup-content-wrapper a {*/

/*color:rgba(255,255,255,0.5);*/

/*}*/

/*.leaflet-popup-tip-container {*/

/*width:15px;*/

/*height:15px;*/

/*}*/

.leaflet-popup-tip {
  /*border-left:15px solid transparent;*/
  /*border-right:15px solid transparent;*/
  /*border-top:15px solid #2c3e50;*/
  background: #464142;
  color: #fff;
}

.contentLine1 {
  width: 320px;
  height: 20px;
  align-content: center;
}

.contentLine2 {
  border-top: 5px solid #464142;
  width: 320px;
  height: 40px;
  align-content: center;
}

.contentLine3 {
  border-bottom: 5px solid #464142;
  width: 320px;
  height: 40px;
  align-content: center;
}

.contentLine4 {
  width: 320px;
  height: 30px;
  align-content: center;
}

/*.custom .leaflet-popup-content{*/

/*height: 160px;*/

/*width: 400px;*/

/*}*/

/*.custom .leaflet-popup-content-wrapper{*/

/*height: 160px;*/

/*width: 400px;*/

/*border-radius: 5px 5px 5px 5px;*/

/*border:5px solid #ce0100;*/

/*}*/

.carousel-inner {
  border-bottom: 5px solid #0006ce;
  border-top: 5px solid #0006ce;
  width: 100%;
}

.marker-popup-line1 {
  height: 40px;
  width: 100%;
}

.marker-popup-line2 {
  height: 40px;
  width: 100%;
}

.marker-popup-line3 {
  height: 40px;
  width: 100%;
}

.marker-popup-line4 {
  height: 40px;
  width: 100%;
}

/*.line1{*/

/*margin-bottom: 10px;*/

/*}*/

/*.line2{*/

/*margin-bottom: 10px;*/

/*}*/

/*.line3{*/

/*margin-bottom: 10px;*/

/*}*/

/*.line4{*/

/*margin-bottom: 10px;*/

/*}*/

/*.battery{*/

/*margin-top: 10px;*/

/*}*/

.has-leaflet-pan-control .leaflet-control-zoom {
  position: relative;
  left: 24px;
}

.has-leaflet-pan-control .leaflet-control-zoomslider {
  position: relative;
  left: 22px;
}

.leaflet-control-pan {
  /*
      .leaflet-control-pan-right-wrap: right
    + .leaflet-control-pan a: width
    = 52 + 24 = 76
    */
  width: 76px;
  /*
      .leaflet-control-pan-down-wrap: top
    + .leaflet-control-pan a: height
    = 52 + 24 = 76
    */
  height: 76px;
}

.leaflet-control-pan > div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.leaflet-control-pan > div {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
}

.leaflet-control-pan a {
  background-color: #fff;
}

.leaflet-control-pan a {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-control-pan a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 23px;
  height: 23px;
}

.leaflet-control-pan a:hover {
  background-color: #f4f4f4;
}

.leaflet-control-pan-up-wrap {
  position: absolute;
  left: 26px;
}

.leaflet-control-pan-left-wrap {
  position: absolute;
  top: 26px;
}

.leaflet-control-pan-right-wrap {
  position: absolute;
  left: 52px;
  top: 26px;
}

.leaflet-control-pan-down-wrap {
  position: absolute;
  left: 26px;
  top: 52px;
}

.leaflet-control-pan-up {
  background-image: url(../../images/map/panControl/pan-up.png);
}

.leaflet-control-pan-left {
  background-image: url(../../images/map/panControl/pan-left.png);
}

.leaflet-control-pan-right {
  background-image: url(../../images/map/panControl/pan-right.png);
}

.leaflet-control-pan-down {
  background-image: url(../../images/map/panControl/pan-down.png);
}

/****** Touch Alterations ******/

/* .leaflet-touch .leaflet-control-pan div {
    border: 4px solid rgba(0, 0, 0, 0.3);
    box-shadow: none;
    border-radius: 10px;
}

.leaflet-touch .leaflet-control-pan {
    width: 89px;
    height: 119px;
}

.leaflet-touch .leaflet-control-pan a {
    width: 30px;
    height: 30px;
    border-radius: 7px;
}

.leaflet-touch .leaflet-control-pan-up-wrap {
    left: 26px;
}

.leaflet-touch .leaflet-control-pan-left-wrap {
    top: 40px;
}

.leaflet-touch .leaflet-control-pan-right-wrap {
    left: 52px;
    top: 40px;
}

.leaflet-touch .leaflet-control-pan-down-wrap {
    left: 26px;
    top: 80px;
} */

/*Modifile*/

.leaflet-label {
  background: rgb(235, 235, 235);
  background: rgba(235, 235, 235, 0.81);
  background-clip: padding-box;
  border-color: #777;
  border-color: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border-style: solid;
  border-width: 4px;
  color: #111;
  display: block;
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 1px 6px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
  z-index: 6;
}

.leaflet-label.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-label:before,
.leaflet-label:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: none;
  position: absolute;
  top: 5px;
}

.leaflet-label:before {
  /*border-right: 6px solid black;*/
  border-right-color: inherit;
  /*top: -10px;*/
  /*left: -10px;*/
}

.leaflet-label:after {
  /*border-left: 6px solid black;*/
  border-left-color: inherit;
  /*top: -10px;*/
  /*right: -10px;*/
}

.leaflet-label-right:before,
.leaflet-label-left:after {
  content: '';
}

.leaflet-zoom-box-control {
  font-size: 18px;
}
.leaflet-zoom-box-control.active a {
  color: #fff;
  background-color: #ccc;
  /*src: https://design.google.com/icons/#ic_center_focus_strong*/
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgOGMtMi4yMSAwLTQgMS43OS00IDRzMS43OSA0IDQgNCA0LTEuNzkgNC00LTEuNzktNC00LTR6bS03IDdIM3Y0YzAgMS4xLjkgMiAyIDJoNHYtMkg1di00ek01IDVoNFYzSDVjLTEuMSAwLTIgLjktMiAydjRoMlY1em0xNC0yaC00djJoNHY0aDJWNWMwLTEuMS0uOS0yLTItMnptMCAxNmgtNHYyaDRjMS4xIDAgMi0uOSAyLTJ2LTRoLTJ2NHoiLz48L3N2Zz4=);
}
.leaflet-zoom-box-crosshair {
  cursor: crosshair !important;
}
.leaflet-zoom-box-icon {
  background: transparent no-repeat center center;
  /*src: https://design.google.com/icons/#ic_crop_free*/
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMyA1djRoMlY1aDRWM0g1Yy0xLjEgMC0yIC45LTIgMnptMiAxMEgzdjRjMCAxLjEuOSAyIDIgMmg0di0ySDV2LTR6bTE0IDRoLTR2Mmg0YzEuMSAwIDItLjkgMi0ydi00aC0ydjR6bTAtMTZoLTR2Mmg0djRoMlY1YzAtMS4xLS45LTItMi0yeiIvPjwvc3ZnPg==);
}

/*
************************* New Map  *************************
*/

.leaflet-tooltip.poi-tooltip {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #1a936f;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  font-size: 14px;
}
.leaflet-tooltip.poi-tooltip.leaflet-tooltip-top:before {
  border-top-color: transparent;
}

.leaflet-pane {
  z-index: 1;
}

#map-playback {
  position: relative;
  background-color: rgba(0, 83, 255, 0.5);
  /* width: 200px; */
  /* height: 87vh; */
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
}

.iniClose {
  border: 2px solid #ff001f;
}

.iniOpen {
  border: 2px solid #fedc12;
}

.number-icon {
  background-image: url('../../images/map/startPoint.svg');
  background-size: 32px 32px;
  background-repeat: no-repeat;
  margin: 0 auto;
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 1.5rem;
}

.number-icon div {
  line-height: 32px;
  width: 32px;
  margin-top: -2px;
  margin-left: 1px;
}