/*
#dcdcdc - zakladni
#696969 - alternativni
#73ccf8 - cookies a hover; tyrkysova
*/
body {
  /*#contentAndRightBar {
    display: flex;
    justify-content: center;
    #content {
      width: 100vw;
      padding: 10px 0;

      .innerContent {
        overflow: hidden;

        #map {
          z-index: 10;
        }
      }
    }
  }*/
}
body #contentAndRightBar #content {
  display: flex;
  justify-content: center;
  padding-top: 0;
}
body #contentAndRightBar #content .innerContent {
  width: 100vw;
  padding: 10px 0;
}
body #contentAndRightBar #content .innerContent #mapWrapper {
  overflow: hidden;
}
body #contentAndRightBar #content .innerContent #mapWrapper #map {
  z-index: 10;
}

.leaflet-popup {
  font-size: 11px;
  text-align: center;
}
.leaflet-popup.vehicle {
  background: none;
  z-index: 0;
}
.leaflet-popup.vehicle.favourite {
  z-index: 5;
}
.leaflet-popup.vehicle.problem {
  z-index: 5;
}
.leaflet-popup.vehicle.extraVehicle {
  z-index: 6;
}
.leaflet-popup.vehicle .leaflet-popup-content-wrapper {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  position: relative;
  z-index: 0;
}
.leaflet-popup.vehicle .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
}
.leaflet-popup.vehicle .leaflet-popup-tip-container {
  background-color: rgba(0, 0, 0, 0.69);
  background: url("../obrazky/line.png") center center no-repeat;
  width: 30px;
  height: 30px;
  margin-top: -7px;
  margin-left: -15px;
  background-position-y: -46px;
  z-index: -1;
}
.leaflet-popup.vehicle .leaflet-popup-tip-container .leaflet-popup-tip {
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../obrazky/map-arrow.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 15px auto 0;
  box-shadow: none;
  transform: rotate(0deg);
}
.leaflet-popup.vehicle .leaflet-popup-tip-container .leaflet-popup-tip.stop {
  background-image: url("../obrazky/circle-full.svg");
  background-size: 7px;
}
.leaflet-popup.vehicle .leaflet-popup-tip-container .leaflet-popup-tip.unknown {
  background-image: url("../obrazky/map-unknown.svg");
  margin: 13px auto 0;
}
.vehicleBox {
  overflow: hidden;
  cursor: pointer;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #c1c1c1;
}
.vehicleBox .row1 {
  display: flex;
  justify-content: space-between;
}
.vehicleBox .row1 .vehicleNumber {
  white-space: nowrap;
  text-align: left;
  padding: 3px 6px;
}
.vehicleBox .row1 .lineNumber {
  text-align: right;
  padding: 3px 6px;
  background-color: black;
}
.vehicleBox .row2 .vehicleTarget {
  white-space: nowrap;
  padding: 3px;
  background: url("../obrazky/next-station.svg") 6px center no-repeat;
  background-size: 7px;
  padding-left: 20px;
  display: inline-block;
  line-height: 1.1em;
}
.vehicleBox.tram {
  background-color: #e46c6d;
  color: white;
}
.vehicleBox.trolley {
  background-color: #7cab47;
  color: white;
}
.vehicleBox.bus {
  background-color: #4368ad;
  color: white;
}
.vehicleBox.ebus {
  background-color: #83badf;
  color: white;
}
.vehicleBox.favourite .row1 .lineNumber {
  color: black;
  background-color: #ecd71f;
}
.vehicleBox.extraVehicle {
  font-size: large;
  background-color: #ff0006;
  color: white;
  animation: extraPulse 5s linear infinite;
}
@keyframes extraPulse {
  0% {
    background-color: #ff0006;
  }
  20% {
    background-color: #ff8800;
  }
  100% {
    background-color: #ff0006;
  }
}
.vehicleBox.scc {
  border: 1px solid red;
}
.vehicleBox.mpvnet {
  border: 1px solid yellow;
}
.vehicleBox.problem {
  z-index: 6;
}
.vehicleBox.problem.problemstop_turn {
  animation: extraPulse1 0.4s linear infinite;
}
@keyframes extraPulse1 {
  5% {
    background-color: #ffdf00;
  }
}
.vehicleBox.problem.problemstop_line {
  animation: extraPulse2 0.4s linear infinite;
}
@keyframes extraPulse2 {
  5% {
    background-color: #ffa900;
  }
}
.vehicleBox.problem.problemaccident {
  animation: extraPulse3 0.4s linear infinite;
}
@keyframes extraPulse3 {
  5% {
    background-color: #e84a4a;
  }
}

#map .row2 {
  display: none;
  margin-top: 2px;
}
#map .row3 {
  display: none;
  justify-content: center;
  align-items: center;
  border-top: 1px solid black;
  margin-top: 3px;
  background-color: #696969;
}
#map .row3 a {
  color: #fff;
  padding: 1px;
  margin: 2px 7px;
}
#map .row3 a:hover, #map .row3 a:active, #map .row3 a:focus {
  color: white;
}
#map .row3 .delay .value {
  margin-left: 3px;
}

#map.zoom-medium .vehicleBox .row1 .lineNumber {
  border-bottom-left-radius: 5px;
}
#map.zoom-medium .vehicleBox .row2 {
  display: block;
}
#map.zoom-medium .vehicleBox .row3 {
  display: none;
}

#map .vehicle.active .vehicleBox .row1 .lineNumber,
#map.zoom-large .vehicleBox .row1 .lineNumber {
  border-bottom-left-radius: 5px;
}
#map .vehicle.active .vehicleBox .row2,
#map.zoom-large .vehicleBox .row2 {
  display: block;
}
#map .vehicle.active .vehicleBox .row3,
#map.zoom-large .vehicleBox .row3 {
  display: flex;
  justify-content: space-evenly;
}
#map .vehicle.active .vehicleBox .row3 .delay.inTime,
#map.zoom-large .vehicleBox .row3 .delay.inTime {
  display: none;
}

#map .vehicle.active {
  z-index: 11;
  opacity: 1 !important;
}

#map .vehicle.focus {
  z-index: 10;
  opacity: 1 !important;
}
#map .vehicle.focus .leaflet-popup-tip-container {
  height: 40px;
}
#map .vehicle.focus .leaflet-popup-tip-container .leaflet-popup-tip {
  padding: 10px;
  margin: 12.5px auto 0;
}

/*# sourceMappingURL=map.css.map */