body {font-family: "Lato", sans-serif;cursor: pointer;font-size: .85rem;}

#main {position:absolute;top:0;left:0;height:100%;width:100%;transition:margin-left 0.1s;}
.menu {position: absolute;top: 0;left: 0;font-size: 1rem;z-index: 999;background: lightgray;opacity: .8;}

.leaflet-popup-content-wrapper {
  border-radius: 0;
  padding: 0;
  border: 1px solid black;
  min-width: 10rem;
  max-width: 20rem;
}

.leaflet-popup-content {
  margin: 0;
  text-wrap-mode: nowrap;
}

.leaflet-popup-tip {
 border: 1px solid black;
 background-color: #e8e8bf;
}

.leaflet-popup-content .m_title {
 margin: 0;
 padding: .2rem;
 text-align: center;
 background-color: black;
 color: white;
 font-weight: bold;
}

.leaflet-popup-content .m_body {
 padding: .5rem;
 background-color: #e8e8bf;
 color: black;
 line-height: 1.5rem;
 min-width: 12rem;
 cursor: pointer;
}

.leaflet-popup-content .cartimage {
 width: 32px;
 height: 32px;
}

#download {
 float: right;
}

.markerTop {
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background: #00693e;
  color: #e8e8bf;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: .1rem;
}
.markerBody {
 display: block;
 min-height: 3rem;
 padding: .5rem;
 line-height: 1.3rem;
}

.marker-basket {
  float: right;
}

.marker-basket img {width: 2rem;}

.add {content:url(add.png);}
.out {content:url(cancel.png);}