.signin-form
{
	background-image: url("../img/tps/TPS_backgroud_img.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: auto;
	padding-bottom: 50px;
	position: fixed;
	right: 0;
	top: 0;
}


.signin-form>.alert
{
	margin: auto;
	width: 50%;
}


.signin-form .signin-form-brand
{
	background: no-repeat none;
	background-position: center center;
	background-size: auto 100%;
	height: 60px;
	margin: 45px auto;
}


.signin-form .signin-form-brand a
{
	display: block;
	height: 100%
	width: 100%;
}


@media (min-width: 370px)
{
	.signin-form .signin-form-brand
	{
		width: 370px;
	}
}


@media (max-width: 369px)
{
	.signin-form .signin-form-brand
	{
		width: 100%;
	}
}


.signin-form .signin-form-brand.fr
{
	background-image: url(resources/ubity/signin-logo.svg);
}


.signin-form .signin-form-brand.en
{
	background-image: url(resources/ubity/signin-logo.svg);
}


.signin-form .signin-form-container
{
	background: #FFF;
	border: 0;
	box-shadow: 0 0 16px 0 hsla(0, 0%, 84%, .5);
	margin: auto;
	-webkit-box-shadow: 0 0 16px 0 hsla(0, 0%, 84%, .5);
}


@media (min-width: 370px)
{
	.signin-form .signin-form-container
	{
		width: 370px;
	}
}


@media (max-width: 369px)
{
	.signin-form .signin-form-container
	{
		width: 100%;
	}
}


.signin-form-head
{
	color: rgb(42, 44, 46);
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding-top: 20px;
}


.signin-form .signin-form-container .signin-form-head
{
	margin: 0;
	text-align: center;
}


.signin-form .signin-form-container .signin-form-body
{
	padding: 0 25px;
	padding-bottom: 15px;
}


.signin-form .signin-form-container .signin-form-body .form-group#login input,
.signin-form .signin-form-container .signin-form-body .form-group#login input:active,
.signin-form .signin-form-container .signin-form-body .form-group#login input:focus,
.signin-form .signin-form-container .signin-form-body .form-group#login input:hover,
.signin-form .signin-form-container .signin-form-body .form-group#password input,
.signin-form .signin-form-container .signin-form-body .form-group#password input:active,
.signin-form .signin-form-container .signin-form-body .form-group#password input:focus,
.signin-form .signin-form-container .signin-form-body .form-group#password input:hover
{
	background-color: #FFF!important;
	background: #FFF!important;
	-webkit-box-shadow: 0 0 0 1000px #FFF inset!important;
}


.signin-form .signin-form-container .signin-form-body .form-group .help-block
{
	display: none
}


.signin-form .signin-form-container .signin-form-body .form-group.has-error .help-block
{
	display: block;
}


.signin-form .signin-form-container .signin-form-helper
{
	margin-right: 0!important;
	margin-left: 0!important;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	text-align: center;
	text-align: center!important;
}


.signin-form .signin-form-lang
{
	margin-top: 40px;
}


.signin-form .signin-form-lang a
{
	font-weight: 600;
	text-transform: uppercase;
}


.signin-form.signin-form-reset-pwd .form-group
{
	margin-bottom: 20px;
}


.signin-form.signin-form-reset-pwd .btn
{
	margin-top: 20px;
}


#userlogin-tps
{
	background: #F2F4F4;
	padding-top: 30px;
	text-align: center;
}


#userlogin
{
	background: #F2F4F4;
	padding-top: 30px;
	text-align: center;
}


#userlogin-tps .form-group
{
	margin: 0px;
}


#userlogin .form-group
{
	margin: 0px;
}


#userlogin-tps .form-group > a,
.tps-reset-footer
{
	display: inline-block;
	color: #2A2C2E !important;
	font-size: 14px !important;
	font-weight: 500;
	margin-top: 16px;
	text-decoration: underline;
}


#userlogin-tps .form-group > a:active,
.tps-reset-footer:active
{
	background-color: rgb(216, 216, 216);
	border-radius: 0.25rem;
	padding: 0.125rem;
	text-decoration: underline;
}


#userlogin-tps .form-group > a:focus,
.tps-reset-footer:focus
{
	border: 0.125rem solid rgb(113, 117, 123);
	border-radius: 0.25rem;
	padding: 0.125rem;
	outline: none;
}




#userlogin-tps .form-group > a:hover,
.tps-reset-footer:hover
{
	text-decoration: none;
}


#userlogin .form-group > a
{
	display: inline-block;
	padding: 10px 0;
	color: #2A2C2E !important;
	font-size: 13px;
}


#userlogin-tps .form-group .fa.input-icon
{
	color: #2A2C2E !important;
	font-size: 14px;
	left: 25px;
	line-height: 46px;
	position: absolute;
	top: 0px;
	width: 20px;
	z-index: 2;
}


#userlogin .form-group .fa.input-icon
{
	position: absolute;
	top: 0px;
	line-height: 46px;
	width: 20px;
	left: 25px;
	font-size: 14px;
	color: #6E6E6E;
	z-index: 2;
}


#userlogin-tps .form-group .help-block
{
	left: -36px;
	position: absolute !important;
	transform: translateX(370px);
	-moz-transform: translateX(370px);
	-ms-transform: translateX(370px);
	-o-transform: translateX(370px);
	-webkit-transform: translateX(370px);
}


#userlogin .form-group .help-block
{
	position: absolute;
	-webkit-transform: translateX(370px);
	-moz-transform: translateX(370px);
	-ms-transform: translateX(370px);
	-o-transform: translateX(370px);
	transform: translateX(370px);
}


#userlogin-tps .form-group .help-block.filled .parsley-required,
#userlogin-tps .form-group .help-block.filled .parsley-type
{
	max-width: 165px;
	padding: 9px 13px 9px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	font: 13px/18px "helvetica neue", helvetica, arial, sans-serif;
	color: rgb(42, 44, 46);
	font-weight: 500;
	-webkit-transform-origin: -8px 15px;
	-moz-transform-origin: -8px 15px;
	-ms-transform-origin: -8px 15px;
	-o-transform-origin: -8px 15px;
	transform-origin: -8px 15px;
	z-index: 120;
	opacity: 1;
	transition: none;
	-webkit-transition: none;
	transform: perspective(0px);
}


#userlogin .form-group .help-block.filled .parsley-required
{
	max-width: 165px;
	padding: 9px 13px 9px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
	font: 13px/18px "helvetica neue", helvetica, arial, sans-serif;
	color: #707070;
	-webkit-transform-origin: -8px 15px;
	-moz-transform-origin: -8px 15px;
	-ms-transform-origin: -8px 15px;
	-o-transform-origin: -8px 15px;
	transform-origin: -8px 15px;
	z-index: 120;
	opacity: 1;
	transition: none;
	-webkit-transition: none;
	transform: perspective(0px);
}


#userlogin-tps .form-group .help-block.filled .parsley-required::before,
#userlogin-tps .form-group .help-block.filled .parsley-type::before
{
	background-image: url("../img/tps/popoverArrow@2x.png");
	background-size: 100% 100%;
	content: "";
	height: 19px;
	left: -10px;
	position: absolute;
	top: 10px;
	width: 10px;
}


#userlogin .form-group .help-block.filled .parsley-required::before
{
	background-image: url("../img/tps/popoverArrow@2x.png");
	background-size: 100% 100%;
	height: 19px;
	content: "";
	left: -10px;
	position: absolute;
	top: 10px;
	width: 10px;
}


.form-group input.form-control,
.form-group input.form-control::placeholder
{
	color: #2A2C2E !important;
}


.form-group input.form-control:focus
{
	box-shadow: rgb(84, 89, 95) 0px 0px 4px 1px !important;
}


#userlogin-tps .form-group.has-error input.form-control
{
	background-color: rgb(255, 246, 248);
	border-color: rgb(193, 35, 53);
}


#userlogin .form-group.has-error input.form-control
{
	background-color: rgb(255, 246, 248);
	border-color: rgb(193, 35, 53);
}


#userlogin-tps .form-group input.form-control
{
	background-color: #E7E9E9;
	border: 1px solid #D2D2D2;
	box-shadow: none;
	height: 45px;
	/*line-height: 45px;*/
	text-indent: 25px;
}


#userlogin .form-group input.form-control
{
	background-color: #E7E9E9;
	border: 1px solid #D2D2D2 !important;
	box-shadow: none;
	height: 45px;
	/*line-height: 45px;*/
	text-indent: 25px;
}


#userlogin-tps #id_auth-username,
#userlogin-tps #username,
#userlogin-tps #email
{
	border: 1px solid rgb(42, 44, 46);
	border-radius: 4px;
	margin-bottom: -1px;
	position: relative;
}


#userlogin-tps .form-group label
{
	display: none;
}


#userlogin .form-group label
{
	display: none;
}


#userlogin-tps #id_auth-username:focus
{
	z-index: 1;
}


#userlogin #id_auth-username:focus
{
	z-index: 1;
}


#userlogin-tps #id_auth-password
{
	border: 1px solid rgb(42, 44, 46);
	border-radius: 4px;
}


#userlogin #id_auth-password
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


#userlogin .btn-primary
{
	background: linear-gradient(to bottom, #faa22d 0%, #e78c13 100%);
	border: 1px solid #cf7b0b;
	border-radius: 4px;
	display: block;
	height: 40px;
	font-size: 14px;
	margin-top: 10px;
	text-shadow: none;
	width: 100%;
}


#loginpage .panel.panel-default
{
	border: none;
	border-radius: 5px;
	margin: 0 auto;
	outline: 0;
	transition: 1s ease box-shadow;
	width: 390px;
	z-index: 3;
}


#login-container.focus .panel.panel-default
{
	box-shadow: 0px 0px 31px rgba(0, 0, 0, 0.56);
}


#login-container.focus
{
	background: rgba(0, 0, 0, 0.41) !important;
}


.telushealth-login-btn
{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: #2B8000;
	border: 2px solid #2B8000;
	border-radius: 6px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
	font-family: helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	height: 36px;
	line-height: 30px;
	outline: none !important;
	position: relative;
	text-align: center;
	width: 100%;
}


.tps-try-again-button
{
	background-color: #2B8000 !important;
	border: 2px solid #2B8000 !important;
	border-radius: 6px !important;
}


.telushealth-login-btn:active,
.tps-try-again-button:active
{
	outline: none !important;
}



.telushealth-login-btn:hover,
.tps-try-again-button:hover
{
	background-color: #FFF !important;
	color: #2B8000 !important;
	outline: none !important;
}


.telushealth-login-btn.disabled,
.telushealth-login-btn.disabled *,
.tps-try-again-button.disabled,
.tps-try-again-button.disabled *
{
	cursor: not-allowed !important;
}


.telus-password-reset-header
{
	background-color: #FFF !important;
	border: none;
	color: black !important;
	padding: 0;
}



.form-control:focus
{
	border-color: #2B8000 !important;
}


span.help-block.filled
{
	background-color: #FFF !important;
	border: 1px solid lightgray !important;
	border-radius: 4px !important;
	right: auto !important;
	padding: 0 !important;
	top: 0% !important;
}


.telushealth-pw-loader
{
	-ms-transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	-webkit-transform: translateZ(0);
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	border-radius: 50%;
	color: #4B286D;
	font-size: 15px;
	height: 15px;
	margin: auto;
	overflow: hidden;
	position: relative;
	text-indent: -9999em;
	transform: translateZ(0);
	visibility: hidden;
	width: 15px;
}


.telus-login-text
{
	color: rgb(42, 44, 46);
	font-size: 16px;
	font-weight: 700;
}


.telus-login-error-text
{
	color: rgb(193, 35, 53) !important;
	font-size: 12px;
	font-weight: 700;
}