/* TogetherTube */
body {
	overflow:hidden;
	margin:auto;
}

div.viewers {
	position:absolute;
	z-index:3;
	top:5px;
	right:5px;
	width:75vw;
	text-align:right;
}

.card-limited {
	height:250px;
	max-height:250px;
	overflow-y:scroll;
}

.eventAdd {
	opacity:0.7;
}

.float-left {
    float:left;
}

.eventAdd:hover {
	opacity:1;
}

div.ytplayer {
	position:absolute;
	z-index:2;
	width:100vw;
	max-width:100vw;
	height:100vh;
	max-height:100vh;
	background-color:black;
}

div.protect {
	position:absolute;
	z-index:3;
	width:100vw;
	max-width:100vw;
	height:80vh;
	max-height:80vh;
}

div.module {
	position:absolute;
	z-index:1;
	width:25vw;
	left:75vw;
	height:100vw;
	max-height:100vw;
	background-color:black;
}

div.next {
	position:absolute;
	z-index:100;
	width:20vw;
	height:80vh;
	max-height:80vh;
	opacity:1;
	right:2px;
    line-height:80vh;
    text-align:center;
    font-size:50px;
	opacity:0;
}

div.next:hover {
	background-color:white;
	color:black;
	opacity:0.5;
	cursor:pointer;
}

div.fullscreen {
	position:absolute;
	z-index:100;
	width:10vw;
	height:10vh;
	max-height:10vh;
	opacity:1;
	right:2px;
	bottom:10vh;
    line-height:10vh;
    text-align:center;
    font-size:50px;
	opacity:0;
}

div.fullscreen:hover {
	background-color:white;
	color:black;
	opacity:0.5;
	cursor:pointer;
}

div.fullscreen img {
	max-height:100%;
	max-width:100%;
	padding:0.5em;
}

div.deletevideo {
	position:absolute;
	z-index:100;
	width:10vw;
	height:10vh;
	max-height:10vh;
	opacity:1;
	right:calc(10vw + 2px);
	bottom:10vh;
    line-height:10vh;
    text-align:center;
    font-size:50px;
	opacity:0;
}

div.deletevideo:hover {
	background-color:white;
	color:black;
	opacity:0.5;
	cursor:pointer;
}

div.deletevideo img {
	max-height:100%;
	max-width:100%;
	padding:0.5em;
}

div.playpause {
	position:absolute;
	z-index:100;
	width:10vw;
	height:10vh;
	max-height:10vh;
	opacity:1;
	left:0px;
	bottom:10vh;
    line-height:10vh;
    text-align:center;
    font-size:50px;
	opacity:0;
}

div.playpause:hover {
	background-color:white;
	color:black;
	opacity:0.5;
	cursor:pointer;
}

div.playpause img {
	max-height:100%;
	max-width:100%;
	padding:0.5em;
}

div.ufnhrp_select {
	height:5vh;
	width:25vw;
	border:0;
}

iframe.ufnhrp {
	height:95vh;
    width:25vw;
    border:0;
}

/* TODO */
div.gen_error {
	position:fixed;
	z-index:99999;
	bottom:0;
	width:100%;
	text-align:center;
	padding:0.5em;
}