.humidity-nav{
	width:100%;
}

.humidity-nav button.current{
	background-color:#ffffff;
	color:#a4a897;
	left:-1px;
	width:calc(100% + 1px);

	box-shadow:none;

}

.humidity-nav button:hover{
	border:1px solid #e5e5e5;
	border-left:none;
}

.humidity-nav button{
	background-color:#f2f2f2;
	color:#a4a897;
	padding-top:1rem;
	padding-bottom:1rem;
	
	box-shadow:inset 6px 0px 6px -2px rgba(0,0,0,0.07);
}

.btn-secondary{
	border:1px solid #e5e5e5;
	border-left:none;
}

.humidity-image{
	width:100%;
	padding:1rem;
	display:block;
	box-sizing: border-box;
}

#humidity-nav-vertical{
	border-left:1px solid #e5e5e5;
	box-sizing: border-box;
}

#humidity-nav-vertical .btn-group-vertical>.btn:last-child {
    border-bottom-left-radius: 0;
}

#humidity-nav-vertical .btn-group-vertical>.btn:first-child {
    border-top-left-radius: 0;
}

@media (min-width: 992px)
{
	#humidity-nav-horizontal{
		display:none;
	}
	
	#humidity-nav-vertical{
		display:block;
	}
}

@media (max-width: 991.99px)
{
	#humidity-nav-horizontal{
		display:block;
		margin:1rem auto;
	}
	
	#humidity-nav-vertical{
		display:none;
	}
}