.right{
	text-align: right;
}
.left{
	text-align: left;
}


/* Prevents double messages */

.users.login .error:nth-child(2){
	display: none;
}

/*
	Center entity logo

*/
.logo_wrapper img {
	width: 100%;
	display: block;
	margin: 100px auto 30px auto;
}


/*
	& give some margins

*/
.logo_wrapper {
	margin: 0 auto;
	max-width: 200px;
	min-width: 140px;
	/*width: 20%;*/
}


.entrance .sign_up .form .input.attention{
	  border-color: rgb(0, 140, 186);
}
.entrance .sign_up .form .input.attention .icon{
	font-size: 20px;
	padding-top: 1px;
}
.entrance .message{
	/*margin-bottom: 25px;*/
	margin-top:80px;
}
.entrance .activation,
.entrance .login,
.entrance .sign_up,
.entrance .request_password {
	margin-top: 10px;
}
.entrance .activation .logo_wrapper,
.entrance .login .logo_wrapper,
.entrance .sign_up .logo_wrapper,
.entrance .request_password{
	position: relative;
}
.entrance .activation .logo_wrapper .logo,
.entrance .login .logo_wrapper .logo,
.entrance .sign_up .logo_wrapper .logo,
.entrance .request_password .logo_wrapper .logo{
	width: 200px;
	height: auto;
	margin: 50px auto;
}
.entrance .activation .logo_wrapper .back,
.entrance .login .logo_wrapper .back,
.entrance .sign_up .logo_wrapper .back,
.entrance .request_password .logo_wrapper .back{
	position: absolute;
	font-size: 22px;
	padding: 8px 9px 8px 8px;
	border:2px solid #888;
	width: 45px;
	border-radius: 40px;
	text-align: center;
	color: #888;
	margin-top: -47px;
	display: none;

}
.entrance .activation .logo_wrapper .back:hover,
.entrance .login .logo_wrapper .back:hover,
.entrance .sign_up .logo_wrapper .back:hover,
.entrance .request_password .logo_wrapper .back:hover{
	color: #333;
	border-color: #333;
	cursor: pointer;

}

.entrance .sign_up .form .stage_2,
.entrance .sign_up .form .stage_3{
	display: none;
}
.entrance .sign_up .form label{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 6px;
	color: black;
}
.entrance .sign_up .form .label_checkbox{
	text-transform: none;
	letter-spacing: 0;
	color: rgb(34, 34, 34);
	font-size: 14px;
	font-weight: normal;
	margin: 0;

}
.entrance .activation input,
.entrance .activation select,
.entrance .activation  textarea,
.entrance .login .form input,
.entrance .login .form select,
.entrance .login .form textarea,
.entrance .sign_up .form input,
.entrance .sign_up .form select,
.entrance .sign_up .form textarea{
	border-radius: 4px;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	height: 50px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;

}

.entrance .sign_up .form input[type="radio"]{
	margin-bottom: 1rem;

}
.entrance .sign_up .form .phone_country{
	width: 125px;
	position: absolute;
	z-index: 1;

}
.entrance .sign_up .form .phone_country input{
	text-align: right;
}
.entrance .sign_up .form .phone_number{
	padding-left: 125px;
}
.entrance .sign_up .form .input	.icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);
}
.entrance .sign_up .form .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .sign_up .form .success input, .entrance .sign_up .form .success select{
	background-color: #efffef;
	box-shadow: none;
}
.entrance .sign_up .form .error .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .sign_up .form .error	input{
	background-color: #ffefef;
	border-color: #C3232D;

}
.entrance .sign_up .form .attention	input{
	background-color: #efefff;
	border-color: rgb(0, 112, 149);
	color: #888;

}
.entrance .sign_up .form .attention .icon{
	background: rgb(0, 140, 186);
	border-color: rgb(0, 140, 186);

}
#photo_upload_button{
	display: none;
	margin-top: 20px;
}
.entrance .sign_up .form .attention .icon i{
	font-weight: bold;
}

.login .social .button,
.entrance .sign_up .form .stage_1 .social .button{
	color: white;
	text-align: left;
	height: 50px;
	padding: 0;
	opacity: 0.9;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
	position: relative;
}
.login .social .button:hover
.entrance .sign_up .form .stage_1 .social .button:hover{
	opacity: 1;
	cursor: pointer;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
}
.login .social .button i,
.entrance .sign_up .form .stage_1 .social .button i{
	position: relative;
	margin: 0 12px 0 13px;
	font-size: 28px;
	display: inline;
	line-height: 50px;
	/*float: left;*/
}

.login .social .button div,
.entrance .sign_up .form .stage_1 .social .button div{
	position: relative;
	font-size: 14px;
	line-height: 50px;
	display: inline;
	/*float: left;*/
	/*height: 50px;*/
	letter-spacing: 0.5px;
	padding: 1px 0 0 4px;
}
.login .social .facebook > div,
.entrance .sign_up .form .stage_1 .social .facebook > div{
	background-color: #3b5998;
}
.login .social .facebook > a:hover{
	text-decoration: none;
}
.login .social .divisor{
		width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	margin-bottom: 25px;
}
.entrance .sign_up .form .stage_1 .divisor{
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
}
.entrance .sign_up .form  .first{
	padding-top:25px;
}

.entrance .sign_up .form  .email_validation p{
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8.5pt;
}

.entrance .sign_up .form  .email_validation a{
	font-weight: bold;
	color: black;
}

.entrance .sign_up .form  .email_validation a:hover{
	text-decoration: underline;
}

.entrance .sign_up .form .stage_1 .strength_wrapper{
	position: absolute;
	top: 45px;
	left:0;
	height: 5px;
	border-radius: 4px;
	overflow: hidden;
	padding-left: 15px;
		padding-right: 15px;

	width: 100%;
}
.entrance .sign_up .form .stage_1 .strength_wrapper .strength{
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}
.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill{
	width: 0%;
	height: 100%;
	background-color: red;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.weak{
	width: 20%;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.bad{
	width: 40%;
	background-color: #ff8000;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.good{
	width: 60%;
	background-color: #46b26e;
}

.entrance .sign_up .form .stage_1 .strength_wrapper .strength .fill.excellent{
	width: 80%;
	background-color: #368a55;
}

.entrance .sign_up .form .stage_1 .next_or_register{
	text-align: center;
}
.entrance .sign_up .form .stage_1 .next_or_register .next{
	margin-bottom: 10px;

}
.entrance .sign_up .form .stage_1 .next_or_register a,
.entrance .sign_up .form .stage_1 .next_or_register a:visited,
.entrance .sign_up .form .stage_1 .next_or_register a:link{
	font-size: 14px;
	font-weight: bold;
	color: #888;
	text-align: center;
}
.entrance .sign_up .form .stage_1 .next_or_register a:hover{
	color:#555;
	border-bottom: 1px solid #555;
	padding-bottom: 2px;
}
.entrance .sign_up .form .stage_3 .gender_row{
	padding: 0 30px 0 30px;
}
#city-id{
	color: #aaa;

}
#city-id:focus{
	color: #888;
}
.entrance .sign_up .form .stage_3 .account .photo{
  border-radius: 60px;
  border: 3px solid #aaa;
  width: 120px;
  height: 120px;
  overflow: hidden;
  text-align: center;
	margin: 0 auto;

}
.entrance .sign_up .form .stage_3 .account .photo i{
  font-size: 150px;
  text-align: center;
  margin-left: 7px;
  color: #888;

}

.entrance .sign_up .form .stage_3 .account .photo img{
  width: 120px;
  height: 120px;
}

.entrance .sign_up .form .stage_3 .account .photo:hover{
	cursor: pointer;
	border-color: #555;
}
.entrance .sign_up .form .stage_3 .account .photo:hover > i{
	cursor: pointer;
	color: #555;
}

.entrance .sign_up .form .stage_3 .account .photo.active{
	cursor: pointer;
	border-color: #555;
}
.entrance .sign_up .form .stage_3 .account .photo.active > i{
	cursor: pointer;
	color: #555;
}

.entrance .sign_up .form .stage_3 .account .name{
  display: none;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 0 6px 0 6px;
  color: #888;


}
.entrance .sign_up  .form .stage_3 .terms{
	margin-top: 25px;
	text-align: center;
	color: #555;
	margin-bottom: 25px;
		font-size: 14px;
				line-height: 16px;


}








/*
/*
/*
/* LOGIN */

.entrance .login .lost_pass input,
.entrance .login .form input,
.entrance .login .form select,
.entrance .login .form textarea{
	border-radius: 4px;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	height: 50px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;

}

.entrance .login .form input[type="radio"]{
	margin-bottom: 1rem;

}


.date_placeholder{
	color: #aaa;
	position: absolute;
	left:28px;
	top:13px;

}
.entrance .login .input .icon,

.entrance .login .input .icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);

}
.entrance .login .lost_pass,
.entrance .login .social_login{
	display: none;
}
.entrance .login .form .input .forgot{
	display: block;
	color: #aaa;
	border-color: #ccc;
}
.entrance .login .form .input .forgot:hover{
	cursor: pointer;
	border-color: #888;
	color: #555;
}
.entrance .login .form .input .forgot:active{
	box-shadow: none;
	margin-top:1px;
}
.entrance .login .form .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .login .form .success input{
	background-color: #f5f9f5;
	box-shadow: none;
}
.entrance .login .form .error-form .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .login .form .error-form	input{
	background-color: #f9f5f5;
	border-color: #C3232D;

}
.entrance .login .form a,
.entrance .login .form a:visited,
.entrance .login .form a:link{
	font-size: 14px;
	color: #008cba;
	padding-bottom: 2px;
	line-height: 1.2;
}
.entrance .register a:hover{
	color: #007095;
	border-bottom: 1px solid;

}
.entrance .login .form .facebook a:hover{
	border-bottom: none;
}
.entrance .login .login_button{
	margin-bottom: 10px;
}
.entrance  .form .register{
	text-align: center;
}
.entrance  .form .register a,
.entrance  .form .register a:visited,
.entrance  .form .register a:link{
	font-size: 14px;
	font-weight: bold;
	color: #888;
	text-align: center;

}
.entrance .form .register a:hover{
	color: #555;
}
.entrance .login .form .options{

	margin-bottom:24px;
}

.entrance .login .form .remember_session:hover > .checkbox{
	cursor: pointer;
}
.entrance .login .form .remember_session:hover > .checkbox .fill{
	background-color: #888;

}
.entrance .login .form .remember_session:active > .checkbox{
	cursor: pointer;

}
.entrance .login .form .remember_session:active > .checkbox .fill{
	background-color: #555;

}

.entrance .login .form .remember_session:hover > .text{
	cursor: pointer;
	color:#333;
}

.entrance .login .form .remember_session .checkbox{
	width: 20px;
	height: 20px;
	border: 2px solid #888;
	border-radius: 15px;
	float: left;
	margin-right:6px;
	background-color: white;
}


.entrance .login .form .remember_session .checkbox .fill{
	margin: 3px;
	width: 10px;
	height: 10px;
	border-radius: 15px;
	border-color: transparent;
}
.entrance .login .form .remember_session .selected{
	background-color: transparent;
}
.entrance .login .form .remember_session .selected .fill{
	background: #888;
}
.entrance .login .form .remember_session .text{
	display: inline;
	color: #555;

}
.entrance .login .social_login .button{
	color: white;
	text-align: left;
	height: 50px;
	line-height: 50px;
	padding: 0;
	opacity: 0.9;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
	position: relative;
}
.entrance .login .social_login .button:hover{
	opacity: 1;
	cursor: pointer;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-out;
}
.entrance .login .social_login .button i{
	position: relative;
	margin: 0 12px 0 13px;
	font-size: 28px;
	display: inline;
	line-height: 50px;
	/*float: left;*/


}
.entrance .login .social_login .button div{
	position: relative;
	font-size: 14px;
	line-height: 50px;
	display: inline;
	/*float: left;*/
	/*height: 50px;*/
	letter-spacing: 0.5px;
	padding: 1px 0 0 4px;
}

.entrance .login .social_login .facebook > div{
	background-color: #3b5998;
}
.entrance .login .social_login .google > div{

background-color: #dd4b39;
}
.entrance .lost_pass p{
	color:#555;
}

.entrance .brand{
	width: 10rem;
	height: 60px;
	margin: 10px;
	max-width: 200px;
	position: fixed;
	left: 0;
}

.entrance .brand > * {
	background-image: url(../img/logo-ups-black.png);
	/* media query abaixo de X mudar para outro logo / reposicionar*/
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.9;
	text-align: center;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	height: 60px;
}
.entrance .brand .upstudents_logo:hover{
	opacity: 1;
	cursor: pointer;
}

.entrance .brand .upevents_logo{
	background-image: url(../img/upevents-logo-ups-black.png);
	background-size: 170px;
	background-repeat: no-repeat;
	width: 170px;
	height: 55px;
	opacity: 0.9;
	text-align: center;
}
.entrance .brand .upevents_logo:hover{
	opacity: 1;
	cursor: pointer;
}

/*
/*
/*
/* Activation */

.entrance .input .icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);

}
.entrance .input .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .input .success input{
	background-color: #f5f9f5;
	box-shadow: none;
}
.entrance .input .error .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .input .error	input{
	background-color: #f9f5f5;
	border-color: #C3232D;

}
.entrance .activation p{
	color:#555;
}


/*
/*
/*
/* NEW PASSWORD */

.entrance .request_password .lost_pass input,
.entrance .request_password .form input,
.entrance .request_password .form select,
.entrance .request_password .form textarea{
	border-radius: 4px;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	height: 50px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;

}

.entrance .request_password .form input[type="radio"]{
	margin-bottom: 1rem;

}
.entrance .request_password .input .icon,

.entrance .request_password .input .icon{
	display: none;
	position: absolute;
	top: 10px;
	right:25px;
	z-index: 2;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 17px;
	padding: 2px 0 0 0 ;
	border: 2px solid grey;
	text-align: center;
	background-color: white;
	box-shadow: 0px 1px 2px   rgba(0, 0, 0, 0.0980392);

}
.entrance .request_password .form .success .icon{
	display: block;
	color: white;
	border-color: rgb(54, 138, 85);
	background-color: rgb(54, 138, 85);


}
.entrance .request_password .form .success input{
	background-color: #f5f9f5;
	box-shadow: none;
}
.entrance .request_password .form .error .icon{
		display: block;

	color: white;
	border-color: #C3232D;
	background-color: #C3232D;
}
.entrance .request_password .form .error	input{
	background-color: #f9f5f5;
	border-color: #C3232D;

}

.entrance .request_password .form .strength_wrapper{
	position: absolute;
	top: 45px;
	left:0;
	height: 5px;
	border-radius: 4px;
	overflow: hidden;
	padding-left: 15px;
		padding-right: 15px;

	width: 100%;
}
.entrance .request_password .form .strength_wrapper .strength{
	position: relative;
	width: 100%;
	height: 100%;

	border-radius: 0 0 4px 4px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}

.entrance .request_password .form .strength_wrapper .strength .fill{
	width: 0%;
	height: 100%;
	background-color: red;
}

.entrance .request_password .form .strength_wrapper .strength .fill.weak{
	width: 20%;
}

.entrance .request_password .form .strength_wrapper .strength .fill.bad{
	width: 40%;
	background-color: #ff8000;
}

.entrance .request_password .form .strength_wrapper .strength .fill.good{
	width: 60%;
	background-color: #ffff00;
}

.entrance .request_password .form .strength_wrapper .strength .fill.excellent{
	width: 80%;
	background-color: green;
}

/*
/*
/*
/* GENERAL */


.footer{
	margin-top: 120px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #888;
}

.help-block.form-error{
	display: none;
}

/*
/*
/*
/* Select Institutions */
.choose_institution .greetings h1{
	font-weight: 200;
	color: #555;
	margin: 15px 0 35px 0;
	text-align: center;
	font-size: 36px;
}

.choose_institution .institution{
	height: 70px;
	margin: 10px auto;
	width: 70%;
	border: 2px solid white;
}
.choose_institution .institution:hover{
	cursor: pointer;
	border: 2px solid #dfdfdf;
	border-radius: 4px;

}
.choose_institution h4{
	margin-bottom: 40px;
}
.choose_institution .institution .logo{
	padding: 10px;
	line-height: 46px;
}
.choose_institution .institution .logo img{
	max-width: 150px;
	max-height:50px;

}
.choose_institution .institution .name{
	font-size: 18px;
	height: 50px;
	margin-top: 5px;
	text-overflow: ellipsis;
	overflow: hidden;

}
@media only screen {



} /* Define mobile styles

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) {

	.entrance .activation,
	.entrance .login,
	.entrance .sign_up,
	.entrance .request_password {
		margin-top: 80px;
	}

	.entrance .activation .logo_wrapper .logo,
	.entrance .login .logo_wrapper .logo,
	.entrance .sign_up .logo_wrapper .logo,
	.entrance .request_password .logo_wrapper .logo{
		width: 250px;

	}
	.entrance .activation .logo_wrapper .back,
	.entrance .login .logo_wrapper .back,
	.entrance .sign_up .logo_wrapper .back,
	.entrance .request_password .logo_wrapper .back{
		margin-top: 25px;

	}

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

.strength-meter {
	width: 100%;
}