.modalDialog {	
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
	top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
	padding-bottom: 10%;
	
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}


div.modalDialogFade {
    opacity:0;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;     
    transition: opacity 1s; 
}

.img {
    display: block !important;
    width:120%;
    position: absolute;
    top: -10%;
    left:50%;
    transform: translate(-50%, 0%);
}

#qrimg {
    height:100%;
    position: relative;
}

div.chatShow {
	width: 100%;
}

div.chatFade {
    display:none;
    opacity:0;
}

#netisText {
    position: relative;
    font-size: x-small;
    color: rgb(0, 0, 0);
    margin-top:10%;
}

.footer {
   position:fixed;
   left:0px;
   bottom:0px;
   text-align: center;
   width:100%;
   background:#342985;
}

.navigation {
	padding-top:3%; 
	padding-left: 100px;
	padding-right: 100px;
}
.mainContent{
	padding-top:5%; 	
	padding-left: 100px;
	padding-right: 100px;
}