/*THIS IS A GENERATED FILE. DO NOT EDIT.*/
/*THIS IS A GENERATED FILE. DO NOT EDIT.*/
/*THIS IS A GENERATED FILE. DO NOT EDIT.*/
.account-container {
  font-size: 14px;
  position: relative;
  margin: 0 auto;
  padding: 10px; }
  .account-container img {
    max-width: 100%; }

.welcome-message {
  width: 300px;
  margin: 20px auto;
  text-align: center; }

.account {
  margin: 0 auto;
  max-width: 300px;
  background-color: #f7f7f7;
  padding: 20px 0; }
  .account .text {
    border: 2px solid #808080;
    padding: 6px;
    width: 95%; }
  .account .account div {
    padding: 8px 0; }
  .account .remember-me {
    font-size: 12px;
    margin-bottom: 15px;
    text-align: center; }
  .account .login-form-wrapper {
    width: 250px;
    margin: 0 auto; }
  .account .forgot {
    padding: 0;
    text-align: center; }
  .account .checkbox {
    display: inline;
    cursor: pointer; }
  .account .select-identity-provider-link {
    width: 240px;
    margin: 20px auto 0 auto;
    text-align: center; }
  .account .hidden-text {
    display: none; }
  .account .signin-field {
    margin-bottom: 20px; }
    .account .signin-field label {
      display: block;
      padding: 6px 0; }
    .account .signin-field input {
      display: block;
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      border: 1px solid #c0c0c0;
      padding: 8px;
      font-size: 16px; }
    @media (min-width: 640px) {
      .account .signin-field input {
        font-size: 12px; } }
  .account #loginSubmit {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 35px;
    margin-bottom: 20px;
    float: left;
    clear: both;
    background-color: #7a7a7a;
    color: white;
    cursor: pointer; }
  .account .with-errors .signin-field {
    color: #B94A48; }
    .account .with-errors .signin-field label {
      border-color: #B94A48; }
    .account .with-errors .signin-field input {
      color: #B94A48;
      border-color: #B94A48; }

.forgot-password .account {
  padding: 20px; }
  .forgot-password .account input, .forgot-password .account button {
    margin: 10px 0; }

.change-password {
  font-size: 12px; }
  .change-password .signin-field label {
    font-size: 12px;
    float: left;
    border: none;
    padding: 6px 0;
    border-radius: 0; }
  .change-password .signin-field.last {
    margin-bottom: 10px; }
  .change-password .tf-account-text-line {
    margin-bottom: 20px; }
  .change-password #signin-invited-submit {
    margin-bottom: 0; }
  .change-password #change-submit {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 35px;
    margin: 30px 0 0;
    background-color: #7a7a7a;
    color: white;
    cursor: pointer; }

.localization-links {
  margin: 10px auto;
  max-width: 340px;
  display: none; }
  .localization-links ul {
    text-align: center; }

.localization-links-mobile {
  margin: 10px;
  text-align: center; }
  .localization-links-mobile .localization-list {
    width: 100px;
    font-size: 16px; }

.formInput {
  border: 1px solid #7a7a7a !important; }

.error {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  background-color: #f7dbcc;
  border-color: #d65200;
  color: #d65200; }

@media (min-width: 440px) {
  .account-container {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 20%; }
  .localization-links-mobile {
    display: none; }
  .localization-links {
    display: block; } }

@media (min-width: 1200px) {
  .account-container {
    margin-top: 200px; } }