body {
	margin: 0px;
	padding: 0px;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: rgb(51, 51, 51);

}

.header_left {
	display: block;
	height: 60px;
	width: 200px;
	padding: 10px 0 0 15px;
	float: left;
}

.header_left img {
	max-width: 200px;
	max-height: 60px;
	border: none;
	outline: none;
	margin: 0px !important;
}

.different_111 .schinder_bg {
	position: fixed;
	top: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	left: 276px;
	z-index: -1;
	display: block;
}

.different_111 .bg_logo {
	background: url(../../img/iexperiencebg_logo.png) 0 0 no-repeat;
	height: 100px;
	width: 436px;
	position: fixed;
	display: block;
	bottom: 20px;
	right: 20px;
}

.different_111 .container-login {
	margin: 0;
}

.different_111 .galwidth {
	display: none;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.schinder_bg {
	display: none;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.bg_logo {
	display: none;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

body.login-t {
	background: url(../../img/left_bg.png) 0 0 repeat-y;
}

.container-fluid {
	height: 78px;
	background: #e7e7e8;
	position: relative;
	z-index: 5;
}

.container-fluid img {
	margin: 7px 0 0 18px;
	width: auto;
}

.content-area {
	width: 350px;
	margin: 20px;
}

.left-log {
	margin-top: -85px;
	margin-left: 85px;
}

.left-log img {
	height: 95px;
	margin: -24px 48px 0 0;
	float: right;
}

.container-login {
	margin: 0 78px 0 0;
}

.clearfix {
	clear: both
}

ul,
li {
	margin: 0;
	padding: 0;
}

.container-login ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	vertical-align: top;
}

.container-login ul li.left {
	width: 34px;
	height: 339px;
	display: block;
	background: url(../../img/leftbrending_img.png) 0 0 no-repeat;
}

/*.container-login ul li.right{padding-top:146px;}*/

.container-login ul li.right .content-area {
	margin-top: 166px;
}

.container-login ul li.rightoff {
	display: block;
}

.container-login ul li.rightoff .galwidth {
	background: url(../../img/logbckone.png) 0 0 no-repeat;
	margin-left: 313px;
	margin-top: 50px;
	width: 281px;
	height: 502px;
}

.different_113 .container-login ul li.right {
	width: 242px;
}

.different_113 .container-login ul li.rightoff {
	width: 70%;
}

.different_113 .container-login ul li.rightoff .galwidth {}

.different_113 .container-login ul li.rightoff .indigo_bg {
	position: fixed;
	top: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	left: 276px;
	z-index: 1;
	display: block !important;
}



form {

	margin: 0px 0px 20px;
}

label,
input,
button,
select,
textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

input,
button,
select,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
	display: block;
	margin-bottom: 5px;
}



input,
textarea,
.uneditable-input {
	width: 206px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
body .ui-inputfield.ui-state-focus {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(204, 204, 204) !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	font-size: 12px !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0px none;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: rgb(153, 153, 153);
}

input,
textarea,
.uneditable-input {
	margin-left: 0px;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
	color: rgb(185, 74, 72);
	border-color: rgb(238, 95, 91);
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
	border-color: rgb(233, 50, 45);
	box-shadow: 0px 0px 6px rgb(248, 185, 183);
}

.control-group {
	margin-bottom: 10px;
}

.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
	background-color: rgb(249, 249, 249);
}





.btn:active,
.btn.active {}

.btn:first-child {}

.btn:hover {
	color: rgb(51, 51, 51);
	text-decoration: none;
	background-color: rgb(230, 230, 230);
	background-position: 0px -20px;
	background-image: none !important;
	transition: background-position 0.1s linear 0s;
}

.usernameFormat {
	color: #373737 !important;
	margin-left: -154px;
	margin-top: 76px;
	position: absolute;
}

.span12 div input {
	width: 140px;
	margin-bottom: 10px;
}

.login12 h4 {
	margin-bottom: 5px !important;
}

.btn:focus {
	outline: thin dotted rgb(51, 51, 51);
	outline-offset: -2px;
}

.btn.active,
.btn:active {

	background-color: rgb(230, 230, 230);
	background-image: none;
	outline: 0px none;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.midlife {
	margin-left: -42px;
	*margin-left: -65px;
	margin-top: 20px;
	position: absolute;
	color: #00aeef !important;
	text-decoration: none;
}

*+html .midlife {
	margin-left: -65px;
	margin-top: 20px;
	position: absolute;
	color: #00aeef !important;
	text-decoration: none;
}

.ui-chkbox {

	left: -67px;
	*left: -90px;
	position: relative;
	top: 15px;

}


*+html .ui-chkbox {
	left: -90px;
	position: relative;
	top: 15px;

}

.btn {

	background: #f9a96e;
	border: none !important;
	border-radius: 4px;
	position: relative;

	color: #fff;
}



button.btn::-moz-focus-inner,
input.btn[type="submit"]::-moz-focus-inner {
	padding: 0px;
	border: 0px none;
}

.clearfix {
	clear: both;

}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

/* ::::: file:///Volumes/Air/Users/essar/Documents/@work/2012-2013/Emaho/Hired/Reboot/prototype/custom.css ::::: */
body {
	background-color: white;
	font-size: 9pt;
	/*line-height: 12pt;*/
}

.container-fluid.body {
	padding: 0px;
	min-height: 100px;
}

.row-fluid {}



body.sessiontimeout {
	background-position: left 140px;
}

.head .row-fluid {
	margin-bottom: 0px;
	height: 120px;
	background: url('../../img/login/peoplestrong-l.png') no-repeat scroll 6px 41px transparent;
}

.container-fluid.head {
	padding: 0px 10px;
	height: 105px;
	background: url('../../img/login/header-g.png') repeat scroll 0px 0px transparent;
}

.control-group {
	/*overflow: hidden;*/
	margin: 0px ! important;
	padding-top: 6px;

	padding-left: 0px;

}

.control-group:hover {
	background-color: #f8f8f8;
}

.control-label {
	float: left;
	margin: 0px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	width: 140px;
	vertical-align: middle;
	text-align: right;
	text-transform: uppercase;
	font-size: 8pt;
	line-height: 15px;
}

.controls {

	font-size: 10pt;
}

.controls input {
	width: 140px !important;
	margin-bottom: 0px !important;
}

footer {
	margin-top: -65px;
	padding-top: 25px;
	padding-bottom: 30px;
	height: 100px;
	border-top: 5px solid rgb(38, 124, 204);
	background-color: rgb(237, 236, 236);
}

.t0 footer {
	border-top: 5px solid rgb(150, 53, 111);
}

.content-area {
	background: url(../../img/login-bck.png) no-repeat !important;
	width: 202px;
}

body.login-t label {
	width: 100px;
}




body.login-t.t3 label,
body.login-t.t2 label,
body.login-t.t0 label {
	width: 80px;

}

body.login-t .t-space {}

body.login-t footer {
	margin-top: 0px;
	padding-bottom: 50px;
}

body.login-t .row-fluid {
	background: none repeat scroll 0% 0% transparent;
}

.clearfix {}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {}

input,
select,
.input-append {
	border-radius: 0px 0px 0px 0px ! important;
}

div.peoplestrong {
	display: block;
	/*width: 187px;
	height: 50px;
	background: url('../../img/login/peoplestrong.png') no-repeat scroll left center
		transparent;
	vertical-align: middle;
	text-indent: -9999px ! important;*/
}

.login {
	padding: 22px;
}

.login h4 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-button ui-widget {
	background: none !important;
}

div.copyright {
	width: 184px;
	margin-top: 80px;
	font-size: 10px;
	text-align: center;
}



@media screen and (width: 480px) {
	.row-fluid .span6 {
		display: none !important;
	}

	.row-fluid .span4 {
		width: auto !important;
		margin: 0 auto !important;
		float: none !important;
		display: table !important;
	}

	.container-fluid.body .row-fluid img {
		margin-top: -59px !important;
	}
}

@media screen and (max-width: 480px) {
	.row-fluid .span6 {
		display: none !important;
	}

	.row-fluid .span4 {
		width: auto !important;
		margin: 0 auto !important;
		float: none !important;
		display: table !important;
	}

	.container-fluid.body .row-fluid img {
		float: none !important;
		display: table !important;
		width: auto !important;
		position: relative;
		TOP: -72PX;
		margin: 0 auto !important;
	}
}

.sessiontimeout .row-fluid .span10 {
	width: 15% !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ui-inputfield {
		padding: 0px 4px;
		!important;
	}
}

/*------new-------*/
.btnTop .btn {
	top: 5px !important;
}

.passInfo {
	font-size: 10px;
	padding-top: 10px;
	width: 170px;
}

.passInfo li {
	list-style-image: url(../../img/bullet.png) !important;
}

.passInfo ul {
	padding-left: 15px;
	padding-bottom: 5px;
	float: left;
	clear: both;
}

.marginTNone {
	margin-top: 0px !important;
}

.loginNew {
	padding: 14px 22px 0px 22px !important;
}

.center-content ul li.right {
	text-align: center !important;
}

.contentNew {
	height: 180px;
	padding: 20px 0 0 0;
	width: 450px !important;
	margin: auto;
}

.center-content .content-area {
	background: url(../../img/logout-back.png) no-repeat !important;
}

.contentNew .ui-messages-error {
	margin: 18px auto 20px auto;
	width: 80% !important;
}

body.sessionTM {
	background: #c7c9cb !important;
}

body.sessionTM .container-login ul li.left {
	display: none;
}

body.sessionTM .container-login ul li {
	float: none;
}

/*------orglogin css start here  -------*/
.loginBtn {
	padding: 4px 0 0 0px;
}

.loginBtn .ui-button {
	float: left;
	margin: 0 10px 0 0;
}

.rememberMe {
	width: 100%;
	padding: 5px 0 5px 0;
	float: left;
}

.remmberBk {
	display: inline-block;
	float: left;
	padding: 0;
	line-height: 30px;
}

.remmberBk .ui-commandlink {
	font-size: 11px;
}

.remmberBk .midlife {
	position: static;
	margin: 0px;
}

.remmberBk .ui-chkbox {
	left: 0px;
	top: 0px;
}

.remmberBk .ui-chkbox-box {
	left: 0px;
	top: 0px;
	float: left;
	display: block;
}

/*------orglogin css start here  -------*/
.ResetBk {
	padding: 10px 0 0 0;
}

.ResetBk .resetOKB {
	padding: 0px;
}

.ResetBk .btn {
	top: 0px;
}

.ResetBk .resetOKB .resetBnt {
	margin: auto;
	top: 0px;
}

.PasswordMT {
	width: 100%;
	float: left;
	padding: 40px 0 0 0;
	margin: 0 0 10px 0;
}

.PasswordMT h5 {
	font-size: 13px;
	font-weight: normal;
	margin: 0px 0 5px 0;
	padding: 0px;
}

.PasswordMT ul {
	padding: 0px;
	margin: 0px;
}

.PasswordMT ul li {
	background: url(../../img/bullet.png) 0 7px no-repeat !important;
	padding: 0 0 0 15px;
	color: #333333;
	font-size: 11px;
	width: 100%;
	clear: both;
	word-wrap: break-word;
}

.mahindraLg {
	position: absolute;
	left: 300px;
	bottom: 20px;
}

.displayNone {
	display: none;
}

/*------Password css start here  -------*/
.pwd_tl {
	font-size: 10px;
	line-height: normal;
	text-transform: uppercase;
	margin: 0px;
	width: 150px !important
}

.pad_input {
	padding-top: 3px !important
}

.pad_input .ui-inputfield {
	padding: 2px 4px !important;
}

.pad_top8 {
	padding-top: 8px !important
}

.resetOKB .ui-widget-header {
	background: #E7E7E8 !important;
}

.resetOKB button.ui-button-text-only {
	background: #636466 !important;
	border: solid 1px #e7e7e8 !important;
	color: #fff !important;
}

.resetOKB .ui-icon-closethick {
	background: url(../../img/ui-icons-gray-new.png) -96px -128px no-repeat !important;
}

.default_lg {
	padding-top: 3px !important
}

.default_lg .ui-inputfield {
	padding: 2px 4px !important;
}

.default_lg_btn {
	padding: 8px 0 0 0px;
}

.default_lg_btn .ui-button {
	float: left;
	margin: 0 5px 0 0;
}

.ui-button-text-only .ui-button-text {
	padding: 0px !important;
}

/*------candidate offer letter here  -------*/

.candidate-offer-page .contentNew .ui-messages-error {
	margin: 0px auto 5px auto;
	width: 94% !important;
}

.captcha-image {
	border: solid 1px #c7c9cb;
	float: left;
}

.candidate-offer-page .ui-button-text-only {
	float: right;
	margin: 10px 0px 0 0;
}

.img-block {
	padding: 10px 0 0 0;
}

.img-block .btn {
	float: right;
	margin-top: 10px;
}

.login_bk {
	max-width: 330px;
	margin: 50px auto auto;
}

.wrapper_inner {
	max-width: 330px;
	float: left;
	background: #ffffff;
	border: solid 1px #e2e2e2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 10px #000000;
	-webkit-box-shadow: 1px 1px 10px #000000;
	box-shadow: 1px 1px 10px #000000;
}

.login_bk_inner {
	padding: 20px;
}

.login_bk h4 {
	color: #636466;
	font-size: 20px;
	padding-bottom: 10px;
	margin: 0 0 7px 0;
	border-bottom: solid 1px #e2e2e2;
	font-weight: normal;
}

.lg_rw {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}

.lg_rw label {
	color: #636466;
	font-size: 13px;
	width: 100%;
	float: left;
	margin: 0 0 7px 0;
}

.lg_rw .ui-inputfield {
	width: 49%;
	float: left;
	border: solid 1px #cccccc;
	color: #636466;
	font-size: 13px;
	box-shadow: none;
	padding: 4px 4px 4px 4px;
	border-radius: 0px;
}

.refresh_btn {
	background: url(../../img/refresh_icon.png) 0 0 no-repeat !important;
	width: 32px;
	height: 32px;
	font-size: 0px;
	text-indent: -9999;
	border: none;
	margin: 8px 0 0 10px;
}

.lg_rw .ui-chkbox .ui-chkbox-label {
	margin: 1px 0 0 5px;
	color: #636466;
	font-size: 13px;
}

.wrapper_inner .ui-messages-error-icon {
	display: none
}

.wrapper_inner .ui-messages-error ul {
	margin: 0px
}

.wrapper_inner .ui-messages-error ul span {
	margin: 0px
}

.footer_lt {
	width: 80%;
	float: left;
	font-size: 11px;
}

.login_ft {
	max-width: 290px;
	padding: 0 20px;
	margin: 15px 0 0 0;
	float: left;
	background: #e0e0e0;
	border-top: solid 2px #f9a96e;
}

.copyright_block {
	width: 100%;
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

.powered_by {
	width: 100%;
	float: left;
	margin: 0 0 8px 0;
}

.logo_alt {
	width: 53px;
	height: 39px;
	float: right;
	margin: 0;
}

.copy_wr {
	width: 100%;
	float: left;
}

.lg_btn_rw {
	width: 100%;
	float: left;
}

.btn_sub {
	float: left;
	margin-left: 10px;
}

.wrapper_inner .ui-widget-content {
	border: none
}

.wrapper_inner .ui-button-text-only {

	background: #f9a96e;
	border: none !important;
	border-radius: 4px;
	position: relative;

	color: #fff;
}

.wrapper_inner .ui-button-text-only:hover {
	color: rgb(51, 51, 51);
	text-decoration: none;
	background-color: rgb(230, 230, 230);
	background-position: 0px -20px;

	transition: background-position 0.1s linear 0s;
}

.wrapper_inner .ui-datagrid-column {
	padding: 0px;
}

/*------ Induslogin  -------*/
.induslogin {
	margin-right: 0px;
	background: url(../../img/top_banner_bg.png) right 0 repeat-x;
	width: 100%;
	float: left;
}

.induslogin .right {
	background: #ccc;
}

.induslogin .login-left {
	width: 276px;
	float: left;
}

.induslogin .banner_block {
	width: 75.5%;
	float: left;
}

.induslogin_bottom {
	padding: 0px;
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.induslogin .call_block {
	width: 170px;
	padding-left: 296px;
	float: left;
	text-align: center;
}

.induslogin .text_block {
	display: block;
	text-align: center;
	background: #137a2a;
	color: #fff;
	font-size: 13px;
	margin-top: 20px;
	padding: 5px 0;
}

.induslogin .email_block {
	width: 280px;
	padding-right: 20px;
	float: right;
	text-align: center;
}

.induslogin .padl {
	padding-right: 15px;
}

.induslogin .pwd_tl {
	width: 165px !important;
}

/*------ DPIL  -------*/
.dpli_page .tool_tip {
	position: absolute;
	background: #fff;
	left: 290px;
	top: 160px;
	width: 220px;
	color: #c3c2c2;
	font-size: 10px;
	border: solid 1px #d2d3d5;
	border-radius: 10px;
	box-shadow: 0 0 5px #676767;
	padding: 10px;
	line-height: 18px;
	display: none;
}

.dpli_page .tool_tip h5 {
	text-align: center;
	font-size: 11px;
	color: #c3c2c2;
	font-weight: 500;
	padding: 0px;
	margin: 0px;
}

.dpli_page .tool_tip ul {
	padding-left: 7px;
}

.dpli_page .tool_tip ul li {
	list-style: outside;
	padding: 0 0 0 7px;
}

.dpli_page .links {
	color: #89c8f9;
	float: right;
	margin-bottom: 1px;
}

.dpli_page .links:hover {
	text-decoration: none;
}

/*------ Wirpo Login  -------*/
.content-area-wip {
	padding-top: 150px;
}

.content-area-wip form {
	margin: 0px;
}

.login_block_main {
	float: left;
	width: 202px;
	margin: 0 20px 0 20px;
}

.login_block_top {
	background: url(../../img/login_bck_top.png) 0 0 no-repeat;
	width: 202px;
	height: 23px;
	float: left;
}

.login_block {
	background: url(../../img/login_bck_bot.png) 0 bottom no-repeat;
	width: 170px;
	float: left;
	padding: 0 10px 20px 18px;
	min-height: 148px;
	margin-bottom: 20px;
}

.or_text {
	background: url(../../img/or_text.png) 0 bottom no-repeat;
	width: 157px;
	height: 8px;
	margin: 15px auto;
}

.login_block h4 {
	padding: 0px;
	margin: 0px 0 5px 0;
	font-size: 11px;
}

.login_block_main .input_row .ui-inputfield {
	padding: 2px 4px !important;
}

.login_block_main .copyright {
	margin: 0px 0 0 6px;
	float: left;
}

.login_block_main .control-group:hover {
	background: none !important;
}

.login_block_main .btn_row {
	padding: 8px 0 0 0px;
}

.login_block_main .btn_row .ui-button {
	float: left;
	margin: 0 10px 0 0;
}

.login_block_main .form_item input {
	width: 140px !important;
	margin-bottom: 0px !important;
}

.login_block_main .remmberBk {
	padding: 5px 0 0 0
}

.wipro_emp {
	padding: 0px;
}

.LoginInner .wipro_emp {
	text-align: center;
}

.wipro_emp .ui-widget-content {
	padding: 0px;
}

.btn-blue {
	background: #6ca3d8 !important;
	border: none !important;
	border-radius: 4px !important;
	position: relative;
	color: #fff !important;
}

.btn-blue:hover {
	text-decoration: none;
	background-color: #377cbe !important;
	transition: background-position 0.1s linear 0s;
}

.loader_block {
	position: fixed;
	right: 0px;
	bottom: 0px;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 80px;
}

.loader_img {
	background: #676767;
	width: 30px;
	height: 30px;
	padding: 2px;
	border-radius: 3px;
	margin-bottom: 3px;
}

.loader_text {
	font-size: 11px;
	color: #666;
}

.wipro_logo {
	margin-left: 20px;
}

/*===============================browser upgrade popup ==========================*/
#mainrender {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
}

.back {
	height: 100%;
	width: 100%;
	z-index: 9;
	position: fixed;
	background: url(../../img/trans_bg.png) repeat;
}

.browser_check_block {
	width: 600px;
	right: 0px;
	bottom: 0px;
	margin: -190px 0 0 -300px;
	left: 50%;
	top: 50%;
	position: absolute;
	height: 380px;
	background: #ddd;
	font-family: Arial, Helvetica, sans-serif;
}

.browser_check_block h4 {
	text-align: center;
	font-size: 24px;
	padding: 40px 0 30px 0;
	margin: 0px;
	line-height: 30px;
	font-weight: normal;
}

.browser_check_block .matteroo {
	text-align: center;
	font-size: 14px;
	padding: 50px 20px;
	line-height: 20px;
}

.browser_check_block img {
	cursor: pointer;
}

.browser_check_block p {
	padding: 15px;
	line-height: 18px;
	text-align: center;
	font-size: 14px;
	color: #636466;
}

.close_render {
	float: right;
	margin: 10px;
	width: 21px;
	height: 21px;
	display: block;
	background: url(../../img/close_popup.png) no-repeat;
}

.browser_check_block img {
	border: none;
}


/*=============================== new branding login page css ==========================*/
.login-bg {
	z-index: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #6ca3d8;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/assets/images/default_icons/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: 100vh;
	width: 100vw;
}

.login-bg img {
	width: 100%;
	height: 100%;
}

.login-page {
	padding: 0px;
	width: 330px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.section-login {
	width: 330px;
	background: #fff;
	border-radius: 20px;
	min-height: 265px;
	position: absolute;
	z-index: 5;
}

.LoginInner {
	padding: 30px;
}

.section-logo {
	margin-bottom: 20px;
	display: table;
}

.logo-worklife {
	text-align: left;
	display: block;
}

.logo-client {
	display: none;
}

.section-client {
	width: 100%;
	float: left;
	margin-bottom: 26px;
}

.section-client .logo-client {
	width: 180px;
	height: 55px;
	/*border-left:solid 1px #e7e7e8;*/
	padding-left: 15px;
	display: table-cell;
	position: relative;
	vertical-align: middle;
}

.section-client .logo-client img {
	max-width: 198px;
	max-height: 55px;
}

.section-client .logo-worklife {
	width: 45px;
	display: table-cell;
	vertical-align: middle;
}

.section-client .logo-worklife img {
	width: 45px;
	height: 45px;
	vertical-align: middle;
}

.form-flied {
	margin-bottom: 5px;
}

.lable-text {
	font-weight: bold;
	margin-bottom: 3px;
	color: #636466 !important;
	font-size: 12px;
	display: inline-block;
	width: 100% !important;
}

.loginFormNew {
	margin: 0px !important;
	clear: both;
}

.item,
body .ui-inputfield {
	width: 100%;
	/*border:solid 1px #e7e7e8 !important;*/
	padding: 5px !important;
	color: #636466;
	box-shadow: none !important;
	line-height: normal !important;
}

.forgot,
body .ui-commandlink,
body .ui-link {
	float: right;
	display: block;
	color: #636466;
	font-size: 11px;
	text-decoration: none;
	font-weight: lighter;
}

.forgot:hover {
	text-decoration: underline;
	color: #636466;
}

.button {
	background: #58585a !important;
	border-radius: 5px !important;
	color: #fff !important;
	border: solid 1px #58585a !important;
	font-size: 13px !important;
	font-weight: bold;
	display: block;
	padding: 4px 20px !important;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	float: none !important;
	text-decoration: none !important;
	font-weight: bold !important;
	height: 30px;
}

.button:hover {
	background: #58585a;
	color: #fff;
	border: solid 1px #58585a;
}

.button-blue,
body .ui-button.button-blue {
	background: #031842 !important;
	border: solid 1px #031842 !important;
}

.btn-saml {
	color: #ec3900 !important;
	border: solid 1px #ec3900;
	font-size: 12px;
	text-align: center;
	display: block;
	height: 30px;
	border-radius: 5px;
	text-decoration: none;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0.3px;
}

.social-btn-group-row {
	display: block;
	max-height: 137px;
	overflow: auto;
	scrollbar-color: #4d6fb6 transparent;
	scrollbar-width: thin;
}

/* for chrome */
.social-btn-group-row::-webkit-scrollbar-track {
	background-color: transparent;
}

.social-btn-group-row::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	overflow: auto;
	background-color: #999;
}

/* for chrome on hover */
.social-btn-group-row:hover::-webkit-scrollbar-thumb {
	background-color: #000;
}

.social-btn-group {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.btn-cell {
	display: table-cell;
	padding: 10px;
	border: 0px;
}

.multipleSSO {
	display: block !important;
	padding: 2px !important;
	border: 2px !important;
}

.section-footer {
	position: fixed;
	z-index: 4;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
}

.loginTitle {
	margin-bottom: 0px !important;
}

.footer-logo {
	text-align: center;
	/*margin:10px 0;*/
}

.footer-logo img {
	height: 30px;
}

.LoginInner form {
	margin: 0px !important;
}

.list ul {
	margin: 0 0 0 12px;
	padding: inherit !important;
	list-style-type: disc;
}

.list ul li {
	padding: 0px;
	line-height: 16px;
}

.copy-right {
	color: #555;
	font-size: 10px;
}

.forgot-button .button {
	float: left !important;
	margin: 0px 10px 0 0;
}

.playstoreOuter {
	position: absolute;
	z-index: 9;
	width: 400px;
	right: 10px;
	bottom: 10px;
	text-align: right;
}

.playstoreOuter a {
	display: inline-block;
}

.playstoreOuter .appStoreIcons {
	display: inline-block;
	border-right: dashed 1px #fff;
	padding: 0px 10px;
}

.playstoreOuter .appStoreIcons:last-child {
	border: none;
}

.footerInner {
	position: relative;
	display: block;
	padding: 10px;
}

@media only screen and (max-width: 768px) {
	.section-login {
		width: 280px;
		z-index: 5;
	}

	.LoginInner {
		padding: 15px;
	}

	.section-client .logo-worklife {
		width: 50px;
	}

	.logo-client {
		width: 170px !important;
	}

	.section-client .logo-client img {
		max-width: 170px;
		max-height: 50px;
	}

	.section-client .logo-worklife img {
		max-width: 40px;
		height: auto !important;
	}

	.playstoreOuter {
		width: 100%;
		float: left;
		margin-top: 10px;
		text-align: center;
		clear: both;
		position: relative;
	}

	.playstoreOuter img {
		height: 40px;
	}

	.playstoreOuter a {
		float: none;
		margin-left: 10px;
	}

	.section-footer {
		bottom: 0px;
		position: relative !important;
	}

	.footerInner {
		padding-bottom: 0px;
	}

	.copy-right {
		width: 100%;
		clear: both;
		line-height: 14px;
		margin-bottom: 10px;
	}

	.section-client {
		margin-bottom: 20px;
	}

	.login-bg img {
		display: none;
	}

	.button {
		min-width: 50px;
	}
}

@media only screen and (max-width: 480px) {
	.section-login {
		width: 280px;
		z-index: 5;
	}

	.LoginInner {
		padding: 15px;
	}

	.section-client .logo-worklife {
		width: 50px;
	}

	.logo-client {
		width: 170px !important;
	}

	.section-client .logo-client img {
		max-width: 170px;
		max-height: 50px;
	}

	.section-client .logo-worklife img {
		max-width: 40px;
		height: auto !important;
	}

	.playstoreOuter {
		position: relative;
		z-index: 9;
		width: 100%;
		right: 0px;
		bottom: 0px;
		left: 0;
		clear: both;
		text-align: center;
	}

	.playstoreOuter a {
		display: inline-block;
	}

	.playstoreOuter .appStoreIcons {
		display: inline-block;
		border-right: dashed 1px #fff;
		padding: 0px 10px;
	}

	.playstoreOuter .appStoreIcons:last-child {
		border: none;
	}

	.playstoreOuter a img {
		width: 80%;
	}

	.section-footer {
		bottom: 0px;
		position: relative !important;
	}

	.footerInner {
		padding: 0px !important;
	}

	.copy-right {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		clear: both;
		line-height: 14px;
		margin-bottom: 10px;
		white-space: normal;
		word-wrap: break-word;
	}

	.section-client {
		margin-bottom: 20px;
	}

	.login-bg img {
		display: none;
	}

	.button {
		min-width: 50px;
	}

	.login-page {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}

	.poweredBy {
		clear: both;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
}

.input-item .ui-selectonemenu,
.input-item .ui-state-default,
.input-item .ui-state-default,
.input-item .ui-selectonemenu-label {
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	color: #636466 !important;
}

.ui-state-default .ui-icon {
	background-image: url('../../img/ui-icons-gray-new.png') !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: 6px;
}

#registrationPanel_content .pinwidd .ui-autocomplete-input {
	width: 180px !important;
}

.logGoogle {
	background: url('/img/bootstrap-login.png') no-repeat -16px -18px !important;
	border: 0;
	width: 200px;
	height: 30px;
	margin: 0 auto;
	display: block;
	margin-top: 8px;
}

.logfk {
	background: url('/img/bootstrap-login.png') no-repeat -16px -71px !important;
	border: 0;
	width: 200px;
	height: 30px;
	margin: 0 auto;
	display: block;
	margin-top: 8px;

}

.captcha {
	background: #f5f5f5;
	border: solid 1px #cccccc;
	display: inline-block;
	width: 100%;
	height: 28px;
	position: relative;
}

.captchaIMG {
	float: left;
	height: 100%;
}

.captchaInput {
	width: 60% !important;
	float: right;
	position: absolute;
	right: -1px;
	top: -1px;
	padding: 4px;
}

.form-button.forgot-button {
	width: 100%;
	float: left;
}

.btnSendOtp {
	float: right;
	margin-top: 10px;
}

/* Interaction Cues----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd3a1 !important;
	background: #fbf8ee url("/javax.faces.resource/images/ui-bg_glass_55_fbf8ee_1x400.png?ln=primefaces-blitzer") 50% 50% repeat-x !important;
	color: #444444 !important;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #444444;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cc0000 !important;
	background: #f3d8d8 url("/javax.faces.resource/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png?ln=primefaces-blitzer") 50% 50% repeat !important;
	color: #2e2e2e !important;
}

.ui-radiobutton .ui-radiobutton-box {
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ui-icon-bullet {
	background-position: -80px -144px !important;
}

body .ui-radiobutton .ui-radiobutton-box {
	border: 1px solid #ced4da !important;
	border-width: 2px;
	background: #fff !important;
	width: 20px;
	height: 20px;
	text-align: center;
	position: relative;
	border-radius: 50%;
	transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
	border-color: #ced4da !important;
	background: #fff !important;
	color: #fff;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
	width: 8px !important;
	height: 8px !important;
	vertical-align: middle !important;
	position: relative;
	top: 0.5px !important;
	left: 3px !important;
	margin-top: -6px !important;
	margin-left: -6px !important;
	border-radius: 50% !important;
	background: #fff !important;
	background-image: none !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
	background: #58585a !important;
}

.layout-line-direction {
	padding: 10px 0px;
}