@font-face{font-family:Prelo;
           src:url(../fonts/prelo-light.woff) format("woff");
           font-style:normal;}

@font-face{font-family:PreloFett;
           src:url(../fonts/prelo-medium-webfont.woff) format("woff");
           font-style:bold;}

html {
  background-size: cover;
  height: 100%;
}

body {
		font-family: Prelo;
		font-size: 14px;
		background-color: transparent;
		height:100%;
}

.jumbotron { 
	/* background-color: #ffffff;  */
	color: #e40028;
	padding-top: 4px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.main_container 
{
    min-height: 100%;
    height: 100%;
    background-color:#efefef;
}

.container-fluid {
	
}

.container {
	
}

.navbar {
	font-family: PreloFett;
	color: #ffffff;
	margin-bottom: 0;
	background-color: #e40028;
	z-index: 9999;
	border: 0;
	font-size: 16px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 2px;
	border-radius: 0;
}

.nav-tabs  {
	border: 0px;
}

.navbar-brand {
	padding-right: 30px;
}

.navbar li a, .navbar .navbar-brand {
	color: #ffffff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #e40028 !important;
	background-color: #fff !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #ffffff !important;
}


.carousel {
   max-height: 400px !important;
   overflow: hidden !important;
}

.carousel-inner > .item > img 
{
    max-height: 400px !important;
    margin: 0 auto !important;
}

.logo-small {
      color: #e40028;
      font-size: 80px;
}

.logo-finish {
      color: #178D17;
      font-size: 80px;
}

.logo-refresh {
      color: #ffffff;
      font-size: 24px;
}

.logo-waiting 
{
      color: #dddddd;
      font-size: 80px;
}

h3 
{
    color: #e40028;
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 30px;
}

.subnav 
{
    background-color:#ffffff;
    line-height:1px;
    margin-bottom: 0px;
}

#SMART iframe
{
  
}

@media (min-device-width: 1600px) {
	#SMART iframe
	{
		transform: scale(1.3);
		transform-origin: 0 0;
		width: 76.9%;
		height: 76.9%;
	}
}

#LIVE iframe
{
  
}

@media (min-device-width: 1600px) {
	#LIVE iframe
	{
		transform: scale(1.3);
		transform-origin: 0 0;
		width: 76.9%;
		height: 76.9%;
	}
}


#PAXL iframe
{
	
}

@media (min-device-width: 1600px) {
	#PAXLX iframe
	{
		transform: scale(1.3);
		transform-origin: 0 0;
		width: 76.9%;
		height: 76.9%;
	}
}


.reflect  { 
	/*
  -webkit-box-reflect: below 0
  -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(white)); 
  margin-bottom: 80px;
  */
  
}

.signbutton 
{
    border: 3px solid #e40028; 
    padding:10px; 
    margin:20px; 
    border-radius: 8px; 
    background-color: #fefefe;
    width:260px; 
    min-height:160px; 
    height:160px;
    display:inline-block;
}

.signbutton p 
{
    padding-top: 20px;
    color:#000000;
    font-size: 16px;
}

.filebutton 
{
    border: 3px solid #e40028; 
    padding:10px; 
    margin:20px; 
    border-radius: 8px; 
    background-color: #fefefe;
    width:260px; 
    min-height:160px; 
    height:160px;
    display:inline-block;
}

.filebutton p 
{
    padding-top: 20px;
    color:#000000;
    font-size: 16px;
}

.finished 
{
    border: 3px solid #178D17 !important;
}

.waiting 
{
    border: 3px solid #aaaaaa !important;
}

.waiting p 
{
    color: #aaaaaa;
}

.imagedata 
{
  width: 400px;
  height: 400px;
  margin: 10px;
  float: left;
}

.imagedata img 
{
  width: 100%;
  height: auto;
}

.DebugLabel 
{
    position: absolute;
    bottom: -20px;
}