.sign-up{
	margin: 150px auto 0;
    position: relative;
    /*text-align: center;*/
    width: 600px;
}
.role-page{
	margin: auto;
	width: 800px;
}
.sign-up.facebook-form{
	text-align: center;
}
.sign-up .form{
	background-color: #FFFFFF;
    box-shadow: 0 10px 20px #CBCBCB;
    margin-bottom: 20px;
    padding: 15px;
}

.sign-up .login-logo{
	border-bottom: 1px solid #EDEDED;
    margin: 0;
    padding-bottom: 15px;
}

.sign-up .option-block{
	margin-top: 15px;
}
.sign-up .or{
	margin-top: 15px;
	margin-bottom: 15px;
}
.sign-up .or span{
	margin-left: 5px;
	margin-right: 5px;
}

.sign-up .or .left{
	margin-top: 10px;
	margin-left: 60px;
	width: 160px;
	float: left;
}
.sign-up .or .right{
	margin-top: 10px;
	margin-right: 60px;
	width: 160px;
	float: right;
}
.sign-up .facebook:hover, .sign-up .facebook.hover-class{
	opacity: 0.8;
}

.sign-up .role-label{
	display: inline;
	margin-left: 3px;
	margin-right: 10px;
}

.sign-up .notify{
	font-size: 15px;
}

.notify.alert{
	padding: 5px 10px 5px 3px;
}

.notify .icon-ok{
	color: green;
	margin-right: 3px;
	margin-left: 3px;
}

.notify .icon-remove{
	color: red;
	margin-right: 3px;
	margin-left: 3px;
}

.sign-up input[type=checkbox]{
	margin-top: 0;
}

.sign-up .error{
	border-color: #E9322D;
	box-shadow: 0 0 6px #F8B987;
	color: #B94A48;
}

.line{
	border-bottom: 1px solid #EDEDED;
}

.links{
	text-align: left;
}

.loader{
	width:100px;
	margin-left: 3px;
}

.role-table{
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}

.role-table caption{
	font-size: 20px;
	padding-bottom: 10px; 
}

.role-table td input{
	margin-left: 25px;
}

.no-role-selected{
	text-align: center;
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	display: none;
}

.google_connect{
	margin: auto;
	text-align: center;
}

#google_connect_btn img{
	width: 150px;
	height: 150px;
}

.tab-content{
	display: inline-block;
}
.modal-body .tab-content{
	display: block;
}
.btn-group{
	margin-bottom: 30px;
}