body.theme-fresk.pagelayout-login#page-login-signup:not(#page-login-forgot_password) {
  #page {
    background-color: var(--fresk-dm-surface, #fff);
    background-image: none;
    margin-top: 0;
    padding-top: 0;
    #page-content {
      margin-top: 0;
      #region-main-box {
        #region-main {
          box-shadow: none !important;
          background: none !important;
          .login-wrapper {
            display: flex;
            align-items: center;
            justify-content: center !important;
            height: 100%;
          }
          .login-container {
            box-shadow: none;
            width: 580px !important;
            .signupform {
              >h1 {
                margin-bottom: 20px;
                font-weight: 700;
              }
            }

            fieldset.collapsible {
              .icons-collapse-expand {
                color: var(--fresk-primary-text);
                background-color: var(--fresk-dm-surface-recessed, #f1f1f1) !important;
                &:hover {
                  outline: 2px solid var(--fresk-primary-ui);
                }
              }
            }

            .form-check {
              input:checked[type="checkbox"] {
                background-color: var(--fresk-primary);
                border-color: var(--fresk-primary-ui);
              }
            }
          }
        }
      }
    }
  }
  #dateselector-calendar-content {
    background: var(--fresk-dm-surface, white);
    border: 1px solid var(--fresk-primary-ui);
    tbody, thead, td, tr, th {
      border: none !important;
    }
    td {
      &:hover {
        border-radius: 4px;
        background: transparent;
        outline: 1px solid var(--fresk-primary-ui);
        color: var(--fresk-primary-text);
      }
      &[aria-selected="true"] {
        background: var(--fresk-primary);
        color: var(--fresk-dm-primary-contrast, #fff);
        border-radius: 4px;
      }
    }
  }
}

body.theme-fresk#page-login-forgot_password {
  @include fresk-m503 {
    #page div[role="main"] {
      height: 100%;
    }
    .login-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
    .login-container {
      background-color: var(--fresk-dm-surface, #{$white});
      padding: 3rem;
      margin-bottom: 2rem;
      min-width: 0;
      max-width: 100%;
      @include media-breakpoint-down(sm) {
        padding: 1.25rem;
      }
      @include border-radius();
      h1.login-heading {
        font-size: $h2-font-size;
      }
      h2.login-heading {
        font-size: $h4-font-size;
      }
      .login-divider {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        border-top: $border-width solid var(--fresk-dm-border, #{$border-color});
      }
    }
  }
  #page {
    background-color: var(--fresk-dm-surface, #fff);
    background-image: none;
    #region-main {
      background: transparent !important;
      box-shadow: none !important;
      .login-container {
        box-shadow: none;
        width: 700px !important;
      }
    }
  }
}
body.theme-fresk#page-login-forgot_password .login-container {
    min-width: 0;
    max-width: 100%;
    @include media-breakpoint-down(sm) {
        padding: 1.25rem;
    }
}