/*html.background {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #092756;
	background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -moz-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
	background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -webkit-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%, #092756 100%);
	background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -o-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -o-linear-gradient(-45deg, #670d10 0%, #092756 100%);
	background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), -ms-linear-gradient(top, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), -ms-linear-gradient(-45deg, #670d10 0%, #092756 100%);
	background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104, 128, 138, .4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, .25) 0%, rgba(42, 60, 87, .4) 100%), linear-gradient(135deg, #670d10 0%, #092756 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756', GradientType=1);
	background-attachment: fixed;
}*/

html.background {
    width: 100%;
    height: 100%;
    background-color: #000;
}
body {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.button, button { background-color: #ddd; }
.button:hover, button:hover { background-color: #d5d5d5; }
#login-form input[name="c"] { display: none; }

div.max-width-500 { max-width: 500px; }
div.center { margin-left: auto; margin-right: auto; }
div.message { width: 100%; margin-bottom: 15px; padding: 6px 10px; border: solid 1px #000; box-sizing: border-box; }
div.message.error { border-color: #f00; color: #f00; }

h1, h2, h3, h4, h5, h6, p, label { color: #000; }


html.background h1,
html.background h2,
html.background h3,
html.background h4,
html.background h5,
html.background h6,
html.background p,
html.background label {
	color: #fff;
}


h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, p.center { text-align: center; }

#mergeContainer {
	position: relative; padding-top: 100px; overflow: scroll; height: 100%;
}

.mobile {
	display:none;
}

@media only screen and (max-width: 830px) {
	#mergeContainer {
		padding-top:160px;
	}

	#items .pure-u-1-2 {
	}

	#items .title {
		font-size:.4em;
		margin:25px;
	}

	.desktop {
		display:none;
	}
	.mobile {
		display:unset;
	}

}

.header .merge-controls button {
    padding: 5px ;
    line-height: 11px;
    height:30px;
    margin:3px;
}