/*$Id: memberportal.css Jan 2017  thangam $*/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }

body {
  background: #F6F6F6;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #77909D;
  font-weight: 300; }

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  font-size: 14px;
  color: #180000;
  text-decoration: underline; }
  a:hover {
    text-decoration: underline; }

.signup-form-info-message {
  margin: 0 auto;
  padding: 13px 25px;
  border-radius: 4px;
  text-align: center;
  background: #F9EEBB;
  border: 1px solid #F1C466;
  color: #222222;
  width: 90%;
  position: relative; }
  @media all and (min-width: 992px) {
    .signup-form-info-message {
      width: 850px;
      position: absolute;
      top: 25px;
      left: 50%;
      transform: translateX(-50%); } }
  .signup-form-info-message .close {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    cursor: pointer;
    margin-left: auto; }
    .signup-form-info-message .close:after, .signup-form-info-message .close:before {
      position: absolute;
      width: 15px;
      height: 2px;
      content: '';
      background: #D1A342;
      top: 50%;
      right: 10px;
      margin-top: -1px;
      transform: rotate(-45deg); }
    .signup-form-info-message .close:before {
      background: #D1A342;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -1px;
      transform: rotate(45deg);
      cursor: pointer; }

.user-signup-container {
  display: flex;
  flex-direction: column;
  width: 500px;
  margin: 50px auto;
  background: #ffffff; }
  @media all and (min-width: 768px) {
    .user-signup-container {
      width: 500px;
      margin: 100px auto 50px; } }
  .user-signup-container .user-signup-header {
    font-weight: 300;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    background: #415B76;
    padding: 12px; }
  .user-signup-container .user-signup-form-area {
    padding: 0;
    border-left: 1px solid #C9D7DF;
    border-right: 1px solid #C9D7DF;
    border-bottom: 1px solid #C9D7DF;
    position: relative; }
    .user-signup-container .user-signup-form-area .user-signup-form-container {
      display: flex;
      flex-direction: column;
      padding: 30px;
      position: relative; }
      .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container {
        display: flex;
        flex-direction: column; 
      }
        .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper {
          width: 100%; }
          .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper label {
            font-size: 14px;
            margin-bottom: 7px;
            color: #36474F;
            display: block; }
          .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message {
            position: relative;
            padding-bottom: 35px; }
            .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea {
              border: 1px solid #C9D7DF;
              background: #ffffff;
              border-radius: 3px;
              padding: 0 10px;
              width: 100%;
              font-family: Helvetica, Arial, sans-serif;
              color: #505c63;
              font-size: 14px;
              height: 40px;
              line-height: 40px; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text]::-moz-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password]::-moz-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number]::-moz-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit]::-moz-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea::-moz-placeholder {
                color: #cccccc; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text]::-webkit-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password]::-webkit-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number]::-webkit-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit]::-webkit-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea::-webkit-input-placeholder {
                color: #cccccc; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text]:-ms-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password]:-ms-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number]:-ms-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit]:-ms-input-placeholder, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea:-ms-input-placeholder {
                color: #cccccc; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text]:focus, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text]:active, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password]:focus, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password]:active, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number]:focus, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number]:active, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit]:focus, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit]:active, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea:focus, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea:active {
                outline: none;
                border-color: #3497FF;
                -webkit-transition: border-color 0.5s ease-in-out;
                -moz-transition: border-color 0.5s ease-in-out;
                -ms-transition: border-color 0.5s ease-in-out;
                -o-transition: border-color 0.5s ease-in-out;
                transition: border-color 0.5s ease-in-out; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text].field-disable, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password].field-disable, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number].field-disable, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit].field-disable, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea.field-disable {
                background: #ECECEC;
                border-color: #C9D7DF; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=text].field-value-change, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=password].field-value-change, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=number].field-value-change, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message input[type=submit].field-value-change, .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea.field-value-change {
                padding-right: 78px;
                text-overflow: ellipsis; }
            .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message textarea {
              line-height: normal;
              height: 80px;
              resize: none;
              padding: 10px; }
            .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message .field-error-msg {
              color: #EB4C5C;
              position: absolute;
              left: 0px;
              bottom: 7px;
              font-size: 12px;
              height: 20px;
              display: none; }
            .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message .field-value-modify-button {
              text-decoration: underline;
              position: absolute;
              right: 10px;
              top: 12px; }
              .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .form-field-and-message .field-value-modify-button:hover {
                text-decoration: underline; }
          .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper .signup-button ,.signup-button{
            border: 0px;
            background: #3498DB;
            color: #ffffff;
            padding: 8px 18px;
            font-size: 14px;
            border-radius: 3px;
            margin-left: auto;
            cursor: pointer;
          }
          .signup-button + .signup-button{
            margin-left: 10px;
          }
          .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.signup-form-submit {
            display: inline-flex; }
          .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.field-error .form-field-and-message input[type=text], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.field-error .form-field-and-message input[type=password], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.field-error .form-field-and-message input[type=number], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.field-error .form-field-and-message input[type=submit], .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.field-error .form-field-and-message textarea {
            border-color: red;
            -webkit-transition: border-color 0.5s ease-in-out;
            -moz-transition: border-color 0.5s ease-in-out;
            -ms-transition: border-color 0.5s ease-in-out;
            -o-transition: border-color 0.5s ease-in-out;
            transition: border-color 0.5s ease-in-out; }
          .user-signup-container .user-signup-form-area .user-signup-form-container .user-signup-form-fields-container .user-signup-form-field-wrapper.field-error .form-field-and-message .field-error-msg {
            display: block; }
  .user-signup-container .user-signup-help {
    background: #FBFBFB;
    border: 1px solid #C9D7DF;
    border-top: 0px;
    padding: 18px 20px;
    font-size: 13px;
    text-align: center; }
    .user-signup-help div {
      display: inline;
    }
    .user-signup-container .user-signup-help a {
      padding: 0 5px;
      font-size: 13px; }
    .user-signup-container .user-signup-help .forgot-password {
      margin-left: auto;
      float: right;
      width: 50%;
      text-align: right; }
    .user-signup-container .user-signup-error-header{
      text-align: center;
    }
    .user-signup-container .user-signup-error-text{
      line-height:1.8;
      color:#333;
      padding:20px 0;
    }
    .user-signup-container .user-signup-back-button{
      background: #3498DB;
      border-radius: 2px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 300;
      padding: 10px 20px;
      position: relative;
      text-decoration: none;
      border:0 solid;
      cursor:pointer;
    }
    .user-signup-container .user-signup-heading{
      color: #3498DB;font-size: 22px;font-weight: 400;margin: 0;
    }
    .user-signup-disabled{
      padding: 40px;
      margin: 0px auto;
      background-color: #fff;
      border-radius: 4px;
      border-left: 1px solid #e9e9e9;
      border-right: 1px solid #e9e9e9;
      border-bottom: 2px solid #c7c7c7;
      margin-top: 20px;
    }
/*#   css for user_profile , invite_invalid  start*/
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;margin:0px;padding:0px;background-color:#F1F4F7;color:#333;}
.mainContainer{width:550px;margin:0px auto;background-color:#fff;border-radius:4px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:2px solid #c7c7c7;margin-top:20px;}
.textStyle2{line-height:1.8;color:#333;padding:20px 0;}
.form dd{margin:0;}
.form-center{width:450px;margin:40px auto;}
.form dl.field-container{margin-bottom:20px;}
.field-container label,.field-container-button label {display: inline-block;margin: 0 10px 0 0;text-align: right;vertical-align: top;width: 150px;}
.field-container label.portal-checkbox{text-align:left;margin-top:10px}
.field-container label.signup-checkbox{width:auto;}
.field-container input[type="text"], .field-container input[type="email"], .field-container input[type="password"], .field-container textarea {border-radius:0;border: 1px solid #d6d6d6;padding: 5px;width: 274px; height:36px;font-family:inherit;font-size:13px;}
.field-container input[type="text"]:focus,.field-container input[type="email"]:focus,.field-container input[type="password"]:focus,textarea:focus {border: 1px solid rgba(121, 187, 238, 0.75) !important;box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);outline: none;}
.field-container input[type="text"].action-field{width : 215px; padding-right: 64px;}
.field-container textarea{height:100px;}
.field-container select{height: 33px;width: 285px;border:1px solid #d6d6d6;border-radius:0;font-size:13px;font-family:arial;}
.field-container input[type="text"]:focus,.field-container input[type="email"]:focus,.field-container input[type="password"]:focus,textarea:focus {border: 1px solid rgba(121, 187, 238, 0.75) !important;box-shadow: 0 0 3px rgba(82, 168, 236, 0.5);outline: none;}
.btn.primary {border:0 solid;box-sizing: border-box;border-radius:0;cursor: pointer;display: inline-block;line-height: normal;text-align: center;vertical-align: middle;white-space: nowrap;color: #fff;font-family: inherit;font-size: 14px;padding: 8px 16px;background: #27bca8;background: -moz-linear-gradient(transparent);background: -webkit-linear-gradient(transparent);background: -ms-linear-gradient(transparent);background: -o-linear-gradient(transparent);font-weight:400;float:right;box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.14);border-radius: 3px;}
.form dl.field-container-button{margin-bottom:0;}
.field-container .captchaImg {display: block;margin-top: 20px;margin-left: 164px;}
.field-error input {background-position: 232px -145px;border-color: #eed3d7 !important;border-radius: 0 !important;box-shadow: 0 0 3px #f2dede !important;}
.field-valid input, .field-error input {padding-right: 4px !important;width: 274px !important;}
.field-msg {font-size: 11px;margin-top: 0;padding-left: 164px;width: 274px;}
.field-msg .error {background-color: #ffffff;border-color: #eed3d7;border-radius: 0 0 5px 5px;color: #f45959;display: none;margin-top: 3px;padding: 2px 5px;}
.form > .field-msg .error {border-radius: 0;color: #f45959;font-size: 13px;margin: -25px 0 12px;padding: 5px;text-align: left;}
.tabSelect{background:none repeat scroll 0 0 #fbfbfb;}
.floatLeft{float:left;}
.leftSideCol{width:200px; overflow:hidden; background:none repeat scroll 0 0 #f5f5f5; min-height:300px;}
@media (max-width:550px){
.mainContainer {padding: 20px; width: 85%;}
.form-title {font-size: 18px;margin: -20px;}
.form-center {width: 100%;}
.field-container label, .field-container-button label {display: block;text-align: left;margin-bottom:10px;}
.btn.primary{float:none;margin-top:10px;}
}
.boxInnerMsg{margin:7px 5px;font-size:13px; color:#000;}
.sucesBox{width:350px;padding:5px;background:#f1fef6;border-top:3px solid #52cc41;overflow:hidden;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-box-shadow:0 0 2px #A1BBAB;-webkit-box-shadow:0 0 2px #A1BBAB;-o-box-shadow:0 0 2px #A1BBAB;box-shadow:0 0 2px #A1BBAB;}
.instrBox{width:350px;padding:5px;background:#f5f9fe;border-top:3px solid #058fbb;overflow:hidden;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-box-shadow:0 0 2px #9AB7C1;-webkit-box-shadow:0 0 2px #9AB7C1;-o-box-shadow:0 0 2px #9AB7C1;box-shadow:0 0 2px #9AB7C1;}
.warnBox{width:350px;padding:5px;background:#fef5f5;border-top:3px solid #f21c1c;overflow:hidden;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-box-shadow:0 0 2px #BBA1A1;-webkit-box-shadow:0 0 2px #BBA1A1;-o-box-shadow:0 0 2px #BBA1A1;box-shadow:0 0 2px #BBA1A1;}
.instrIcn,.warnIcn,.sucesIcn {width:20px; height:20px;vertical-align:middle;/*background-image:url(../zimages/showCardIcon.png)*/margin:5px 8px 0 8px}
.svg-icon-20px{width:20px;height:20px;}
.signupErrorElem{padding-left: 160px;padding-top: 7px;}
.back-to-site{clear:both;padding-left: 10px;font-size: 14px;}
.back-to-site a{text-decoration:underline;}
.maincontent{padding:40px;}
.text-center {text-align:center;}
.mainContainer h2 {color: #27bca8;font-size: 22px;font-weight: 400;margin: 0;}
#signupContinueDiv{
  text-align: right;
}
/* #    css for user_profile , invite_invalid  end*/
/*# sourceMappingURL=member-portal.css.map */