/* IS green = #006747 or #008057 for slightly lighter color */

html, body {
	height: 100%;
	width: 100%;
}

.tree-pic {
	width: 100%;
	height: 100%;
}

.label {
	font-family: 'Abel', sans-serif;
	font-size: 13px;
	background-color: #008057;
}

.label.label-info {
	background-color: #1b6eb1;
}

#map-container {
	position: absolute;
	left: 0px;
	height: 100vh;
	width: 100vw;
	/*padding: 6px;
	background-color: #ffffff;*/
	/*border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;*/
}

/* map container */
#mizzap {
	height: 100%;
	width: 100%;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	font-family: 'Abel', sans-serif;
}

.leaflet-control-scale .leaflet-control {
	position: relative;
	padding-left: 10px;
}

.leaflet-popup-content-wrapper {

	width: 350px;
	background-color:rgba(67,67,67,0.7);
    border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
}

.tree-pic-container {

	background-color:rgba(67,67,67,0.7);
    border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
}

.leaflet-popup-tip {

    background-color:rgba(67,67,67,0.7);
    border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
}

.leaflet-popup-content {
	font-family: 'Abel', sans-serif;
	font-size: 14px;
    color: #FFFFFF;
    width: auto;
}

.aCustomC {
	font-size: 10pt;
	padding: 6px 8px;
	border-radius: 2px;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	background: rgba(67,67,67,0.6);
}