#selectedTitleBox,
#srStatusBox {
	font-family: monospace;
	font-size: initial;
	line-height: initial;
	color: initial;
}
#httpswarning {
	background-color: #f14668;
	color: #fff;
}
#httpswarning a {
	color: currentColor;
	text-decoration: underline;
}


#selectionBox {
	height: 98%;
	width: auto;
	overflow-y: scroll;
	overflow-x: auto;
	padding-left: 15px;
	font-size: 1.5em;
	display: none;
}

#selectionBox button {
	font-size: 1em;
}

#settingsBox {
	margin: 20px 0;
}

#settingsBox .input {
	font-size: 1rem;
	background-color: #fff;
	border-color: #dbdbdb;
	border-radius: 4px;
	color: #363636;
	height: 1.5em;
	line-height: 1.5em;
	padding: calc(.5em - 1px) calc(.75em - 1px);
}

#selectedTitleBox {
	display: none;
	text-align: center;
}

#selectedTitleText {
	font-weight: bold;
	font-size: 3em;
}

button {
	margin: 10px 0;
	padding: 10px;
	font-size: 1.5em;
	display: block;
}

input {
	margin: 8px;
	font-size: 1.5em;
}

#srStatusBox {
	display: none;
	text-align: center;
}

#srStatusText {
	font-weight: bold;
	font-size: 22vw;
}

#screenshotBox {
	z-index: 100;
	display: none;
	position: fixed;
    bottom: 5%;
}

#screenshotImg {
	padding: auto;
	border: 5px solid black;
}

#contextMenu {
	position: fixed;
	z-index: 1000;
	width: auto;
	background: #1b1a1a;
	border-radius: 5px;
	display: none;
}

#contextMenu.visible {
	display: block;
}

#contextMenu .item {
	padding: 8px 10px;
	font-size: 20px;
	color: #eee;
	cursor: pointer;
}

#contextMenu .item:hover {
	background: #343434;
}

#httpswarning, #connectWithQr {
	display: none;
}

.panel {
	margin-top: 1em;
}