html,body{
	height: 100%;
	width:  100%;
}

.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}

.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#qr-canvas{

	display: none;
}

.panel-body{
	background-color: #f0a348;
}


.logo-img {
    // width: 63px;
    // height: 74px;
    margin: 0 auto 10px;
    display: block;
}


.login_id{

	
	display:block;
}


.login_qrcode_panel{

	background-color: #fabb00;

}

.login_qrcode{
	
	display:none; 
	width: 370px;
	height: 460px;

	position:absolute; 
    left:0; right:0;
    top:0; bottom:0;
    margin:auto;	
}


.qrcodeinfos{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

	text-align: center;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    color: #333333;	
}



#outdiv
{
    width:320px;
    height:240px;
	border: solid;
	border-width: 3px 3px 3px 3px;
	display: none;
}


.div-logoqrcode{
    width:320px;
    height:240px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	
	margin: 0 auto; 

    background:url(../images/logo.png) no-repeat center center;
    background-color: #2b2b2c;
}

.logo-alaji {

}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:visited{
	background-color: #A8A6A4;
    border-color: #767C7B;
}

.btn-primary:disabled, .btn-primary:disabled:hover{
	background-color: #A8A6A4;
    border-color: #767C7B;
	//opacity: .85;
}

#btn-Cnx-QrCode{
	width:80%;
	margin-top: 10px;
}

#btn-Cnx-QrCode:enabled{
	background-color: green;
    border-color: #767C7B;
}


.form-group{
	text-align:center;
}

.linkAlternative:hover
{
  cursor:pointer;

}

.alternative{
	text-align:center;	
	margin-top: 5px;
}

.copyright{
	text-align:left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: black;	
	margin-top: 10px;
}

.panel{
	margin-bottom: 0px;
}


.outer-wrapper { 
display: table;
width: 100%;
height: 100%;
}

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

#video{
	object-fit: cover;
}