		#main_con{
      		margin:0 auto;
      	}
      	
      	.joincontainer1 {
      		margin:20px auto;
      	}
      	
      	.nameLabel {
      		margin-right: 10px;
      		font-size:13px;
      	}
      	#uname {
      		display: block;
      		margin-top: 6px;
      	}
      	#uname_error {
      		display: none;
      		 text-align: right;
      		 color: #f00;
      		 font-size: 13px;
      		 padding-top: 5px;
      	}
      	#uname_character_not_allowed{
      		 display: none;
      		 text-align: center;
      		 color: #f00;
      		 font-size: 13px;
      		 padding-top: 5px;
      	}
      	#keyLabel {
      		margin-left: 0px;
      		font-size:13px;
      	}
      	
      	#meeting_key{
      		display: block;
      		margin-top: 6px;
      	}
      	
   /*    	.inValidMsgKey{
      		text-align: right;
      		margin-left:0px;
      		color: #f00;
      		font-size: 13px;
      		padding-top: 5px;
      	} */
      	
      	#key_error {
      		display: none; 
      		text-align: right;
      		/* margin-left: 170px; */
      		color: #f00;
      		font-size: 13px;
      		padding-top: 5px;
      	}
      	.mob_con {
      	width:100%;
      	}
      	.line_br{
      		border-top:dashed 1px #999; 
      	}
      	.ios_msg{
      		margin-top:20px;
      	}
      	.appStoreBtn {
      		margin:0px;
      	}
      	.formCon{
      		margin-top: 0px;
      		text-align:center;
      	}
      	
      	.joinBtn {
      		padding: 10px 16px;
		    border: none;
		    color: #fff;
		    font-size: 14px;
		    background-color: #10bc83;
		    text-transform: uppercase;
		    cursor: pointer;
		    margin-top: 30px;
		     -webkit-appearance: none;
      	}
      	
      	.inp-bor{
		    border: 1px solid #f05a5c !important;
		}
		
		
	 .load-container,.load-container2 {
    width: 24px;
    position: relative;
    left: 5px;
    top: 1px;
}
.load-container2{
	margin:auto;
	top:16px !important;
}

.load8 .loader {
    font-size: 10px;
    position: relative;
    left: 6px;
    top: 2px;
    text-indent: -9999em;
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    border-left: 2px solid #1f8dd6;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.load8 .loader,
.load8 loader:after {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
		
.main_con_android {
	display: flex;
     height: calc( 100% - 200px);
     text-align: center;
     padding: 12px;
}
.main_seccon_android {
	margin: auto;	
}
.main_con_android p {
	padding: 4px;
	font-size: 16px;
}
.main_con_android button {
	padding: 10px 30px;
	margin-top: 10px;
}
.body_container {
	height: 100%;
}