body {margin: 0px;	padding:0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 10px;
color: rgb(51, 51, 51); overflow:hidden;}
.container-fluid.body {padding: 0px; min-height: 100px;}
.container-fluid.head.wiprologo img{width: 125px;}
.container-fluid img{margin:10px;}
.container-fluid{background: #E7E7E8;}
.login-t{background:url(../images/new/left_bg.png) #fff 0 0 repeat-y;}
.side_img{position:absolute;}
.centre_img{position:absolute; left:42%; top:100px;}
.sessiontimeout .row-fluid .span10{ width:15% !important;}
.content-area{height: 350px !important; margin: 140px 0 0 60px !important;}
.centerpart{padding:15px 20px; width:150px; background:#fff; box-shadow: 0 0 5px #666; border-radius:15px; }
.centerpart .ui-panel, .centerpart .ui-panel-content{padding:0 !important; border:0 !important;}
.centerpart h4{margin: 0!important; font-size:11px;}
.control-label {text-transform: uppercase;	font-size: 8pt; margin:10px 0 3px; display:block;}
.controls input{font-size: 11px; width:140px !important; margin:0px !important; padding:2px 0px !important; color:#000;}
.forgot a{color:#4285F4; margin:10px 0; font-size:12px; display:block;}
.btn {background:#85C291 !important; border:none !important; border-radius:4px; position: relative; color:#fff !important;}
.btn:hover {color: rgb(51, 51, 51);	text-decoration: none; background-color: rgb(230, 230, 230);}
.btnlink{margin-top:20px;}
.btnlink a{background:#85C291; border:none !important; border-radius:4px; color:#fff; padding:5px; text-decoration:none; font-weight:bold;}
.btnlink a:hover{color: rgb(51, 51, 51);	text-decoration: none; background-color: rgb(230, 230, 230);}
.ui-chkbox {display:block !important; margin:5px 0;}
.ui-chkbox .ui-chkbox-box{width:14px !important; height:14px !important;}
.ui-chkbox .ui-chkbox-label{margin:3px !important; font-size:12px;}
.ui-button-text-only .ui-button-text{padding:4px 10px !important;}
.login h4{color:#4285F4;}
.login div{margin:10px 0;}
.login div input{font-size: 11px; width:140px !important; margin-bottom:0px !important; color:#000;}
.login div button{margin:0 5px 0 0;}
div.peoplestrong {display: inline-table; width: 187px; height: 50px; background: url(../images/new/peoplestrong.png) no-repeat scroll left center	transparent; vertical-align: middle; text-indent: -9999px ! important;}
div.copyright{ width: 212px; margin-top:20px; font-size: 10px;}
body.sessionTM{background: none repeat scroll 0 0 #C7C9CB !important;}
.contentNew{ background:#fff !important; padding:20px; box-shadow:0 0 5px #666;}
.PasswordMT{width:175px;}
.PasswordMT h5{font-size:11px; margin:0 0 5px -10px; padding:0px;}
.PasswordMT ul{padding:0px; margin:0px;}
.PasswordMT ul li{color:#333333; font-size:11px; line-height:15px;}
.ResetBk{margin-top:10px;}
.centerpart .ui-widget-header{background:#e7e7e8 !important; color:#636466 !important;}
p{font-size:12px;}
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
	{background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}
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 0px 0px;}
input,select,.input-append {border-radius: 0px 0px 0px 0px ! important;}
@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;}
}
@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;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ui-inputfield{padding:0px 4px; !important;}
}
.login .ui-messages-error{padding:5px !important; font-size:12px !important;}
.ui-messages-error .ui-messages-error-icon{display:none !important;}
.ui-messages ul{margin:0 !important;}
.ui-messages span{margin:0 !important;}
.loading{box-shadow:none !important; background:none !important; border:none !important;}
.loading .pic{ width: 100px;}
.loading .pic img{width: 100px;}
.loading span{font-size:0px; height: 0px; text-align:center;}
  /* Styling for New Login page Starts HERE*/ 
.section-login {width:330px;background:#fff;border-radius:20px; 	min-height:265px;z-index:5; box-shadow:1px 2px 10px 0px rgb(0 0 0 / 20%);}
.login-page {margin: 0 auto; padding: 50px 0 0; position: relative; width: 330px; z-index: 2;}
.login-bg{z-index:1;position:fixed;width:100%;height:100%;background:url(../images/bg.png) 0 0 no-repeat;background-size: 100% 100%;top:0;bottom:0;left:0;right:0;}
.section-footer{text-align:center;}
.footer-logo{text-align:center;	margin:10px 0;} 
.footer-logo img{height: 30px;}
.copy-right {color: #555555; font-size: 10px;}
.login-bg img{width:100%;height:100%;}
.section-client {float: left; margin-bottom: 25px; width: 100%;}
.section-client .logo-worklife {display: table-cell; width:45px; text-align: left; vertical-align: middle;}
.logo-worklife {display:block; text-align:center;}
.section-client .logo-client {vertical-align: middle;  display: table-cell; vertical-align: middle; height:55px; padding-left:15px; position:relative; text-align:left;}
.section-client .logo-worklife img{height:45px;width:45px;}
.section-client .logo-client img {max-width:198px; max-height:55px;}
.form-flied{margin-bottom: 15px;}
.lable-text{font-weight:bold;margin-bottom:3px;}
.item {border: 1px solid #e7e7e8;color: #636466;padding: 5px;width: 96%;}
.formButton {background:#58585a none repeat scroll 0 0; border:1px solid #58585a; border-radius:5px; color:#fff; display:block;font-size:13px; font-weight: bold; margin:0 auto; text-align: center; text-decoration:none;  padding:5px; width:122px;}
.google_play {background: rgba(0, 0, 0, 0) url("../images/new/logo.png") no-repeat scroll 0 0; bottom:10px; display:block; height:64px; position:absolute; right:10px; width:160px; z-index:6;}
.forgot {color:#636466; display:block; font-size:11px; text-decoration:none; margin-top:2px;}
.forgotNew {color:#636466; display:block; font-size:11px; margin-bottom:10px; margin-top:3px; text-decoration:none; text-align:right; font-weight:lighter;}
.forgotNew a{color:#4285F4; margin:10px 0; font-size:12px; display:block;}
.loginBtn {background: #031842; border: 1px solid #031842; border-radius: 5px; color: #fff; display: block; font-size: 13px; 
font-weight: bold; margin: 0 auto; padding: 5px; text-align: center; text-decoration: none; width: 100%;}
.loginBtn:hover{background: #58585a; border: 1px solid #58585a;}
.loginBtnKeycloak{color: white;	background: black;}
.forgot-button .formButton {float: left;  margin: 0 10px 0 0;}
.playstoreOuter { position:absolute; width:400px; right:10px; bottom:10px; text-align:right; z-index:1; line-height:12pt; }
.playstoreOuter .appStoreIcons {display: inline-block; border-right: dashed 1px #fff; padding: 0px 10px;}
.playstoreOuter .appStoreIcons:last-child {border: none;}
.playstoreOuter a {display: inline-block;}
.LoginInner { padding:30px; }
.footerInner { position:relative; display:block; padding:10px; }
@media only screen and (max-device-width: 480px) {
.section-login { width:280px; margin:30px auto !important;  position:relative; z-index:5; }
.LoginInner { padding:15px; }
.logo-client { width:170px !important; }
.section-client .logo-client img { max-width: 170px; max-height: 50px; }
.section-client .logo-worklife img { max-width: 45px; 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; }
.footerInner { padding-bottom:0px; }
.copy-right { width:100%; clear:both; line-height:14px; margin-bottom:10px; }
.section-client { margin-bottom:20px; }
}
@media only screen and (max-device-width: 767px) {
.section-login { width:280px; margin:30px auto !important;  position:relative; z-index:5; }
.LoginInner { padding:15px; }
.logo-client { width:170px !important; }
.section-client .logo-client img { max-width: 170px; max-height: 50px; }
.section-client .logo-worklife img { max-width: 45px; 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; }
.footerInner { padding-bottom:0px; }
.copy-right { width:100%; clear:both; line-height:14px; margin-bottom:10px; }
.section-client { margin-bottom:20px; }
.formButton{width: 115px;}
}


#body-login-t .ui-growl-title {line-height: 18px;}
 /* Styling for New Login page ENDS HERE*/ 

.form-flied-language{padding:0px; border:0px;}
.form-flied-language .lable-text{font-size:13px;}
.form-flied-language .ui-panel-content{padding:0px;}
.selectLanguage{width:92%!important;}
.selectLanguage{background:#fff!important; border: 1px solid rgb(204, 204, 204);box-shadow: none !important; border-radius:0px;}
.selectLanguage .ui-inputfield{box-shadow:none!important; padding:8px 8px 8px 6px; color: #636466; font-size:13px; background-color:transparent;}
.selectLanguage .ui-selectonemenu-trigger .ui-icon{margin-top:5px!important;}
.selectLanguage .ui-state-default .ui-icon{ background-image:url(../images/new/ui-icons-gray-new.png);}

.or_text{background:url(../images/separator.png) center bottom no-repeat; width:157px; height:15px; margin:15px auto;}
.social-btn-group-row {display:block;margin-left:-10px;margin-right:-10px;}
.social-btn-group {display:table;width:100%;table-layout:fixed;	text-align:center;}
.btn-cell {display:block;padding:2px;border:0px;}
.button-blue {background: #031842!important; border: 1px solid #031842!important;}
.button-blue:focus { outline: 0!important;}
.button-blue:hover {background: #58585a!important; border: 1px solid #58585a!important;}
.btn-cell .ui-button-text-only .ui-button-text{padding: 4px 10px !important; font-size: 12px;}
.btn-cell .ui-button{padding:3px 10px!important; width: 100%;}