.navbar, 
.dropdown ul {
	background: #9DA3A4;
}


.navbar-default .navbar-brand {
	color: #333333;
}

.container-map {
	width: 100%;
	height: 1000px;
	display:inline-block;
}

.container-map,
#main {
	min-height: 550px;
	width: 100%;
	height: 1000px;
        z-index: 0;
}

.leaflet-container,
.leaflet-container-default {
	min-height: 1000px;
}

.save_map {
	position: absolute;
	top: 75px;
	right: 25px;
	border-radius: 3px;
	border: 1px solid #8e44ad;
	background: #9b59b6;
	color: #f1c40f;
        z-index: 999;
}

.save_map:hover {
	background: rgba(155,89,182, 0.5);
	border: 1px solid #f39c12;

}

.save_map:hover span {
	color: #9b59b6;
}

.save_map:focus,
.delete_zone:focus {
	outline: none;
}

.save_map span {
	color: #f1c40f;
}

.delete_zone {
	position: absolute;
	top: 105px;
	right: 25px;
	border-radius: 3px;
	border: 1px solid #f39c12;
	background: #f1c40f;
	color: #9b59b6; 
        z-index: 999;
}

.delete_zone:hover {
	background: rgba(241,196,15,0.5);
	border: 1px solid #8e44ad;
}

.shapes-saved,
.shapes-failed {
	position: absolute;
	bottom: 25px;
	right: 25px;
	margin: 0px auto;
	width: 200px;
	display: none;
        z-index: 999;
}

#zone_list,
#zone_meta {
	position: absolute;
	width: 300px;
	height: 500px;
	overflow: scroll;
	top: 150px;
	right: 25px;
        z-index: 999;
}

#zone_list ul {
	list-style: none;
}
#zone_list li {
	margin-left: -30px;
}

.user_id {
	display: none;
}


.navbar-default .navbar-nav>li>a.download_json {
	color: #84DCC6;
}


ul > p > a.user {
	color: #ABFAA9;
}

ul li a.lost {
	color: #FBB9BF !important;
}

p.zone-tags {
	color: #777;
	margin-left: 10px;
}

li.dropdown.open ul {
	border: none;
}

li.dropdown.open ul li {
	min-height: 40px;
}

li.dropdown.open ul li > a {
	color: #777;
	line-height: 40px;
}

.user-button {
	position: absolute;
	top: 65px;
	left: 75px;
}

.user-button button:first-child {
	background: #ABDAE1;
}

.user-button button:hover {
	cursor: default;
	background: #fff;
}

.hide {
	display: none;
}

.ghost {
	background: #000;
	color: #fff;
}