/* Map Container */
#mapcontainer {
  width: 100%;
  height: 90%;
  border-radius: 20px;
}

#map {
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  box-shadow: 4px 4px 10px #999;
  border: #ccc solid 1px;
}

/* Right Container for Admin Page */
#rightcontainer {
  width: 10%;
  height: 90%;
  background: #e2e2e2;
  border-radius: 20px;
  border: 1px dashed rgb(46, 42, 165);
}

#cartidwrapper {
  display: none;
}

.cart {
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  background-image: url(truck.png);
  background-size: contain;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-canvas-container.mapboxgl-interactive:active {
  cursor: crosshair;
}

.fc-trucktop01 {
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  background-image: url(fc-trucktop01.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.fc-trucktop02 {
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  background-image: url(fc-trucktop02.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.fc-trucktop03 {
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  background-image: url(fc-trucktop03.png);
  background-repeat: no-repeat;
  background-size: contain;
}