/*Registration and Login Page v2
------------------------------------*/
body { 
	background: #555;
}

.reg-block {
	    width: 380px;
    padding: 20px;
    margin: 60px auto;
    background: rgba(255, 255, 255, 0.89);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.26);

}

.reg-block h2,
.reg-block p,
.reg-block p a {
	color: #777;
}

.reg-block-header h2 {
	font-size: 28px;
}

.reg-block p a {
	text-decoration: underline;
}
.reg-block p a:hover {
	text-decoration: none;
}

/*Forms*/
.reg-block .input-group-addon {
	color: #bbb;
	background: none;
	min-width: 40px;
}

.reg-block .form-control:focus {
   box-shadow: none;
   border-color: #999;
}

.reg-block .checkbox { 
	color: #555;
	margin-bottom: 20px;
	font-weight: normal;
}

/*Reg Header*/
.reg-block-header {
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eee;
}

.reg-block-header h2 {
	text-align: center;
	margin-bottom: 15px;
}

.reg-block-header p {
	text-align: center;
}

/*For Mobile Devices*/
@media (max-width: 500px) { 
	.reg-block {
		    width: 278px;
    margin: 60px auto;
	}
}

.input-group .form-control{
	padding: 14px 6px !important;
}

 
.secur {
	    width: 100%;
}

.secur .im{
float: left;
    width: 48%;
}

.secur .tx{
	float: left;
    width: 51%;
    padding: 0px 10px;
    color: #000;
    text-align: center;
    font-size: 13px;
}
.secur .tx .code {
	padding: 12px;
    width: 62%;
}

#btn-logins {
	color: #FFF;
    background-color: #3778D2;
    padding: 6px 0px;
    border: 0;
    font-size: 18px;
}