#heartbeat_frame{
	display:none;
}
	.title{
		font-family:Lobster,Arial;
		font-size:24px;
		text-align:center;
		padding:15px;
		line-height:120%;
	}
    body {
      background-color: #fff;
    }
    body > .grid {
      height: 100%;
    }
    .image {
      margin-top: -100px;
    }
    .column {
      max-width: 750px;
    }
	.form,.message{
		width:450px;
		max-width:450px;
		margin:0 auto !important;
	}
	
	.ui.message:empty{
		display:none;
	}
	
	.container .image {
	  margin:0 auto;
	  width: 310px;
	  height: 110px;
	  background-repeat:no-repeat;
	  background-size:contain;
	  background-position:center center;
	  margin-bottom:35px;
	}
	.eo_logo{
	  background-image:url("../img/easyorder_logo.svg");
	  background-repeat:no-repeat;
	  background-size:contain;
	  position:fixed;
	  bottom:5px;
	  right:5px;
	  width:130px;
	  height:50px;
	}

	#the2facnt{
		position:absolute;
		z-index:150;
		width:auto;
		top:50px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
	}
	#the2facnt input[type=number]{
		width:70px ;
		display:inline-block ;
		font-size:60px ;
		padding:10px;
		margin-right:20px;
		text-align:center;
		border:1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
	}
	#the2facnt input[type=number].fail{
		border:1px solid red;
	}
	#the2facnt input[type=number].green{
		border:1px solid green;
	}

	#the2facnt input[type=number]:last-child{
		margin-right:0px !important;
	}

	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}
	.u2fa_comment{
		margin-top:10px;
	}
	.ui.error.message{
		font-size: 13px;
	}
	.ui.message.bottom{
		margin-top: 15px !important ;
	}