.slick-prev:before, .slick-next:before {
	color: #67757c;
}

#public-widget-sensor{
	height:205px;
}
#public-sidebar{
	position:absolute;
	top:60px;
	right:0%;
	height:calc(100vh - 120px);	
	transition: width 0.3s;
}
#public-container{
	position:absolute;
	top:60px;
	left:0%;
	height:calc(100vh - 120px);
	transition: width 0.3s;
}
#public-map{
	position:absolute;
	min-height:100%;
	width:100%;	
}
#public-sidebar-control{
	position:absolute;
	display:inline-block;
	background-color:#fafafa;
	top:45%;
	height:50px;
	transition: .3s;
	line-height:50px;
}
#public-category-menu, #public-content{
	width:98%;
	margin-left:1%;
}
#widget-sensor{
	margin:0 20px 30px 20px;
}
#widget-sensor .slick-prev{
	left:-20px;
}
#widget-sensor .slick-next{
	right:-20px;
}
.input-group-btn .btn {
    padding: 8px 12px;
}

.container-public{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	padding-bottom: 0;
}
.page-public{
	margin-left:0;
	height:calc(100vh - 120px); width:100%
}
.page-public footer{
	position:fixed;
	left:0;
	bottom:0;
	height:60px;
}
.page-public .header{
	left:0;
}
.page-public #map-markers{
	height:calc(100vh - 120px); width:100%
}
.public-sidebar-closed{
	width:0;
}
.public-sidebar-expanded{
	width:20%;
}
.public-container-closed{
	width:80%;
}
.public-container-expanded{
	width:100%;
}

.public-sidebar-control-closed{
	right:0;
}
.public-sidebar-control-expanded{
	right:20%;
}
.sparkline canvas{
	width:100%;
}
.card-header .dropdown-toggle{
    padding: 2px 7px;
    font-size: 12px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: #26dad2;
}

@media only screen and (max-width: 768px) { 
	.header .top-navbar .navbar-header .navbar-brand {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 468px) { 

	#public-sidebar{
		position:absolute;
		background:#fafafa;
	}
	#public-container{
		position:relative;
		width: 100%;
		height: 100%;
		top:0;
	}
	.page-public{
		margin: 0;
		padding-top:60px;
		padding-bottom:25px;
		height: 100vh;
		width: 100%;
	}
	.container-public{
		height: 100%;
		padding:0;
	}
	#public-container{
		
	}
	#public-sidebar.public-sidebar-closed{
		width:0;

	}
    #public-sidebar.public-sidebar-expanded{
		width:85%;
		height:calc(100vh - 85px);
	}
	#public-container #public-content{
		/*display:none;*/
	}
	#public-container #public-content .slick-slide{
		
	}
	#public-container.public-container-closed{
		width:100%; 
		height:100%;
	}
	#public-container.public-container-expanded{
		width:100%;
	}

	.public-sidebar-control-closed{
		right:0;
	}
	.public-sidebar-control-expanded{
		right:85%;
	}
	.page-public #map-markers {
		height:calc(100vh - 85px);
	}
	.page-public #widget-sensor {
		margin: 0 20px 0 20px;
	}
	.page-public #widget-sensor .card-sensor{
		
	}
	.page-public #widget-sensor .value{
		font-size: 28px;
	}
	.page-public footer{
		height:25px;
		font-size:11px;
		padding:5px;
	}
	
}