@import url('./font.css');
@import url('./adfs.css');
@import url("./default.css");
@import url('./two-auth.css');


:root {
  /* Global variables */
  --login-body-background-color: #F1F6F7;
  --login-panel-width: 458px;

  --login-message-color: #ffffff;
  --login-message-error-color: #ffffff;
  --login-message-font-size: 1rem;

  /* Default Panel vairables */
  --login-panel-background-color: #007685;
  --login-panel-color: #ffffff;
  --login-panel-box-shadow: none;
  --login-panel-border: none;
  --login-panel-border-color: none;
  --login-panel-border-radius: 0.25rem;
  --login-panel-email-icon-display: none;
  --login-panel-logo-background-image: url("https://nsr.se/wp-content/uploads/2020/04/nsr-logotype.svg");
  --login-panel-logo-width: 16rem;
  --login-panel-logo-height: 4rem;
  --login-panel-padding: 2.25rem 2rem;

  --login-panel-title-color: #ffffff;
  --login-panel-title-font-size: 1.5rem;
  --login-panel-title-font-weight: 600;

  --login-panel-description-font-size: 1.125rem;
  --login-panel-description-font-weight: 400;

  --login-panel-button-background: #DEC74C;
  --login-panel-button-border: 1px solid transparent;
  --login-panel-button-border-radius: 0.5rem;
  --login-panel-button-color: #262626;
  --login-panel-button-font-size: 1.125rem;
  --login-panel-button-font-weight: 600;
  --login-panel-button-hover-background: #D1B626;
  --login-panel-button-hover-color: #262626;
  --login-panel-button-login-padding: 1.5rem 0;
  --login-panel-button-margin: 1.875rem;
  --login-panel-button-padding: 1rem 2.5rem;

  --login-panel-link-button-hover-color: #ffffff;

  --login-panel-divider-background-color: #ffffff;
  --login-panel-divider-text-padding: 0 1rem;
  --login-panel-divider-text-background-color: var(--login-panel-background-color, #add8e6);
  --login-panel-divider-text-color: var(--login-panel-color, #262626);
  --login-panel-divider-text-font-size: 1.125rem;
  --login-panel-divider-text-transform: lowercase;

  --login-panel-link-color: #ffffff;
  --login-panel-link-text-decoration: underline;
  --login-panel-link-hover-color:  #ffffff;
  --login-panel-link-hover-text-decoration: underline;
  --login-panel-link-font-size: 1.125rem;
  --login-panel-link-font-weight: 500;

  --login-panel-nav-color: #565D65;
  --login-panel-nav-hover-color:  #565D65;
  --login-panel-nav-font-weight: 400;
  --login-panel-nav-padding: 0;
  --login-panel-nav-margin: 1rem 0;
  --login-panel-nav-text-decoration: underline;
  --login-panel-nav-font-size: 0.875rem;

  --login-panel-label-color: #ffffff;
  --login-panel-label-font-size: 1.125rem;

  --login-panel-nav-color-alternate: #ffffff;

  --login-panel-set-up-methods-label: #ffffff;

  --login-panel-input-background-color: #ffffff;
  --login-panel-input-border: 1px solid rgba(0, 118, 133, 0.3);
  --login-panel-input-color: #262626;
  --login-panel-input-border-radius: 0.125rem;
  --login-panel-input-font-size: 1rem;
  --login-panel-input-min-height: 2rem;
  --login-panel-input-padding: 1rem;

  --login-panel-hide-pw-color: #007685;
  --login-panel-hide-pw-padding: 0.5rem;
  --login-panel-hide-pw-size: 3rem;
  --login-panel-hide-pw-position-right: 1px;

   --login-panel-resend-button-background: none;
  --login-panel-resend-button-color: #ffffff;
  --login-panel-resend-button-font-size: 1.125rem;
  --login-panel-resend-button-font-weight: 500;
  --login-panel-resend-button-text-decoration: underline;
  --login-panel-resend-button-padding: 0;
  --login-panel-resend-button-border: none;

  /* Back to blog */
  --login-panel-backtoblog-display: block;

}

@media (prefers-color-scheme: dark) {
  :root {
  }
}