.jl-idle-hide{
	display:none;
}

.arrow{
	color:white;
	top:35%;
	width :7%;
	height:30%;
	position:fixed;
	z-index:2;
}

.arrow.hidden-lg{
	width :auto;
}

.arrow.hidden-lg table{
	width :100%;
	height:100%;
}

.arrow td{
	width :100%;
	height:100%;
	text-align:center;
	font-size:2vw;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);

	-webkit-transition: color 0.5s;
	        transition: color 0.5s;
}
.arrow:hover td{
	color:rgb(84, 164, 255);
}

.arrow.hidden-lg td{
	font-size:38px;
	padding:20px;
}

.jl-idle-hide.options{
	position:fixed;
	right:1vw;
	bottom:calc(18px + 2.5vw);
}

.jl-idle-hide.global.options{
	top:calc(25px + 0.65vw);
	bottom:auto !important;
}

.ui-buttons .option{
	display:inline-block !important;
	margin:0 0.5vw;
}

.ui-buttons .option hr, .ui-buttons .title hr, .ui-list hr{
	margin:0.2vw auto 0.5vw;
	width:70%;
	border-color:rgba(255,255,255,0.5);

	-webkit-box-shadow: 1px 1px 0px black;
	   -moz-box-shadow: 1px 1px 0px black;
	        box-shadow: 1px 1px 0px black;
}

.ui-buttons .option td{
	color:white;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.ui-buttons .option .dot{
	width :1.5vw;
	height:1.5vw;
	border-radius:100%;
	border-collapse:separate;
	border:2px solid rgba(255, 255, 255, 0.5);
	margin:auto;

	-webkit-box-shadow: 0px 0px 3px silver;
	   -moz-box-shadow: 0px 0px 3px silver;
	        box-shadow: 0px 0px 3px silver;

	-webkit-transition: border-color 0.25s, background 0.5s, color 0.5s;
	        transition: border-color 0.25s, background 0.5s, color 0.5s;
}

.ui-buttons .option:hover .dot{
	border-color:#3675bf;
}

.ui-buttons .option .dot *{
	text-shadow:none !important;
}

.ui-buttons .option .dot.active{
	background:#0058bc;

	-webkit-box-shadow: 0px 0px 0.5vw #4ea1ff;
	   -moz-box-shadow: 0px 0px 0.5vw #4ea1ff;
	        box-shadow: 0px 0px 0.5vw #4ea1ff;
}

.ui-buttons .option .dot.active td{
	color:#6bb1ff !important;
}

.ui-buttons .option .dot.inactive{
	background:transparent;
}

.ui-buttons .option .dot.inactive td{
	color:transparent !important;
}

.jl-idle-hide.ui-list{
	position:fixed;
	left:1vw;
	top:calc(25px + 0.65vw);
}

.jl-idle-hide.current-options{
	left:auto;
	right:1vw;
}

.ui-list .title{
	color:white;
	text-shadow: 1px 1px 0px black;
	font-size:1vw;
	text-align:center;
	width:10vw;
}

.ui-list .object{
	background:rgba(0, 88, 188, 0.4);
	color:#4ea1ff;
	padding:0.2vw;
	border-radius:400px;
	font-size:1vw;
	margin-bottom:0.5vw;
	width:10vw;
	text-align:center;
	text-shadow: 1px 1px 0px black;
	border:2px solid rgba(78, 161, 255, 0.3);
	overflow:hidden;
	cursor:pointer;

	-webkit-box-shadow: 0px 0px 5px black;
	   -moz-box-shadow: 0px 0px 5px black;
	        box-shadow: 0px 0px 5px black;

	-webkit-transition: background 0.25s, color 0.25s, border-color 0.25s;
	        transition: background 0.25s, color 0.25s, border-color 0.25s;
}

.ui-list .object:hover{
	background:rgb(0, 72, 153);
	color:rgb(78, 161, 255);
	border-color:rgba(78, 161, 255, 0.8);
}

.realign{
	color:#6bb1ff !important;
}

#mobile-ui-buttons .related-objects{
	margin-bottom:30px;
}

#mobile-ui-buttons .title{
	font-size:20px;	
	width:100%;
	text-shadow:none;
	text-align:center;
	margin:20px auto;
}

#mobile-ui-buttons .option hr, #mobile-ui-buttons .title hr{
	margin:5px auto 10px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

#mobile-ui-buttons .object{
	width:90%;
	margin:15px auto;
	font-size:18px;
	padding:5px;
	background:#00479b;
	border-color:#4b8ad2;
	text-shadow:none;

	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

#mobile-ui-buttons .option{
	display:inline-table !important;
	width:50%;
	margin:0 0 30px;
}

#mobile-ui-buttons .option *{
	font-size:14px;
	text-shadow:none;
}

#mobile-ui-buttons .option .dot{
	width :24px;
	height:24px;
	border-width:1px;
	font-size:12px !important;

        -webkit-box-shadow: 0px 0px 0px #4ea1ff;
           -moz-box-shadow: 0px 0px 0px #4ea1ff;
                box-shadow: 0px 0px 0px #4ea1ff;
}

#mobile-ui-buttons .option .dot.inactive td *{
	color:transparent !important;
}