html,body{
		/*background: #002f16;*/
		background-color: #272727;
		
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		
	}
	section{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	.mainpanel{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	#map{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		position: absolute;
		background: #262626;
	}

.leaflet-popup-content {
    margin: 6px 19px;
    line-height: 1.2;
}
.leaflet-popup-content-wrapper {
    border-radius: 3px;
}
.info-box {
    position: absolute;
    bottom: 5px;
    width: 300px;
    height: 150px;
    background-color: #e4e4e4; 
    right: 5px;
    z-index: 99999;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    opacity: 0.9;
}
.muted{
	color: #000;
    padding: 3px;
    font-size: 12px;
}
.headings{
    text-align: center;
    color: #297446;
    font-size: 15px;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
   border: none;
}
.info-time{
    background-color: white;
    color: #000;
    padding: 0px;
	margin-top: -8px;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
	.headings{
		font-size: 12px;
		
	}
	.info-box {
		position: absolute;
		bottom: 5px;
		width: 235px;
		height: 120px;
    }
	.info-time{
		margin-top: -25px;
		
		color: #297446;
	}
	.muted{
		font-size: 10px;
	}
	
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-left: 0; 
	}
	.leaflet-top {
		top: 57px;
		z-index: 99999;
	}
}


.container{
	width: 100%;
	padding: 0;
	margin: 0;
}

.leaflet-verticalcenter {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 10px;
	z-index:9999;
}

.leaflet-verticalcenter .leaflet-control {
	margin-bottom: 10px;
}
.leaflet-top {
	/*top: 52px;*/
	z-index:99999;
}

.customtooltip{
	background:#000;
	color: #fff;
	padding:2px;
	/*box-shadow: none;*/
	border: none;	
	font-size: 12px;	
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	background: #ffd05b;
	color: #2a2a2a;
	box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
}
.layer-panel {
    justify-content: flex-end;
    z-index: 9999;
  }
  .right-panel {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    overflow-x: hidden;
    width: -10%;
    margin-left: 0;
    height: auto;
    transition: 0.5s;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #1abc5d;
    border: none;
    text-align: center;
}
.panel-group{
	margin-bottom: 0;
}
.data-row{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 15px;
}