body {
	margin: 0;
	background-color: #202020;
	color: #ffffff;
	font-family: Helvetica, Arial, Sans-Serif;
	user-select: none;
}

.topmenu {
	position: sticky;
	top: 0;
	width: 100%;
	height: 30px;
	background-color: #202020;
}

.topmenu .username {
	float: left;
	margin: 4px 4px;
	padding: 2px 8px;
	height: 22px;
	color: #A0A0A0;
	line-height: 18px;
	vertical-align: middle;
}

.topmenu .button {
	float: left;
	margin: 4px 4px;
	padding: 2px 8px;
	height: 20px;
	border: 1px solid #B0B0B0;
	border-radius: 10px;
	background-color: #303030;
	font-size: 60%;
	line-height: 20px;
	vertical-align: middle;
	cursor: hand;
}
.topmenu .button:hover {
	background-color: #507070;
}

.streamlist {
	float: left;
	width: 500px;
	height: calc(100%);
	overflow-y: scroll;
}

.streampreview {
	float: left;
	width: calc(100% - 500px);
	height: calc(100%);
}

.streamrow:nth-child(even) {
	background: #303030;
}

.streamrow:nth-child(odd) {
	background: #404040;
}

.button1 {
	padding: 2px 5px;
	border: 1px solid #808080;
	border-radius: 5px;
	background-color: #205020;
	color: #ffffff;
	font-size: 60%;
	cursor: hand;
}
.button1:hover {
	background-color: #409040;
}

/* Popup Dialog */

.headerrow {
	margin-bottom: 20px;
	width: 100%;
	color: #000000;
	text-align: center;
	line-height: 30px;
}

.buttonrow {
	clear: both;
	margin: 20px 10% 0 10%;
	height: 30px;
}

.proceedbutton {
	width: 150px;
	height: 30px;
	border: 1px solid black;
	border-radius: 10px;
	background-color: #205020;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	cursor: hand;
}
.proceedbutton:hover {
	background-color: #409040;
}

.cancelbutton {
	width: 150px;
	height: 30px;
	border: 1px solid black;
	border-radius: 10px;
	background-color: #602020;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	cursor: hand;
}
.cancelbutton:hover {
	background-color: #A04040;
}

.modalpopup {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.3);
}

.modalpopup-content {
	margin: auto;
	width: 50%;
	padding: 20px;
	background-color: #a0a0a0;
	border: 2px solid #000000;
	border-radius: 20px;
}