#eWypadkiMap{
  overflow: hidden;
}

.eWypadki_Popup{
  font-size: 10px;
  line-height: 12px;
}

.eWypadkiPopup.Accident {
    color: #00008B;
    font-weight: bold;
}

.eWypadkiPopup.Name, .eWypadkiPopup.Data{
	border-bottom: 1px solid #F77816;
  background-color: #DDDDDD;
}

.eWypadkiPopup.Name{
    width: 90px;
}

.eWypadkiPopup.Data{
  width: 135px;
}

#eWypadkiMap #legendHead{
  text-align: center;
  font-weight: bold;
  height: 24px;
  border-bottom: 1px solid #CCCCCC;
  line-height: 24px;
}

#eWypadkiMap_Legend_Wrapper{
  position: absolute;
  top:167px;
  left: 0px;
  height: calc(100% - 200px);
  border: 1px solid #CCCCCC;
  background-color: white;
  color: black;
}

#eWypadkiMap #showLegend{
  background-image: url(./openlayer/img/layer-switcher-maximize.png);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 18px;
  height: 18px;
  z-index: 1000;
  left: 0px;
  top: 140px;
  position: absolute;
  cursor: pointer;
}

#eWypadkiMap #hideLegend{
  background-image: url(./openlayer/img/layer-switcher-minimize.png);
  width: 18px;
  height: 18px;
  background-color: #00008B;
  position: absolute;
  top: 3px;
  cursor: pointer;
}

#eWypadkiMap .imgContainer{
  height: calc(100% - 25px);
  overflow: auto;
}

#eWypadkiMap .hidden {
  display: none;
}

#eWypadkiMap .eWypadkiPopup.AccidentImg{
  background: url("./img/favicon.png") no-repeat scroll 0 0 / 20px 20px;
  height: 19px;
  width: 19px;
  position: absolute;
  margin-top: -9px;
}

.hcMap_Logo{
  position: absolute;
  right: 2px;
  bottom: 0;
  display: flex;
  width: 45px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.hcMap_Copyright {
  padding-right: 55px;
  text-align: right;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: right;
}

.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    font-size:10px!important;
    overflow: auto;
    height: calc(100% - 35px);
    width: calc(100% - 20px);
}

.olControlLayerSwitcher .layersDiv .dataLayersDiv label{
      display: inline-block!important;
      font-size:10px!important;
}

.olControlLayerSwitcher{
  width: 200px!important;
  height: 400px;
}

.olMap img{
  max-width: 10000px!important;
}

#eWypadkiMap .osmContributors{
  position: absolute;
  right: 5px;
  bottom: 35px;
  border-radius: 4px;
  padding: 2px;
  z-index: 10;
  background: rgba(0,60,136,.3);
  font-size: 12px;
  color: black;
}