.app-content-loading {
    text-align: center;
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,1); /* Black background with opacity */
	background-size: 50px 50px;
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
}

.full-screen-click{
    text-align: center;
    position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000; /* Specify a stack order in case you're using a different order for other elements */
}

.app-content-loading .spinner{
	width:100%; 
    height:100%; 
    background:url(../images/loading.gif) center center no-repeat;
}


body{
	margin: 0 !important;
	background-color: black;
	overflow: hidden;
}

@font-face {
  font-family: 'RobotoRegular';
  src: url('../fonts/roboto-v18-latin-ext_latin-regular.eot');
  src: url('../fonts/roboto-v18-latin-ext_latin-regular.eot') format('embedded-opentype'), url('../fonts/roboto-v18-latin-ext_latin-regular.woff') format('woff'), url('../fonts/roboto-v18-latin-ext_latin-regular.ttf') format('truetype'), url('../fonts/roboto-v18-latin-ext_latin-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoBold';
  src: url('../fonts/roboto-v18-latin-ext_latin-500.eot');
  src: url('../fonts/roboto-v18-latin-ext_latin-500.eot') format('embedded-opentype'), url('../fonts/roboto-v18-latin-ext_latin-500.woff') format('woff'), url('../fonts/roboto-v18-latin-ext_latin-500.ttf') format('truetype'), url('../fonts/roboto-v18-latin-ext_latin-500.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}