.messages.messages--error {
  display: none;
}

.login-popup-form + div.ajax-progress-throbber {
  display: none !important;
}

.reset-pass-popup-form + div.ajax-progress-throbber {
  display: none !important;
}

.login-ajax-modal {
  border: unset !important;
  border-radius: 8px;
  background: var(--spottherare-bg, #FFF);
}

.login-ajax-modal .ui-dialog-titlebar {
  background-color: unset !important;
  border: unset !important;
}

.login-ajax-modal .ui-dialog-titlebar-close {
  background-image: url('../images/close_modal.png') !important;
  width: 40px;
  height: 40px;
}

.login-ajax-modal .ajax-user-login-form {
  padding: 0 30px 30px;
}

.head-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.head-label .label {
  color: var(--spottherare-main-color, #FF2D34);
  text-align: center;
  font-family: Futura PT, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 450;
  line-height: 130%;
}

.head-label .description {
  color: var(--spottherare-body-text, #121212);
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.result-message-wapper {
  display: flex;
  padding: 10px 20px;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  border-radius: 4px;
  background: var(--primary-10, #FFF1F2);
  margin: 35px 0px;
}

.result-message-wapper .text {
  color: var(--spottherare-main-color, #FF2D34);
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  align-self: stretch;
}

.form-item-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
  margin-top: 40px;
}

.form-item-name label {
  color: var(--spottherare-body-text, #121212);
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: unset !important;
  padding-top: 15px;
}

.form-item-name label:after {
  color: var(--spottherare-main-color, #FF2D34);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.form-item-name input {
  display: flex;
  height: 40px;
  padding: 0 10px;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--neutral-30, #999);
  background: #FFF;
  margin-top: unset !important;
}

.form-item-pass {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  align-self: stretch;
}

.form-item-pass label {
  color: var(--spottherare-body-text, #121212);
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: unset !important;
}

.form-item-pass label:after {
  color: var(--spottherare-main-color, #FF2D34);
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.form-item-pass input {
  display: flex;
  height: 40px;
  padding: 0 10px;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--neutral-30, #999);
  background: #FFF;
  margin-top: unset !important;
}
.js-form-item {
  position: relative;
}
.password-icon-login {
  position: absolute;
  right: 10px;
  top: 65%; 
  transform: translateY(-50%);
  cursor: pointer;
  width: 28px;
  height: 18px;
}

.password-icon-login.icon-eye-slash {
  background-image: url(../images/eye-slash.png);
}

.password-icon-login.icon-eye-open {
  background-image: url(../images/eye.png) !important;
}

.login-ajax-modal .form-submit {
  display: flex;
  margin-left: unset !important;
  height: 40px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: var(--spottherare-main-color, #FF2D34);
  color: #FFF;
  text-align: center;
  font-family: Futura PT, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%;
  text-transform: uppercase;
  width: 100%;
  margin-top: 25px;
}

.login-ajax-modal .form-submit:after {
  content: '' !important;
  border-bottom: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
  height: 10px !important;
  width: 10px !important;
  margin-left: 8px !important;
}

.login-ajax-modal .form-submit:hover {
  color: #FFF;
  background: var(--spottherare-main-color, #FF2D34);
}

.btn-link-reset-pass {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  text-align: right;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
  padding-top: 20px;
  color: #0056b3 !important;
  text-decoration: underline;
}

.padding-link {
  margin: 12px 0;
  display: block;
  overflow: hidden;
}

.padding-link hr {
  width: calc(50% - 19px);
  float: left;
  border-color: #999;
}

.padding-link p {
  float: left;
  margin: 2px 0 0;
  padding: 0 10px;
}

.btn-link-register {
  display: flex;
  height: 40px;
  padding: 15px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--neutral-30, #999);
  background: var(--spottherare-bg, #FFF);
  color: var(--spottherare-body-text, #121212);
  text-align: center;
  font-family: Futura PT, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%;
  text-transform: uppercase;
}

.btn-link-register:after {
  content: '';
  border-bottom: 2px solid #121212;
  border-right: 2px solid #121212;
  transform: rotate(-45deg);
  height: 10px;
  width: 10px;
}

.btn-link-register:hover {
  color: var(--spottherare-body-text, #121212) !important;
  text-decoration: unset !important;
}

@media screen and (max-width: 767px) {
  .login-ajax-modal .ajax-user-login-form {
    padding: 0px 20px 40px 20px;
  }
  .login-ajax-modal {
    top: 20% !important;
  }
}