@charset "utf-8";
*
{
 /* -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;*/
}
#animation_container 
{
	position:absolute;
	margin:auto;
	left:0;right:0;
	top:0;bottom:0;
 }
canvas 
{
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  position:absolute;
  margin:auto;
  left:0;right:0;
  top:0;bottom:0;
  display: block; 
  background-color:#FFFFFF;
  display:none;
  
}
body,html
{
	text-align:center;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}
#loader
{
	position:absolute;
	top:30%;
	left:0; 
	width:100%;
	font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size:8vh; 
	text-align:center; 
	font-weight:bold;	
	
}

.ui-textinput
{
	font-size: 7vh;
	text-align: center;
}
.ui-list
{
	background: #FFF;
	overflow:hidden; 
	overflow-y:scroll;
	
}
.ui-list li
{
	font-size: 8vh;
	text-align: left;
	margin: 0 40px;
}

@media screen and (orientation:portrait) 
 { 

		.ui-textinput
		{
			font-size: 7vh;
		}
		.ui-list
		{
			background: #FFF;
			overflow:hidden; 
			overflow-y:scroll;

		}
		.ui-list li
		{
			font-size: 8vh;
			text-align: left;
			margin: 0 40px;
		}
}