body{
	background-color:black;
	
}

h1{
	color:white;
	font-family: 'Roboto', sans-serif;
}

canvas{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


#infocontainer{
	
position: absolute;
bottom: 10px;

width: 99%;

background-color: #333;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;
min-height: 50px;
}

#info{
color: white;

font-family: 'Roboto', sans-serif;

margin-top: 20px;

font-size: 25px;

font-weight: 700;
position:relative;

bottom:10px;
left: 50%;
transform: translateX(-50%);
}

#videoerror{
position: absolute;

left: 5px;

top: 50%;

height: 60px;

background-color: #0894f7;

border-radius: 5px 5px 5px 5px;

-moz-border-radius: 5px 5px 5px 5px;

-webkit-border-radius: 5px 5px 5px 5px;

border: 0px solid #000000;

color: wheat;

font-family: 'Roboto', sans-serif !important;

font-weight: 700;	
cursor:pointer;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {

    background-color: #0894f7 !important;
	border-color: #0894f7 !important;
	color:white !important;

}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {

    background-color: #045299;
    border-color: #045299;
	color:white !important;

}

#dialog p {

    color: white !important;

}

#dialog a {

    color: white !important;

}

#info a {

    color: white;
		font-family: 'Roboto', sans-serif;

}
#info a:hover {

    color: grey;
		font-family: 'Roboto', sans-serif;

}

@media screen and (max-height: 950px) {
 
	#infocontainer{
	
position: unset;

}

#info{
top:10px;
}


}

#browserinfo{
	color:white;
	font-size:20px;
	font-family: 'Roboto', sans-serif !important;
	display:none;
	margin-top:10px;
}

#browserinfo a{
	color:white;
	font-size:20px;
	font-family: 'Roboto', sans-serif !important;

}

@media screen and (max-width: 1600px) {

	#videoerror{
		top:10px;
	}

}

@media screen and (max-width: 480px) {
  canvas{
		width: 50vw !important;
	height: 50vh !important;


	}
	
	 body{
	width: 50vw !important;
	height: 50vh !important;


	}
	

}