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

#small_map {
	height: 200px;
}

.info {
	font-size: 0.9rem;
}

.info > span, #about-tab-pane span, .leaflet-popup-content span{
	margin: 10px 0;
	display: block;
	padding: 0 0 0 35px;
	position: relative;
}

.info > span .bi, #about-tab-pane span .bi, .leaflet-popup-content span .bi {
  	position: absolute;
  	left: 5px;
  	top: 4px;
  	color: #9da2a6;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background: #eff2f6;
	border-bottom: 1px solid #eff2f6;
}

.ql-container {
	height: 200px;
}


#offcanvas {
	position: fixed;
	top: 56px;
	left: 0px;
	bottom:0px;
	width: 40%;
	background-color: #eff2f6;
}

@media (max-width: 991.98px) {
	#offcanvas {
		width: 100%;
		right: 100%;
	}
}