html,
body {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	background: #000;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.theme-blue {
	/* fallback */
	background-color: rgb(27, 46, 61);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#335A79), to(#233C52));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #335A79, #233C52);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #335A79, #233C52);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #335A79, #233C52);
}

.theme-darkgray {
	/* fallback */
	background-color: rgb(42, 41, 39);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#494846), to(#373536));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #494846, #373536);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #494846, #373536);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #494846, #373536);
}

.text-error {
	color: darkred;
}

.footer-toolbar {
	color: #000 !important;
	background-color: lightgray !important;
}

.option-slider {
	z-index: 50;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20%;
	height: 100%;
	background-color: antiquewhite;
}

.cube-grid-spinner {
	width: 100px;
	height: 100px;
}

.queue-title {
	font-size: 6vmax;
	text-align: center;
}

.queue-subtitle {
	font-size: 3vmax;
	text-align: center;
}

.queue-control {
	font-size: 10vw;
}

.queue-button {
	font-size: 10vmax;
}

.queue-button.big {
	font-size: 38vmax;
}

.queue-button.small {
	font-size: 1.5vmax;
}

.queue-button-portrait {
	font-size: 20vw;
}

.queue-button-portrait.big {
	font-size: 60vmax;
}

.queue-button-portrait.small {
	font-size: 1.5vmax;
}

a:link {
	text-decoration: inherit;
	color: inherit;
}

a:visited {
	text-decoration: inherit;
	color: inherit;
}

.img-responsive {
	object-fit: contain;
	height: 90%;
	width: 90%;
	overflow: hidden;
}