[v-cloak] > * { 
	display:none 
}

.red {color: #CC1717;}

nav a {
	color: #212529;
}
nav a.nav-link {
	font-weight: bold;
	font-size: 13px;
}

footer {}

footer a {
	color: #212529;	
}

footer a:hover {
	color: #212529;	
}

footer .f-nav-link {
	font-size: 12px;
}

a.mapboxgl-ctrl-logo {
	display: none !important;
}

/* alerts */
#error {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	opacity:0.9;
	z-index:20;
	background-color: #cc1717;
}

#error .container {
	position:relative;
}

#error .close {
	position:absolute;
	right:0;
	top:15px;
	width:20px;
	height:20px;
	background-position:-27px -162px;
	cursor:pointer;
}

#error p {
	color:#fff;
	font-size:16px;
	line-height:50px;
	text-align:center;
	width:100%;
}

#alert{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	opacity:0.9;
	z-index:20;
	background-color:#4DBD33;
}

#alert .container{
	position:relative;
}

#alert .close{
	position:absolute;
	right:0;
	top:15px;
	width:20px;
	height:20px;
	background-position:-27px -162px;
	cursor:pointer;
}
#alert p{
	color:#fff;
	font-size:16px;
	line-height:50px;
	text-align:center;
	width:100%;
}

/* Search */
#auto-complete-results {
    top: 45px;
    z-index: 10;
    position: absolute;
    background-color: #fff;
    width:100%;
}
#auto-complete-results:hover {
	cursor: pointer;
}
.auto-result {
	padding: 10px;
}
.auto-result.active {
	background-color: #f8f9fa;
}
.auto-result.active .badge{
	background-color: #cc1717;
	color:#fff;
}

.auto-result .address {
	font-weight: bold;
}

.notifications {
	color:#fff;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	opacity:0.9;
	z-index:20;
	cursor: pointer;
	background-color:#4DBD33;
}
.notifications .close {
	position:absolute;
	right:0;
	top:15px;
	width:20px;
	height:20px;
	background-position:-27px -162px;
	cursor:pointer;
}

.notifications p {
	font-size:16px;
	line-height:50px;
	text-align:center;
	width:100%;
}

.error {
	color:#fff;
	background-color: #D31027;
}

/* center material icons and text vertically */
.material-icons, .icon-text {
	vertical-align: middle;
}