/*@import url('../OrangeMain/Style/commonMixing.less');
@import url('../OrangeMain/Style/framework.less');*/
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
body {
  font: 62.5% arial;
  direction: rtl;
  margin: 0;
}
P,
H1,
H2,
H3,
H4,
H5,
H6,
UL,
OL,
LI {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a {
  text-decoration: none;
}
A:link,
A:hover,
A:focus,
A:active,
A:visited,
A:active:visited {
  color: #000;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
.darkGreyBG {
  background: #969696;
}
.lightGreyBG {
  background: #E5E5E5;
}
.aquaBG {
  background: #56ddd0;
}
.disableBtnBG {
  background: #b2b2b2;
}
.block {
  display: block;
}
.R {
  float: right;
}
.L {
  float: left;
}
.rel {
  position: relative;
}
.content_wrapper_960 {
  width: 960px;
  margin: 0 auto;
}
/********************************************************
                   b t n  
******************************************************/
.icon {
  background: url('/OrangeLandingPages/img/sprite.png');
}
.disableBtnStyle {
  background: #b2b2b2;
  border: 4px solid #b2b2b2;
  cursor: default;
}
a {
  cursor: pointer;
  color: #000;
  display: inline-block;
}
a.btn {
  font: bold 2.2em arial;
  margin-top: 1em;
  text-decoration: none;
  text-align: center;
  height: 53px;
  line-height: 53px;
  min-width: 250px;
  border: 4px solid #000;
}
a.btn:hover {
  background: #fff;
  border: 4px solid #fff;
}
a.btn.disableBtn {
  background: #b2b2b2;
  border: 4px solid #b2b2b2;
  cursor: default;
}
a.btn.disableBtn:hover {
  background: #b2b2b2;
  border: 4px solid #b2b2b2;
  cursor: default;
}
a.lnk {
  display: block;
  font: normal 1.0em arial;
  color: #000;
  margin-top: 1em;
}
a.lnk:hover {
  font-weight: bold;
  text-decoration: underline;
}
.button {
  background-color: #fff;
  border: 5px solid #000;
  color: #000;
  text-align: center;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}
.button_aqua {
  background-color: #2cd5c4;
  color: #000;
  text-align: center;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
/********************************************************
                   f  o  r  m  
******************************************************/
input[type="text"],
input[type="password"] {
  border: 1px solid #000;
  padding: 0 1em;
  width: 290px;
  height: 50px;
  font-size: 16px;
  box-sizing: border-box;
}
input[type="text"].error,
input[type="password"].error {
  border: 2px solid #f9423a;
}
label {
  display: block;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.checkboxDiv {
  margin-top: 1em;
  margin-bottom: 1em;
}
.checkboxDiv .checkbox-label {
  display: inline-block;
  cursor: pointer;
}
.checkboxDiv .checkbox-label .checkbox-overlay {
  margin-top: 10px;
  background: url(../../../../OrangeMain/images/checkbox.png) -2px -2px;
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.checkboxDiv .checkbox-label .checkbox-overlay.checked {
  background: url(../../../../OrangeMain/images/checkbox.png) -2px -45px;
}
.checkboxDiv .checkbox-label input[type='checkbox'] {
  display: inline-block;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  width: 26px;
  height: 26px;
  outline: none;
  margin-top: 7px;
  z-index: 1;
}
.checkboxDiv .checkbox-label .text {
  color: #000;
  font-size: 1.0em;
  font-weight: normal;
  display: inline-block;
  padding-right: 2.5em;
  width: 80%;
  padding-top: 0.5em;
}
.checkboxDiv .checkbox-label .text > img {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.checkboxDiv .checkbox-label .text a {
  display: inline-block;
  font-size: 100%;
}
.checkboxDiv .checkbox-label .text .addOnText {
  display: inline-block;
  vertical-align: top;
  width: 340px;
  margin-top: -1px;
}
.checkboxDiv .checkbox-label .text .addOnText > span {
  display: block;
}
.radioDiv {
  margin-top: 1em;
  margin-bottom: 1em;
}
.radioDiv .radio-label {
  display: inline-block;
  cursor: pointer;
}
.radioDiv .radio-label .radio-overlay {
  margin-top: 10px;
  background: url("/OrangeMain/images/radio.png") -1px -59px;
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.radioDiv .radio-label .radio-overlay.checked {
  background: url("/OrangeMain/images/radio.png") -1px -8px;
}
.radioDiv .radio-label input[type='radio'] {
  display: inline-block;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  width: 26px;
  height: 26px;
  outline: none;
  margin-top: 7px;
  z-index: 1;
}
.radioDiv .radio-label .text {
  color: #000;
  font-size: 1.4em;
  font-weight: normal;
  display: inline-block;
  padding-right: 2.5em;
  padding-top: 0.8em;
}
.radioDiv .radio-label .text > img {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.radioDiv .radio-label .text a {
  display: inline-block;
  font-size: 100%;
}
.radioDiv .radio-label .text .addOnText {
  display: inline-block;
  vertical-align: top;
  width: 340px;
  margin-top: -1px;
}
.radioDiv .radio-label .text .addOnText > span {
  display: block;
}
.login-section {
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
}
.login-section .partner-logo {
  position: absolute;
  left: 0;
  top: 0;
}
.login-section .form {
  text-align: center;
}
.login-section .imgStyle {
  float: right;
  margin-top: 6em;
}
.login-section .login-block {
  width: 305px;
  min-height: 565px;
  background: #E5E5E5;
  padding: 2em 8em;
}
.login-section .login-block h1 {
  font: bold 3.5em arial;
  margin-bottom: 0.1em;
}
.login-section .login-block h3 {
  font: normal 2.2em arial;
  margin-bottom: 0.6em;
}
.login-section .login-block p {
  font: normal 1.5em arial;
}
.login-section .login-block .form {
  margin-top: 1.2em;
  font: normal 1.5em arial;
}
.login-section .login-block .form input[type=text],
.login-section .login-block .form input[type=password] {
  width: 300px;
  height: 45px;
}
.login-section .login-block .form label {
  display: block;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
.login-section .login-block .form a {
  display: block;
  text-align: left;
  font-size: 90%;
  margin-top: 0;
}
.login-section .login-block .form a.btn {
  font: bold 1.6em arial;
  text-align: center;
  line-height: 53px;
}
.login-section .login-block .form a.btn.btn-disabled {
  text-align: center;
}
.login-section .login-block .form a.psw {
  margin-top: 0.3em;
  width: 98%;
  text-decoration: underline;
}
.login-section .login-block .form a.psw:hover {
  color: #277B6C;
}
.login-section .login-block .form .text a {
  text-decoration: underline;
  display: inline-block !important;
  position: relative;
  top: 1px;
}
.login-section .login-block .form .text a:hover {
  color: #277B6C;
}
.login-section .login-block .errorMsg {
  color: #ff0000;
  margin-bottom: 0.5em;
  text-align: center;
}
.login-section .login-block .error-text {
  display: none;
  color: #ff0000;
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 95%;
}
.login-section .login-block .checkboxDiv {
  overflow: hidden;
}
.login-section .registration {
  width: 280px;
  height: 205px;
  background: #56ddd0;
  display: inline-block;
  padding: 2em 10em;
}
.login-section .registration h2 {
  font: bold 3.5em arial;
  margin-bottom: 0.1em;
}
.login-section .registration h3 {
  font: normal 2.2em arial;
  margin-bottom: 0.6em;
}
.login-section a.btn {
  font: bold 2.2em arial;
  line-height: 53px;
}
.login-section #CaptchaDiv {
  margin-top: 1em;
}
.login-section #CaptchaDiv DIV.text_padding {
  padding-right: 0;
}
.login-section #CaptchaDiv .text_padding.bold.float_right.normal {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.login-section #CaptchaDiv input[type=text] {
  font-size: 1.0em;
  text-align: right;
  height: 30px;
  width: 277px;
  margin-top: 1em;
}
.login-section #CaptchaDiv .field_text.text_padding,
.login-section #CaptchaDiv .field_space_short {
  display: none;
}
.login-section #CaptchaDiv .field_text.text_padding,
.login-section #CaptchaDiv field_error_short {
  color: #f9423a;
}
.login-section #CaptchaDiv .field_comments_short {
  background: none;
  color: #f9423a;
  padding: 5px 0 0 0;
}
.biz-login-container {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 20% 0;
}
.biz-login-container .biz-login-header {
  font-size: 2.5em;
  padding: 0.5em 0;
}
.biz-login-container .biz-login-header:after {
  content: "";
  width: 2em;
  height: 4px;
  background: #000;
  text-align: center;
  display: block;
  margin: 0.5em auto;
}
.biz-login-container .biz-login {
  background: #23D3C6;
  text-align: right;
}
.biz-login-container .biz-login__header {
  font-size: 2em;
}
#MobileUserPassWordErr {
  display: none;
}