#map {
  width:calc(100% - 100px);
  height:500px;
}

pre {
    min-width:300px;
    white-space: pre-wrap;     
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;    
    white-space: -o-pre-wrap;  
    word-wrap: break-word;     
}

.leaflet-popup-content-wrapper {
    min-width: 350px;
}

.icon {
	width: 50px; height: 50px; background-image: url('./icons-composite.svg'); background-repeat: no-repeat; background-size: 200%;
}

.highlightOn {
	background-position-x: 100%; 
}

.highlightOff {
	background-position-x: 0%; 
}

.dummy {
    visibility: hidden;
}

.clickOutside {
    background-image: url('./clickOutside.svg'); background-repeat: no-repeat; background-position: right bottom;
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica;
}