@font-face {
    font-family: SourceSansPro-Light;
    src: url(Font/SourceSansPro-Light.otf);
}


* {
  margin: 0;
  padding: 0;
}

img {border: none; }
a img {border: 0px; }

canvas {
  width: 100%;
  height: 100%;
  position: absolute;
}

body {
background: url(background.jpg) no-repeat center center fixed;
background-color:#ffffff;
background-size: cover;
font-family: SourceSansPro-Light, Arial;
color:#606060;
font-size : 16pt;
}

#LoadingContent {
	display: table;
	position: absolute;
	height:100%;
	width:100%;
	top: 0; bottom: 0; left: 0; right: 0;

}
.Line{
	text-align: center;
	
}


/* .Line:nth-child(odd){
background-color:rgba(0, 0, 0, 0.05)
}
.Line:nth-child(even){
background-color:rgba(0.5, 0.5, 0.5, 0.05)
} */


.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
	/*background-color:red;*/
}



#TopTitle, #Plane, #LoadingText,#bgBar, #spinner {
	margin-bottom:20px;
}
#TopTitle{
	width:500px;
	
}

#Plane {
	width:800px;
}



#LoadingText {
	font-size : 20pt;
}

#LoadingBlock{
	display:none;
	padding-bottom:40px;
}




#WarningMobileBlock{
	display:none;
}


#LoadingBar {
	text-align: center;
	background-color:blue;
}

#bgBar {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	height: 4px;
	background-color: #dadada;

}
div#progressBar {

	width: 0%;
	height: 100%;
	background-color: #2daae1;
}

#WarningBrowserBlock{
	display:inherit;
	font-size : 14pt;
	
}

#WarningBrowserDownloadApplicationText {
	text-align:left;
}

td.WarningBrowserBlockTd {
	text-align:center;
	vertical-align:top;
	padding:20px;
	
}

#QrCodeTable{
	margin-top:20px;
	text-align:center;
	margin-left:auto; 
    margin-right:auto;
}


.badge {
	width:150px;
	margin:30px 20px;
}

#WarningBrowserBlock .badge{
	margin:10px;
}

#BrowserIcons {
	margin-top:5px;
	text-align:center;
}