.article.widget-default-login > .margin > .padding {
  padding: 0;
  overflow: hidden;
}
.article.widget-default-login h1 {
  padding: 15px;
  margin: 0px;
}
.article.widget-default-login h1.account-info {
  display: none;
  float: none;
  width: 100%;
  max-width: 760px;
  margin: 0px auto;
}
.article.widget-default-login .form-holder {
  display: flex;
  justify-content: center;
  width: 100%;
}
.article.widget-default-login .form-holder form {
  padding: 15px;
  position: relative;
  vertical-align: top;
  width: 50%;
}
.article.widget-default-login .form-holder form::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  z-index: -1;
  border: 1px solid var(--defaultLightGrey);
}
.article.widget-default-login .form-holder .forgot-password::after,
.article.widget-default-login .form-holder .login-form::after {
  background-color: var(--defaultLightGrey);
  border: none;
}
.article.widget-default-login .form-holder fieldset {
  border: none;
  margin: 0;
  padding: 30px;
}
.article.widget-default-login .form-holder fieldset > h2 {
  display: block;
  padding-bottom: 10px;
  font-size: 20px;
}
.article.widget-default-login .form-holder fieldset .login-message {
  display: none;
  margin-bottom: 10px;
}
.article.widget-default-login .form-holder fieldset .login-message.info, .article.widget-default-login .form-holder fieldset .login-message.success, .article.widget-default-login .form-holder fieldset .login-message.error {
  display: flex;
}
.article.widget-default-login .form-holder fieldset .subtitle {
  padding-bottom: 0;
  margin-bottom: 25px;
  font-size: var(--smallerFontSize);
  line-height: 26px;
  color: #595959;
}
.article.widget-default-login .form-holder fieldset .login-row {
  width: 100%;
  padding-bottom: 10px;
  float: left;
}
.article.widget-default-login .form-holder fieldset .login-row label {
  font-size: var(--smallerFontSize);
  line-height: 26px;
  color: #595959;
}
.article.widget-default-login .form-holder fieldset .login-row.two-step-verification {
  display: none;
}
.article.widget-default-login .form-holder fieldset .login-row > .input-wrap {
  padding: 0 10px 0 10px;
}
.article.widget-default-login .form-holder fieldset .login-row > .input-wrap:first-child {
  padding-left: 0px;
}
.article.widget-default-login .form-holder fieldset .login-row > .input-wrap:last-child {
  padding-right: 0px;
}
.article.widget-default-login .form-holder fieldset .login-row > .input-wrap .input .field-error-icon i {
  display: none;
}
.article.widget-default-login .form-holder fieldset .login-row > .input-wrap > .input > input:is([type=text], [type=email], [type=password]) {
  width: 100%;
  border: 1px solid var(--defaultDarkGrey);
}
.article.widget-default-login .form-holder fieldset .submit-wrap > .login-submit-button::after,
.article.widget-default-login .form-holder fieldset .submit-wrap > .forgot-password-submit-button::after {
  content: " \f105";
  font-family: var(--fa-family-classic);
  position: relative;
  top: 1px;
}
.article.widget-default-login .form-holder .welcome {
  display: block;
  font-size: 22px;
  padding-bottom: 20px;
  font-style: italic;
  text-align: center;
}
.article.widget-default-login .form-holder .logout {
  display: block;
  text-align: center;
}
.article.widget-default-login .form-holder .logout > a {
  text-decoration: none;
}
.article.widget-default-login .form-holder .user-picture {
  background-color: #e7e7e7;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  line-height: 110px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
.article.widget-default-login .form-holder .user-picture > i {
  font-size: 40px;
  color: #a0a0a0;
}
.article.widget-default-login .form-holder .user-picture > img {
  border: solid 1px #ececec;
  border-radius: 50%;
}
.article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button::after,
.article.widget-default-login .form-holder fieldset > .submit-wrap > .go-to-create-button::after {
  content: " \f105";
  font-family: var(--fa-family-classic);
  position: relative;
  top: 1px;
}
.article.widget-default-login .form-holder .buttons {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.article.widget-default-login .form-holder .buttons .cancel {
  float: left;
  font-size: var(--smallerFontSize);
  margin-top: 8px;
  cursor: pointer;
  transition: color var(--shortTransition);
}
.article.widget-default-login .form-holder .buttons .cancel:hover {
  color: var(--defaultBlue);
}
.article.widget-default-login .form-holder fieldset > .submit-wrap > .login-submit-button,
.article.widget-default-login .form-holder fieldset > .submit-wrap > .forgot-password-submit-button {
  border: none;
  background-color: var(--defaultBlue);
  color: var(--defaultWhite);
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  width: calc(50% - 5px);
  order: 2;
  transition: background-color var(--shortTransition);
}
.article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button {
  border: none;
  background-color: var(--defaultBlue);
  color: var(--defaultWhite);
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  width: calc(50% - 5px);
  order: 2;
  transition: background-color var(--shortTransition);
}
.article.widget-default-login .form-holder fieldset > .submit-wrap > .go-to-create-button {
  border: none;
  background-color: var(--defaultBlue);
  color: var(--defaultWhite);
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  width: calc(50% - 5px);
  order: 2;
  transition: background-color var(--shortTransition);
}
.article.widget-default-login .form-holder fieldset > .submit-wrap > .login-submit-button:hover,
.article.widget-default-login .form-holder fieldset > .submit-wrap > .forgot-password-submit-button:hover {
  background-color: #064180;
}
.article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button,
.article.widget-default-login .form-holder fieldset > .submit-wrap > .go-to-create-button {
  float: right;
}
.article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button:hover,
.article.widget-default-login .form-holder fieldset > .submit-wrap > .go-to-create-button:hover {
  background-color: #064180;
}
.article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button {
  width: auto;
}
.article.widget-default-login .form-holder.pass-forgot > form.forgot-password {
  display: table-cell;
}
.article.widget-default-login .form-holder.pass-forgot > form.forgot-password .message {
  margin-bottom: 10px;
}
.article.widget-default-login .form-holder.pass-forgot > form.login-form {
  display: none;
}
.article.widget-default-login .form-holder > form .user-icon,
.article.widget-default-login .form-holder > form .mail-icon,
.article.widget-default-login .form-holder > form .password-icon {
  width: 30px;
  height: 40px;
  line-height: 34px;
  position: absolute;
  top: 3px;
  left: 2px;
  text-align: center;
}
.article.widget-default-login .form-holder > form .toggle-pass {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  color: #a0a0a0;
  font-weight: 300;
  cursor: pointer;
}
.article.widget-default-login .form-holder > form.is-company > fieldset > .login-row.company-item,
.article.widget-default-login .form-holder > form.is-company > fieldset > .login-row > .company-item {
  max-height: 400px;
  opacity: 1;
}
.article.widget-default-login .form-holder fieldset > .password-sent {
  display: none;
}
.article.widget-default-login .form-holder fieldset .login-row.input-error > label {
  color: #ff0000;
}
.article.widget-default-login .form-holder fieldset .login-row.input-error > .input-wrap > .input > input:not([type=button], [type=checkbox], [type=color], [type=file], [type=radio], [type=range], [type=reset], [type=submit]) {
  border-color: #ff0000;
}
.article.widget-default-login .form-holder fieldset .submit-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
  width: 100%;
  float: left;
  gap: 10px;
}
.article.widget-default-login .form-holder fieldset .submit-wrap > * {
  width: calc(50% - 5px);
}
.article.widget-default-login .form-holder fieldset .submit-wrap > span {
  float: left;
}
.article.widget-default-login .form-holder fieldset .submit-wrap .login-widget-show-password-forgot {
  text-align: right;
  line-height: 43px;
  order: 3;
}
.article.widget-default-login .form-holder fieldset > .login-row.company-item,
.article.widget-default-login .form-holder fieldset > .login-row > .company-item {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  opacity: 0;
}
.article.widget-default-login .form-holder fieldset > .login-row > .account-type > .checkbox-clone {
  left: 0;
}
.article.widget-default-login .form-holder fieldset > .login-row > .account-type > label {
  margin-left: 25px;
}
.article.widget-default-login .submit-wrap .login-submit-button::after,
.article.widget-default-login .submit-wrap .new-account-submit-button::after,
.article.widget-default-login .submit-wrap .go-to-create-button::after,
.article.widget-default-login .submit-wrap .forgot-password-submit-button::after {
  padding-left: 2px;
}
.article.widget-default-login .login-widget-show-password-forgot,
.article.widget-default-login .login-widget-show-login,
.article.widget-default-login .submit-wrap .back-to-form {
  font-size: var(--smallerFontSize);
  line-height: 24px;
  cursor: pointer;
}
.article.widget-default-login .login-widget-show-login {
  line-height: 42px;
  float: right;
}
.article.widget-default-login .login-widget-show-login:hover {
  color: #003f82;
}
.article.widget-default-login .login-widget-show-password-forgot {
  float: right;
}
.article.widget-default-login form.forgot-password {
  display: none;
}
.article.widget-default-login .login-form .input-wrap .input input,
.article.widget-default-login .login-register .input-wrap .input input,
.article.widget-default-login .forgot-password .input-wrap .input input {
  padding: 5px 40px 5px 5px;
}
.article.widget-default-login .create-account {
  display: none;
  float: none;
  width: 100%;
  max-width: 760px;
  margin: 0px auto;
}
.article.widget-default-login .create-account .message {
  padding: 0px;
}
.article.widget-default-login .create-account .message.success, .article.widget-default-login .create-account .message.error {
  margin-bottom: 20px;
  padding: 13px 20px;
}
.article.widget-default-login .create-account::after {
  display: none;
}
.article.widget-default-login .create-account fieldset {
  border: 1px solid var(--defaultDarkGrey);
  margin-bottom: 25px;
}
.article.widget-default-login .create-account .postcode-check-error {
  display: none;
  position: absolute;
  top: 11px;
  right: 5px;
  color: #c95456;
}
.article.widget-default-login .create-account .postcode-check-success {
  display: none;
  position: absolute;
  top: 11px;
  right: 5px;
  color: #c95456;
  color: #51a455;
}
.article.widget-default-login .login-passkey-button {
  border: 1px solid #e8ede8;
  background-color: #fff;
  color: #0065c6;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  width: calc(50% - 5px);
  order: 1;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
}
.article.widget-default-login .login-passkey-button:hover {
  background-color: #f5f5f5;
  border-color: #0065c6;
}
.article.widget-default-login .login-passkey-button i {
  margin-right: 5px;
}

.row:not(:has(.shoppingCart-wrap)) .article.widget-default-login .form-holder fieldset > .submit-wrap > .back-to-form {
  display: none;
}

/* Grade A */
/* Grade B */
@media (max-width: 991px) {
  .article.widget-default-login {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .article.widget-default-login .form-holder fieldset > .login-row > .input-wrap > .input {
    padding-bottom: 0px;
  }
  .article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button {
    width: 100%;
  }
}
/* Grade C */
@media (max-width: 767px) {
  .article.widget-default-login .form-holder {
    flex-direction: column;
  }
  .article.widget-default-login .form-holder.pass-forgot > form.forgot-password,
  .article.widget-default-login .form-holder > form,
  .article.widget-default-login .form-holder fieldset > .submit-wrap > span {
    width: 100%;
  }
  .article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button,
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .go-to-create-button {
    min-width: 100%;
  }
  .article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button {
    margin-top: 10px;
  }
  .article.widget-default-login .form-holder .buttons .cancel {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .article.widget-default-login .forgot-password .login-options > div {
    width: 100%;
    text-align: center;
  }
  .article.widget-default-login .login-widget-show-login {
    float: none;
  }
}
/* Grade D */
@media (max-width: 479px) {
  .article.widget-default-login .form-holder .buttons > .submit-wrap > .new-account-submit-button {
    width: 100%;
  }
  .article.widget-default-login .form-holder fieldset > .submit-wrap {
    width: 100%;
  }
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .back-to-form,
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .login-submit-button,
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .forgot-password-submit-button,
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .login-passkey-button,
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .go-to-create-button {
    width: 100%;
  }
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .login-widget-show-password-forgot {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .back-to-form {
    order: 3;
    text-align: center;
    margin-top: 20px;
  }
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .login-options {
    width: 100%;
    text-align: center;
  }
  .article.widget-default-login .form-holder fieldset > .submit-wrap > .login-options div:first-of-type {
    padding: 10px 0;
  }
  .article.widget-default-login .submit-wrap .login-submit-button::after,
  .article.widget-default-login .submit-wrap .new-account-submit-button::after,
  .article.widget-default-login .submit-wrap .forgot-password-submit-button::after {
    padding-left: 10px;
  }
}

/*# sourceMappingURL=defaultLogin.css.map */