/** Login page css **/
a:active,a:focus{outline: 0 !important;}
.loginContainer , .errorContainer{display: inherit !important;height: 100%;}
.logo-header{width: 100%;height: 5.9rem;background-color: rgb(81, 88, 94);text-align: center;}
.logo-header img{position: relative;top: 50%;text-align:center;display:block;
-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
  transform: translateY(-50%);margin:0 auto;}
 .login-form{width: 100%;text-align: center;background: rgba(243,243,243, 0.9);height: calc(100% - -16px);}
 .login-details{width: 26.3rem;margin: 2.9rem auto 2.9rem auto;border: 0rem solid red;background: #fff;padding-top: 15px;}
 .hide{display: none;}
 .mt10{margin-top: 0.7rem}
 .mt20{margin-top: 1.4rem;}
 .login_field{border: 0.5px solid #c1c1c1; background-color: rgb(255, 255, 255);text-align: left;height: 2.8rem;margin: 0 auto;}
.login-form_bg{background: url(../images/login/background.png) center no-repeat;width: 70.9rem;margin: 0 auto;padding-top: 1.5rem;}
.login-form h1{font-size: 1.4rem;line-height: 1.4rem;font-weight: 400;font-family: "OpenSans-Regular",sans-serif;text-transform: uppercase;margin-top: 1rem;}
.login-form h2, .changePasswordh2{font-size: 16px;line-height: 1.4rem;font-family: "OpenSans-Regular",sans-serif;padding-top: 0.1rem;font-weight: 600;margin: 1rem 0 0.2rem 0;}
.login-form h3{font-size: 12px;line-height:1.4rem;font-family: "OpenSans-Regular",sans-serif;font-style: normal;font-weight: 300;}
.login-form h4{font-size: 12px;line-height: 1.4rem;font-family: "OpenSans-Regular",sans-serif;font-weight: 600;margin: 0.714rem 18px 0.714rem 18px;}
.login-btn{width: 100%;height: 36px;margin: 0 auto;background-color: rgb(81, 88, 94);outline: none;border: 0;text-align: center;color: #fff;padding: 0;border-radius: 0;}
.form{padding: 6px 1.4rem 6px 1.4rem;}
.yellow_line{background-color: rgb(252, 190, 6);box-shadow: 0.6px 0.7px 2px 0px rgba(0, 0, 0, 0.1); width:26.3rem; height: 3px;}
.user_name{padding-left: 2.5rem;}
.user_pwd{padding:0 2.4rem 0 2.5rem;}
.user_name,.user_pwd{font-family: "OpenSans-Regular",sans-serif;font-size: 1rem;outline: 0;width: 100%;font-weight: 500;}
.visiablePwd{position: absolute;top: 0.9rem;right: 0.7rem;cursor: pointer;}
.relative{position: relative;}
#loginForm label.error{position:relative;display: block;text-align: left;font: 12px "OpenSans-Regular",sans-serif;}
.userIcon,.pwdIcon,.emailIcon{position: absolute;top: 0.5rem;left: 0.8rem;cursor: pointer;}
.emailIcon{top: 1.1rem;margin-right:2px;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset;}
html, body {height:100%;}
.g-recaptcha{margin-top: 0.7rem;margin-left: 13px;}

.termsOfUse{    
  font-size: 12px;
  text-align: center;
}

.forgotUserPassLink{
    margin-top: 5px;
    font-size: 12px;
    width: 48%;
    display: inline-block;
}

#userEmail{
    padding-left: 3.0rem;
}

.risk-button {
    height: 20px;
}

.pwdHide{
    position: absolute;
    top: 0.9rem;
    right: 0.7rem;
    cursor: pointer;
}

.errorMessage{
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    font-family: "OpenSans-Semibold",sans-serif;
}

.changePasswordh2{
    padding-top: 0.8rem;
}

.forgotPasswordMargin{
    margin-top:5px;
}


.errorContainer .error-info {color:#51585e;background-color:#f3f3f3; height:calc(100vh - 5.9rem); text-align:center;padding-top: calc(50vh - 2.95rem - 15rem);} 
.errorContainer .error-info p.oops {font-size:2.85rem; }
.errorContainer .error-info p.somethingWrong { font-weight:lighter; font-size:1.428rem;}
.errorContainer .error-info a {border:1px solid #c2c2c2; border-radius:0px ; display:inline-block; padding:0.6rem;color:#2c343f;width:5.7rem;margin-top: 2rem;}
.errorContainer .error-info a.hover ,.errorContainer .error-info a.visited {color:#2c343f;} 
.errorContainer .error-info p {margin-bottom:0px;}


[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.loginLoader{
    background:url('../images/loginLoader.png') no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.abcRioButton{
    margin-top:5px;
}

.googleSignInButtion {
    padding: 0px 0px 6px 0px;
    position: absolute;
    top: -25px;
    opacity: 0;
}

#google-sign-in {
    display: inline-block;
    background: white;
    color: #444;
    width: 100%;
    border: thin solid #4d84cc;
    white-space: nowrap;
    margin-top: 15px;
    border-radius: 2px;
    height: 36px;
    position:relative;
}
#google-sign-in:hover {
    background: #4d84cc;
    color: white;
    cursor: pointer;
}
.google-icon {
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 32px;
    margin: 1px;
    left: 0;
    position: absolute;
}
span.google-icon img {
    position: absolute;
    top: 6px;
    left: 10px;
}
span.buttonText {
    position: absolute;
    top: 16%;
    right: 43%;
    width: 24%;
}
.logOutMessage {
    width: 90%;
    min-height: 35px;
    max-height: 70px;    
    background: #E8F2E7;
    border-left: 4px solid #527D56;
    /* background: aliceblue;
    border-left: 4px solid #acbee6; */
    margin: 0 auto;
    font-size: 12px;
    display: flex;
} 
.logOutMessage p{margin: auto;}
.contactUsWrap {
    margin-bottom: 5px;
}
.contactUsWrap a, .contactUsWrap {
    font-size: 12px;
}
.orClass{
    margin-bottom: 6px;
}