body {
	font-family: sans-serif;
}

h1 {
	color: #128ac7;
}

#main_container {
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
	margin-bottom: 1em;
}

#logo_container {
	text-align: center;
}

#logo {
	*-webkit-transition: margin 0.5s, max-height 1s;
	transition: margin 0.5s , max-height 1s;
	/* max-height must be defined for transition working (and not in%) */
	max-height: 240px;
	max-width: 100%;
}

h1 {
	-webkit-transition: font-size 0.5s;
	transition: font-size 0.5s;
}

form {
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

form > * {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

div.buttons_container {
	text-align: center;
}

form.loading {
	background: #fff url('loading.gif') no-repeat 50% 50%;
	-webkit-transition: background-color 0;
	transition: background-color 0;
}

.waiting-message {
	text-align: center;
	padding-top: 80px;
	color: #f16d17;
	background: #fff url('loading.gif') no-repeat 50% 15px;
}

.center {
	text-align: center;
}

span.uuid {
	font-style: italic;
}

.bootstrap-dialog-header {
	width:	100%;
}

div.buttons_container {
	margin-top: 1em;
}

@media (max-width: 768px) {
	body {
		text-align: center;
	}

	h1 {
		margin: 0.5em;
	}

	h1.smallify {
		font-size: 1.7em;
	}

	#logo[class~=smallify] {
		max-height: 80px;
	}
}