.datasets{
	position:fixed;
	top :83px;
	left:10px;
}

.datasets .section{
	position:relative;
	margin-bottom:6px;
	/* margin-bottom:3px; */
}

.datasets .section *{
	font-family:'Ropa Sans', sans-serif;
}

.datasets .section .divider{
	border-top:1px solid rgba(255,255,255,0.5);
}

.datasets .section .condensed-button{
	display:inline-block;
	/*
	width :13px;
	height:13px;
	*/
	width :8px;
	height:8px;
	text-align:center;
	padding:4px 12px 12px 4px;
	/* padding:5px 9px 8px 7px; */
	font-size:16px;
	background:rgba(0,0,0,0.85);
	color:rgba(255,255,255,0.9);
	border:1px solid rgba(255,255,255, 0.35);
	vertical-align:bottom;
	cursor:pointer;
}

.datasets .section .condensed-button.active{
	background:rgb(14, 113, 202);
}

.datasets .section .condensed-button:hover{
	-webkit-filter:brightness(1.5);
	        filter:brightness(1.5);
}

.datasets .section .condensed-button:hover *{
	-webkit-filter:none;
	        filter:none;
}

.datasets .section .condensed-content{
	position:absolute;
	top:0;
	left:calc( 100% - 1px );
	background:rgba(10, 91, 163, 0.85);
	border:1px solid rgba(255,255,255, 0.35);
	display:none;
}

.datasets .section .condensed-button:hover .condensed-content{
	display:block;
}

.datasets .section .condensed-content .condensed-header{
	font-size:12px;
	padding:2px;
	background:rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(255,255,255,0.35);
}

.datasets .section .condensed-content .condensed-options{
	padding:2px;
	min-width:100px;
}

.datasets .section .header{
	display:inline-block;
	width :13px;
	height:13px;
	text-align:center;
	padding:3px 5px;
	font-size:12px;
	border-right:0;
	background:rgba(0,0,0,0.85);
	color:rgba(255,255,255,0.9);
	border:1px solid rgba(255,255,255, 0.35);
	vertical-align:bottom;
}

.datasets .section .toggle-button,
.datasets .section input,
.datasets .section .option,
.datasets .section select{
	display:inline-block;
	box-sizing:border-box;
	width:100px;
	padding:3px 5px;
	font-size:12px;
	background:rgba(0,0,0,0.85);
	color:#fff;
	border:1px solid rgba(255,255,255, 0.35);
	cursor:pointer;
}

.datasets .section input{
	cursor:auto;
	font-family:'Source Sans Pro';
}

.datasets .section input::-webkit-outer-spin-button,
.datasets .section input::-webkit-inner-spin-button {
    -webkit-appearance : none;
    margin : 0;
}

.datasets .section input[type=number] {
    -moz-appearance : textfield;
}

.datasets .section .toggle-button:hover,
.datasets .section input:hover,
.datasets .section .option:hover,
.datasets .section select:hover{
	background:#0e71ca;
}

.datasets .section .option{
	padding:3px 0;
}

.datasets .section .option .check-box{
	display:inline-block;
	width:15px;
	border-right:1px solid rgba(255,255,255, 0.35);
	font-size:10px;
}

.datasets .section .option .option-content{
	display:inline-block;
	width:80px;
}

.datasets .section .toggle-button{
	box-sizing:border-box;
	padding-left:10px;
}

.datasets .section .toggle-button svg{
	margin-left :-5px;
	margin-right: 5px;
}

#mobile-menu{
	display:none;
	text-align:center;
}

#mobile-menu-view{
	padding:10px;
	padding-bottom:33px;
	box-sizing:border-box;
}

#mobile-menu .section{
	position:relative;
	margin-bottom:6px;
	/* margin-bottom:3px; */
}

#mobile-menu *{
	font-family:'Ropa Sans', sans-serif;
}

#mobile-menu .mobile-buttons-container{
	position:fixed;
	bottom:33px;
	left:0;
	right:0;
	margin:auto;
	width:100vw;
	height:90px;
	white-space:nowrap;
	overflow-x:auto;
	border-top:1px solid rgba(255,255,255,0.25);
}

#mobile-menu .mobile-content-container{
	position:fixed;
	bottom:123px;
	left:0;
	width:100vw;
	padding-bottom:10px;
}

#mobile-menu .condensed-button{
	display:inline-block;
	position:relative;
	width :20px;
	height:20px;
	text-align:center;
	padding:7px;
	margin:15px;
	font-size:18px;
	background:rgba(0,0,0,0.85);
	color:rgba(255,255,255,0.9);
	border:1px solid rgba(255,255,255, 0.35);
	vertical-align:bottom;
	cursor:pointer;
}

#mobile-menu .condensed-button .lbl{
	position:absolute;
	top:calc( 100% + 5px );
	font-size:10px;
	left:50%;
	transform:translateX( -50% );
	white-space:normal;
}

#mobile-menu .condensed-button .active-indicator{
	position:absolute;
	display:none;
	color:#a8d6ff;
	top:-22px;
	font-size:24px;
	left:50%;
	transform:translateX( -50% );
}

#mobile-menu .condensed-button .active-indicator.active{
	display:block;
}

#mobile-menu .condensed-button.active{
	background:rgb(14, 113, 202);
}

#mobile-menu .condensed-content{
	position:absolute;
	top:0;
	left:calc( 100% - 1px );
	background:rgba(10, 91, 163, 0.85);
	border:1px solid rgba(255,255,255, 0.35);
	display:none;
}

#mobile-menu .condensed-content .condensed-header{
	font-size:12px;
	padding:2px;
	background:rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(255,255,255,0.35);
}

#mobile-menu .condensed-content .condensed-options{
	padding:2px;
	min-width:100px;
}

#mobile-menu .header{
	display:inline-block;
	width :13px;
	height:13px;
	text-align:center;
	padding:3px 5px;
	font-size:12px;
	border-right:0;
	background:rgba(0,0,0,0.85);
	color:rgba(255,255,255,0.9);
	border:1px solid rgba(255,255,255, 0.35);
	vertical-align:bottom;
}

#mobile-menu .toggle-button,
#mobile-menu input,
#mobile-menu .option,
#mobile-menu select{
	display:block;
	box-sizing:border-box;
	width:100px;
	padding:3px 5px;
	margin:5px auto 0;
	font-size:12px;
	background:rgba(0,0,0,0.85);
	color:#fff;
	border:1px solid rgba(255,255,255, 0.35);
	cursor:pointer;
}

#mobile-menu input{
	cursor:auto;
	font-family:'Source Sans Pro';
}

#mobile-menu input::-webkit-outer-spin-button,
#mobile-menu input::-webkit-inner-spin-button {
    -webkit-appearance : none;
    margin : 0;
}

#mobile-menu input[type=number] {
    -moz-appearance : textfield;
}

#mobile-menu .option{
	padding:3px 0;
}

#mobile-menu .option .check-box{
	display:inline-block;
	width:15px;
	border-right:1px solid rgba(255,255,255, 0.35);
	font-size:10px;
}

#mobile-menu .option .option-content{
	display:inline-block;
	width:80px;
}

#mobile-menu .toggle-button{
	box-sizing:border-box;
	padding-left:10px;
}

#mobile-menu .toggle-button svg{
	margin-left :-5px;
	margin-right: 5px;
}

#mobile-menu .colorbars{
	position:fixed;
	width:calc( 100vw - 20px);
	bottom:43px;
}