html{
	width: 100%;
    height: 100%;
    font-family: sans-serif;
    color: #FFFFFF;
  	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

body {
	position: fixed;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}


.arvia-main {
	background-color: #B2899C;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-start', endColorstr='$gradient-end',GradientType=1 );
	color: white;
	background: #B2899C;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.arvia-top-bar{
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 10px; 
	font-size: 2vmin; 
}

.arvia-bottom-bar{
	padding: 0px;
	margin: 0px;
}

.arvia-user-select-all {
 -moz-user-select:all!important;
 -webkit-user-select:all!important;
 user-select:all!important;
}

.arvia-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.arvia-underline{	
	text-decoration: underline;
}

.arvia-roomUrl {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background-color: rgba(17, 142, 194, 0);
	font-size: 35px; 
	font-size: 7vmin; 
	height: 35px; 
	height: 7vmin;
	text-align: left;
	color: white;	
}

.arvia-roomUrl .share-icon{
	height: 30px; 
	height: 6vmin;
	margin-bottom: -5px;
	margin-bottom: -1vmin;
}

.arvia-media-source-holder {
	float: right;
	background-color: rgba(17, 142, 194, .5);
}

.arvia-media-source-holder select{
	display: none;
}

.arvia-video-table{
	width: 100%;
	height: calc(100% - 50px);
	height: calc(100% - 10vmin);
}

.arvia-button.arvia-connect-button{
	font-size: 50px;
	font-size: 10vmin;
	line-height: 100px;
	line-height: 20vmin;
	padding: 20px 18px 18px 18px;
	padding: 4vmin 3.6vmin 3.6vmin 3.6vmin;
	border-radius: 20px;
	border-radius: 4vmin;
	border-color: black;
	border-style: solid;
	border-width: 3px;
	border-width: 0.6vmin;
	background-color: rgba(255, 255, 255, .75);
}
.arvia-button.arvia-connect-button:hover{
	background-color: rgb(255, 255, 255);
}

.arvia-top-bar .arvia-button{
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px;
	margin: 0px;
	width: 50px; 
	width: 10vmin;
	height: 50px; 
	height: 10vmin;
	background-color: unset;
}

.arvia-top-bar .arvia-button img{
	height: 35px; 
	height: 7vmin;
	padding: 0px 20px 0px 20px;
	padding: 0 4vmin 0vmin 4vmin;
}

.arvia-top-bar .arvia-logo{
	padding: 0;
	margin: 0;
	width: 50px; 
	width: 10vmin;
}

.arvia-top-bar .arvia-logo img{
	padding: 0;
	margin: 0;
	height: 50px; 
	height: 10vmin;
}

.arvia-float-left{
	float: left;
}

.arvia-float-right{
	float: right;
}