/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

.login-form:not(.locked-out) > .timer-table-body, .login-form.locked-out > tbody:not(.timer-table-body) {
  display: none;
}

.timer-table-body {
  text-align: center;
  color: var(--color-red);
  transition: var(--mode-transition) color;
}

.login-form .form-error > br {
  display: none;
}

.ui-widget-content.widget-authorization,
.ui-widget-content.widget-authorization > .block.block-block,
.ui-widget-content.widget-authorization > .block.block-block > .content,
.ui-widget-content.widget-authorization > .block.block-block > .content > form,
.ui-widget-content.widget-authorization > .block.block-block > .content > form > .login-form:not(.locked-out) {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-wrap: wrap;
}

.login-form.locked-out {
  align-self: center;
  width: 100%;
}

.login-form:not(.locked-out) > tbody {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.login-form:not(.locked-out) > tbody > tr {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
}

.login-form:not(.locked-out) > tbody > tr:nth-last-child(2) {
  flex-grow: 1;
}

.login-form:not(.locked-out) > tbody > tr:nth-last-child(2) td {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.login-form:not(.locked-out) > tbody > tr:last-child td {
  text-align: center;
  width: 100%;
}

.login-form__submit-container {
  order: 1;
  flex: 1;
  display: flex;
  margin: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.login-form__submit-container .form-error,
form > .form-error {
  margin: var(--rhythmic-unit) 0 0 0;
  padding-left: 0;
}

form > .form-error:first-child {
  margin: 0 0 var(--rhythmic-unit) 0;
  padding-left: 0;
}

.login-form__submit-container .btn {
  margin-top: var(--rhythmic-unit);
  order: 1;
}

.login-form a.forgot {
  align-self: flex-end;
}

.form-error ~ .form-button-aligner {
  display: none;
}

.form-error[style*='display:none'] ~ .form-button-aligner,
.form-error[style*='display: none'] ~ .form-button-aligner {
  display: block;
}

.login-form .create-account-link {
  display: inline-block;
  margin-top: var(--rhythmic-unit);
}