html {
	font-family: sans-serif;
	background-color:#e5e5e5;
	color: black;
}
body {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
a, a:visited {
	color: blue;
}
.app {
	border-radius: 0.3em;
	vertical-align: text-top;
	width:100%;
	margin: 1ex;
	background-color: white;
}
.logo {
	height: 2em;
}
@media (min-width: 600px) {
	.app {
		width: 45%;
	}
}
@media (min-width: 1200px) {
	body {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}
.app > h2 {
	height: 2em;
}
.app h2, .app h3 {
	text-align: center;
}
.app h2 > a {
	text-decoration: none;
	color: black;
}
.app img.logo {
	vertical-align: middle;
}
.disabled_app img.logo {
	filter:grayscale(100%); 
	opacity:0.4;
}
.app_error {
	color: red;
}
.app_error img.logo {
	filter:grayscale(100%) sepia(100%) hue-rotate(-60deg);
	opacity:0.4;
}
.app .content {
	text-align: left;
}

.collapsible_list > li > ul {
	display: none;
}

.collapsible_list > li > input:checked + ul {
	display: block;
}

.collapsible_list > li > input {
	display: none;
}
#yr .content {
	text-align: center;
}
#yr .content > iframe {
	margin: 0;
/*	width: 468px;
	height: 290px;*/
	width: 180px;
	height: 322px;
	border: none;
	overflow-x: hidden;
}
#transmission {
	display: none;
}