body {
    background-color: #f8f8f8;
    margin-top: 0px;
    font-family: 'Lato';
}

.container {
  max-width: 1800px;
}

.item {
    background-color: white;
    padding: 15px;
    margin-bottom: 15px;
    border: transparent;
    border-radius: 5px;
    box-shadow: 0 0 1em #ccc;
    transition: all .2s ease-in-out;
}

.item:hover {
    box-shadow: 0 0 1em #aaa;
}

.item.completed {
    text-decoration: line-through;
}

.toggles {
    color: black;
}

.name {
    padding-top: 3px;
}

.remove {
    padding-left: 0;
}

button:focus {
    border: 1px solid #333;
}

#map {
  padding: 0;
  margin: 0;
  min-height: 400px;
  width: 100%;
  height: 100%;
}

@media (min-height: 700px) {
  #map  {
    height: 86vh;
  }
}

div:m-tabs {
  height: 26px;
}

.popup-box {
  font-family: sans-serif;
  color: 333;
  min-width: 500px;
  border-width: 1.6px;
  border-style: solid;
  border-radius: 5px;
  border-color: rgb(8, 112, 33);
  padding:initial;
}

.popup-tag {
  font-weight: bold;
  border-right-width: 1px;
  border-right-style: solid;
  text-align: right;
}

.popup-value {

}

.popup-inner-box {
  font-family: sans-serif;
  color: 333;
  min-width: 450px;
  border-width: 1.2px;
  border-style: groove;;
  border-color: rgb(8, 112, 33);
  background-color: rgba(8, 112, 33, 0.8);
  padding-left: 0;
  padding-right: 0;
}

.popup-inner-tag {
  color: white;
  text-align: right;
  font-weight: bold;
  border-right-width: 1px;
  border-right-style: solid;
}

.popup-inner-value {
  color: white;
}

#loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgb(255, 255, 255);
	opacity: 50%;
}

.loading-spinner {
	position: fixed;
	left: 50%;
 	top: 50%;
}