.authCorePanel {
          overflow-y: auto;
          overflow-x: hidden;
          justify-content: stretch;
          flex-direction: column
      }

      .authDividerPrimary {
          border-radius: 0;
          height: 1px;
          border: none;
          border-width: 1px;
          display: block;
          background: rgba(0, 0, 0, .2)
      }

      .authDividerLight {
          border-radius: 0;
          height: 1px;
          border: none;
          border-width: 1px;
          display: block;
          background: rgba(0, 0, 0, .1)
      }

      .authDividerLighter {
          border-radius: 0;
          height: 1px;
          border: none;
          border-width: 1px;
          display: block;
          background: rgba(0, 0, 0, .05)
      }

      .authLoginDividerTop {
          margin: .95rem 0 1.45rem 0
      }

      .authLoginDividerBottom {
          margin: 0;
          margin-bottom: .875rem
      }

      .authHeaderContainer {
          display: flex;
          overflow: hidden;
          justify-content: space-between;
          flex: 0 0 auto
      }

      .authHeaderContainer__text {
          width: 243px;
          font-weight: 700;
          word-break: break-word;
          word-wrap: break-word
      }

      .authHeaderContainer__logo {
          height: 1rem;
          width: 3.813rem;
          padding-top: .25rem
      }

      .authHeaderContainer__logo path {
          fill: #0060e6
      }

      .authTextButton {
          display: inline-flex;
          padding: .625rem .25rem;
          cursor: pointer;
          position: relative;
          left: -5px;
          border-radius: 4px;
          text-decoration: none;
          align-items: center
      }

      .authTextButton:hover .authTextButton__label,
      .authTextButton:focus .authTextButton__label {
          text-decoration: underline;
          color: #004cb8
      }

      .authTextButton:focus:is(:focus-visible) {
          box-shadow: 0 0 0 3px #0060e6
      }

      .authTextButton:active .authTextButton__label {
          color: #00398a;
          text-decoration: underline
      }

      .authTextButton:hover .authTextButton__icon path,
      .authTextButton:focus .authTextButton__icon path {
          fill: #004cb8
      }

      .authTextButton:active .authTextButton__icon path {
          fill: #00398a
      }

      .authTextButton__text {
          display: flex
      }

      .authTextButton__icon {
          margin-right: .25rem;
          width: 1.5rem;
          height: 1.5rem;
          display: block;
          cursor: pointer;
          flex-shrink: 0
      }

      .authTextButton__icon path {
          fill: #001c44;
          cursor: pointer
      }

      .authTextButton__icon svg {
          cursor: pointer
      }

      .authTextButton__label {
          max-width: 100%;
          cursor: pointer;
          font-weight: 600;
          color: #001c44;
          text-decoration: none
      }

      .authTextButton:after {
          content: "";
          min-height: inherit;
          font-size: 0
      }

      .authFooter {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          flex: 0 0 auto
      }

      .authFooter__nav {
          display: flex;
          align-items: center;
          height: 1.5rem
      }

      @media screen and (max-width: 399px) {
          .authFooter__nav {
              padding: 0 5px 15px 5px
          }
      }

      .authButtonLeft:not(:focus)::before {
          content: " ";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 10px 0 10px;
          border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
          position: absolute;
          bottom: 2.1rem;
          z-index: 9999;
          left: 1.1rem;
          display: none
      }

      .authButtonLeftVisible:not(:focus)::before {
          display: block
      }

      .authButtonPrimary {
          position: relative;
          width: 100%;
          cursor: pointer;
          box-sizing: border-box;
          border-radius: 4px;
          border: none;
          display: inline-flex;
          align-items: center;
          outline: none;
          margin: 0;
          background: #0060e6;
          color: #fff;
          border-radius: 4px;
          height: 3rem
      }

      .authButtonPrimary svg,
      .authButtonPrimary path {
          cursor: pointer
      }

      .authButtonPrimary .authButtonLabel {
          letter-spacing: 0;
          line-height: 1.5rem;
          margin-bottom: unset;
          font-weight: 600;
          font-size: .875rem;
          text-transform: uppercase;
          letter-spacing: .05rem;
          vertical-align: middle
      }

      .authButtonPrimary .authButtonLabel:hover {
          cursor: pointer
      }

      .authButtonPrimary .authButtonIcon {
          flex-shrink: 0;
          height: 24px;
          width: 24px;
          color: #fff
      }

      .authButtonPrimary .authButtonIcon path:last-child {
          fill: #fff
      }

      .authButtonPrimary.iconOnly {
          margin: .25rem;
          display: inline-flex;
          width: 3rem;
          height: 3rem;
          justify-content: center
      }

      .authButtonPrimary.labelOnly {
          margin: .25rem;
          padding: .25rem 1rem .25rem 1rem
      }

      .authButtonPrimary:not(.iconOnly):not(.labelOnly) {
          padding: .25rem .75rem .25rem 1rem
      }

      .authButtonPrimary .authButtonSpacing {
          flex: 1;
          width: 1rem
      }

      .authButtonPrimary {
          box-shadow: 0 0 0 5px rgba(0, 0, 0, 0)
      }

      .authButtonPrimary:focus:not(:active) {
          box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #0060e6
      }

      .authButtonPrimary:hover:not(:disabled) {
          background: #004cb8;
          border-radius: 4px
      }

      .authButtonPrimary:hover:not(:disabled) .authButtonLabel {
          background: #004cb8;
          color: #fff !important
      }

      .authButtonPrimary:hover:not(:disabled) .authButtonIcon {
          color: #fff !important
      }

      .authButtonPrimary:active:not(:disabled),
      .authButtonPrimary:active:not(:disabled) .authButtonLabel,
      .authButtonPrimary:active:not(:disabled) .authButtonIcon {
          background: #00398a;
          position: relative;
          top: 0;
          left: 0
      }

      .authButtonPrimary:focus:not(:disabled):not(:active) {
          background: #004cb8
      }

      .authButtonPrimary:disabled {
          background: #000;
          opacity: .2;
          text-decoration: none;
          cursor: not-allowed
      }

      .authButtonPrimary:disabled .authButtonLabel {
          cursor: not-allowed
      }

      .authButtonPrimary .authButtonLabel {
          color: #fff
      }

      .authButtonSecondary {
          position: relative;
          width: 100%;
          cursor: pointer;
          box-sizing: border-box;
          border-radius: 4px;
          border: none;
          display: inline-flex;
          align-items: center;
          outline: none;
          margin: 0;
          background: #fff;
          color: #001c44;
          border-radius: 4px;
          border: 1px solid #919191;
          height: 3rem;
          outline: none;
          outline-width: 0
      }

      .authButtonSecondary svg,
      .authButtonSecondary path {
          cursor: pointer
      }

      .authButtonSecondary .authButtonLabel {
          letter-spacing: 0;
          line-height: 1.5rem;
          margin-bottom: unset;
          font-weight: 600;
          font-size: .875rem;
          text-transform: uppercase;
          letter-spacing: .05rem;
          vertical-align: middle
      }

      .authButtonSecondary .authButtonLabel:hover {
          cursor: pointer
      }

      .authButtonSecondary .authButtonIcon {
          flex-shrink: 0;
          height: 24px;
          width: 24px;
          color: #fff
      }

      .authButtonSecondary .authButtonIcon path:last-child {
          fill: #fff
      }

      .authButtonSecondary.iconOnly {
          margin: .25rem;
          display: inline-flex;
          width: 3rem;
          height: 3rem;
          justify-content: center
      }

      .authButtonSecondary.labelOnly {
          margin: .25rem;
          padding: .25rem 1rem .25rem 1rem
      }

      .authButtonSecondary:not(.iconOnly):not(.labelOnly) {
          padding: .25rem .75rem .25rem 1rem
      }

      .authButtonSecondary .authButtonSpacing {
          flex: 1;
          width: 1rem
      }

      .authButtonSecondary .authButtonIcon {
          flex-shrink: 0;
          height: 24px;
          width: 24px;
          color: #001c44
      }

      .authButtonSecondary .authButtonIcon path:last-child {
          fill: #001c44
      }

      .authButtonSecondary:not(.iconOnly):not(.labelOnly):hover,
      .authButtonSecondary:not(.iconOnly):not(.labelOnly):focus,
      .authButtonSecondary:not(.iconOnly):not(.labelOnly):disabled {
          padding: .25rem 10px .25rem 1rem
      }

      .authButtonSecondary:hover:not(:disabled):not(:active):not(.iconOnly) .authButtonIcon,
      .authButtonSecondary:hover:not(:disabled):not(:active):not(.iconOnly) .authButtonLabel {
          position: relative;
          right: 1px
      }

      .authButtonSecondary:hover:not(:disabled) {
          border: 2px solid #0060e6
      }

      .authButtonSecondary:hover:not(:disabled) .authButtonLabel,
      .authButtonSecondary:hover:not(:disabled) .authButtonIcon {
          color: #0060e6
      }

      .authButtonSecondary:hover:not(:disabled) .authButtonLabel path,
      .authButtonSecondary:hover:not(:disabled) .authButtonIcon path {
          fill: #0060e6
      }

      .authButtonSecondary:active:not(:disabled) {
          border: 2px solid #00398a
      }

      .authButtonSecondary:active:not(:disabled) .authButtonLabel,
      .authButtonSecondary:active:not(:disabled) .authButtonIcon {
          color: #00398a
      }

      .authButtonSecondary {
          box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0)
      }

      .authButtonSecondary:focus:not(:active) {
          box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #0060e6;
          border: 2px solid #0060e6 !important
      }

      @supports(-moz-appearance: none) {
          .authButtonSecondary {
              height: 49px
          }
      }

      .authButtonSecondary:focus:not(:disabled):not(.iconOnly) .authButtonIcon,
      .authButtonSecondary:focus:not(:disabled):not(.iconOnly) .authButtonLabel {
          position: relative;
          right: 1px
      }

      .authButtonSecondary:focus:not(:active) .authButtonLabel,
      .authButtonSecondary:focus:not(:active) .authButtonIcon {
          color: #0060e6
      }

      .authButtonSecondary:focus:not(:active) .authButtonLabel path,
      .authButtonSecondary:focus:not(:active) .authButtonIcon path {
          fill: #0060e6
      }

      .authButtonSecondary:disabled {
          border: 1px solid rgba(0, 0, 0, .2);
          color: rgba(0, 0, 0, .4);
          text-decoration: none;
          cursor: not-allowed
      }

      .authButtonSecondary:disabled .authButtonLabel {
          cursor: not-allowed
      }

      .authButtonSecondary .authButtonLabel {
          color: #001c44
      }

      .authIconButton {
          border: 0;
          background: rgba(0, 0, 0, 0);
          margin: 0
      }

      .authIconButton svg,
      .authIconButton path {
          cursor: pointer
      }

      .authButtonLeftMargin {
          margin-left: 2rem
      }

      .authUserSection {
          flex: 0 0 auto
      }

      .authUserSection__input {
          width: 100%;
          max-width: 100%;
          min-width: 200px;
          display: inline-block
      }

      .authUserSection__input[defaultlanguage^="DA / DK"] {
          visibility: hidden;
          pointer-events: none;
          position: absolute
      }

      .authUserSection__input[defaultlanguage^="DA / DK"] input {
          visibility: hidden
      }

      .authUserSection__input[defaultlanguage^="DA / DK"] .authUserSection__hideBtn {
          visibility: hidden
      }

      .authUserSection__input[defaultlanguage^="DA /ﾠDK"] {
          display: none;
          pointer-events: none;
          position: absolute
      }

      .authUserSection__input[defaultlanguage^="DA /ﾠDK"] input {
          visibility: hidden
      }

      .authUserSection__input[defaultlanguage^="DA /ﾠDK"] .authUserSection__hideBtn {
          visibility: hidden
      }

      .authUserSection__input[defaultlanguage^="DAﾠ/ﾠDK"] {
          visibility: visible;
          display: block;
          pointer-events: all
      }

      .authUserSection__input[defaultlanguage^="DAﾠ/ﾠDK"]:disabled {
          opacity: .2;
          pointer-events: none
      }

      .authUserSection__hideBtn {
          cursor: pointer;
          position: absolute;
          margin-top: 12px;
          right: 12px
      }

      .authUserSection__hideBtn:hover {
          color: #0060e6
      }

      .authUserSection__hideBtn:active,
      .authUserSection__hideBtn:focus {
          color: #0060e6;
          border: .1875rem solid #0060e6;
          border-radius: .4375rem;
          padding: .125rem;
          top: 28px;
          right: 7px
      }

      .authUserSection__userId {
          display: inline-block;
          border-radius: .25rem;
          outline: none;
          height: 3rem;
          width: 100%;
          padding: 0 3.8rem 0 .9375rem;
          font-weight: 500 !important;
          letter-spacing: 0;
          border: 1px solid #919191;
          box-sizing: border-box;
          margin-bottom: 1rem;
          caret-color: #0060e6
      }

      .authUserSection__userId:hover,
      .authUserSection__userId:active,
      .authUserSection__userId:focus {
          border: 2px solid #0060e6;
          background: #fff;
          position: relative;
      }

      .authUserSection__userId:hover:not(:focus) {
          position: relative;
          opacity: 1
      }

      .authUserSection__userId:-ms-input-placeholder {
          font-weight: 500 !important;
          color: #333 !important;
          opacity: 1
      }

      .authUserSection__userId::placeholder {
          font-weight: 500 !important;
          color: #333 !important;
          opacity: 1
      }

      .authUserSection__userId:-ms-input-placeholder {
          font-weight: 500 !important;
          color: #333 !important
      }

      .authUserSection__userId::-ms-input-placeholder {
          font-weight: 500 !important;
          color: #333 !important
      }

      .authUserSection__userId::-ms-clear,
      .authUserSection__userId::-ms-reveal {
          display: none
      }

      .authUserSection__userId:focus {
          background: rgba(0, 96, 230, .05) !important;
          border: 2px solid #0060e6 !important;
          position: relative;
      }

      .authButtonPrimary {
          margin-bottom: .5rem;
          color: #fff
      }

      .authButtonPrimary[showicontext^="Icon Help Text"] {
          visibility: hidden;
          pointer-events: none;
          position: absolute;
          width: 0;
          height: 0
      }

      .authButtonPrimary[showicontext^="Icon Help Text"] * {
          visibility: hidden
      }

      .authButtonPrimary[showicontext^="Icon HelpﾠText"] {
          display: none;
          pointer-events: none;
          position: absolute
      }

      .authButtonPrimary[showicontext^="Icon HelpﾠText"] * {
          visibility: hidden
      }

      .authButtonPrimary[showicontext^=IconﾠHelpﾠText] {
          display: inline-flex;
          visibility: visible;
          pointer-events: all
      }

      .authButtonPrimary[showicontext^=IconﾠHelpﾠText]:disabled {
          display: inline-flex;
          opacity: .2
      }

      .authIconAuth {
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background-repeat: no-repeat;
          position: relative;
          top: 7px
      }

      .authIconMarginRight {
          margin-right: 8px
      }

      .authLink {
          display: inline-flex;
          cursor: pointer;
          position: relative;
          left: -5px;
          border-radius: 4px;
          text-decoration: none;
          min-height: 1.5rem;
          padding: 0 .25rem;
          padding-left: 2.188rem
      }

      .authLink:hover .authLink__label,
      .authLink:focus .authLink__label {
          text-decoration: underline;
          color: #004cb8
      }

      .authLink:focus:is(:focus-visible) {
          box-shadow: 0 0 0 3px #0060e6
      }

      .authLink:active .authLink__label {
          color: #00398a;
          text-decoration: underline
      }

      .authLink:hover .authLink__icon>path,
      .authLink:focus .authLink__icon>path {
          fill: #004cb8
      }

      .authLink:hover .authLink__icon>g path:last-child,
      .authLink:focus .authLink__icon>g path:last-child {
          fill: #004cb8
      }

      .authLink:active .authLink__icon>path {
          fill: #00398a
      }

      .authLink:active .authLink__icon>g path:last-child {
          fill: #00398a
      }

      .authLink__icon {
          margin-right: 0;
          position: absolute;
          top: .8px;
          left: 2px;
          height: 1.5rem;
          width: 1.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer
      }

      .authLink__icon svg {
          cursor: pointer
      }

      .authLink__icon>path {
          fill: #0060e6;
          cursor: pointer
      }

      .authLink__icon>g path:last-child {
          fill: #0060e6
      }

      .authLink__label {
          max-width: 100%;
          cursor: pointer;
          font-weight: 600;
          color: #0060e6;
          text-decoration: none;
          letter-spacing: .2px;
          word-break: break-word;
          word-wrap: break-word
      }

      .authLink:after {
          content: "";
          min-height: inherit;
          font-size: 0
      }

      .authLinkVerticalAlign {
          margin-left: .25rem;
          color: #0060e6
      }

      .authLinkVerticalAlign .authTextButton__icon {
          margin-right: .438rem
      }

      .authLinkVerticalAlign .authTextButton__icon>path {
          fill: #0060e6
      }

      .authLinkVerticalAlign .authTextButton__icon>g path:last-child {
          fill: #0060e6
      }

      .authTooltipWrapper {
          width: 100%
      }

      .authTooltipWrapper--contextHelp {
          position: absolute;
          left: .125rem;
          top: 10rem
      }

      .authTooltipWrapper--labeltextleft h2,
      .authTooltipWrapper--iconandlabeltextleft h2,
      .authTooltipWrapper--headertextcentered h2 {
          margin: 0 auto
      }

      .authTooltipWrapper--labeltextleft i {
          display: none
      }

      .authTooltipWrapper--headertextcentered .authTooltipWrapper__label {
          display: flex;
          padding-bottom: 1.5rem
      }

      .authTooltipWrapper--headertextcentered .authTooltipWrapper__label h2 {
          width: 100%;
          font-size: 1.25rem;
          line-height: 1.75rem;
          text-align: center;
          text-transform: none
      }

      .authTooltipWrapper--headertextcentered .authTooltipWrapper__label i {
          display: none
      }

      .authTooltipWrapper__label {
          display: inline-flex;
          align-items: center;
      }

      .authTooltipWrapper__text {
          font-weight: 600;
          font-size: .875rem;
          line-height: 1.5rem;
          text-transform: uppercase;
          letter-spacing: .2px
      }

      .authTooltipWrapper__textTooltip {
          font-weight: 600 !important;
          font-size: .875rem !important;
          line-height: 1.5rem !important;
          text-transform: uppercase !important;
          letter-spacing: .2px !important
      }

      .authIconTooltip:hover path,
      .authIconTooltip:focus path {
          fill: #0060e6
      }

      .authIconTooltip:active path {
          fill: #00398a
      }

      .authIconTooltip:focus:is(:focus-visible) svg {
          background-color: #fff;
          border-radius: .25rem;
          box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #0060e6
      }

      .authIconTooltip {
          -webkit-appearance: none;
          appearance: none;
          width: 2.625rem;
          cursor: pointer;
          overflow: visible;
          background-color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: rgba(0, 0, 0, 0)
      }

      .authIconTooltip svg {
          height: 1rem;
          width: 1rem;
          cursor: pointer
      }

      .authIconTooltip path {
          fill: #001c44;
          cursor: pointer
      }

      .authCloseButton {
          display: block
      }

      .authCloseButton button {
          width: 2.75rem;
          height: 2.75rem;
          padding: 0;
          box-sizing: content-box;
          outline: none;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer
      }

      .authCloseButton button svg {
          height: 24px;
          width: 24px
      }

      .authCloseButton button svg path {
          fill: #001c44
      }

      .authCloseButton button:hover svg path {
          fill: #004cb8
      }

      .authCloseButton button:active path {
          fill: #00398a
      }

      .authCloseButton button:focus:is(:focus-visible) svg {
          border: 3px solid #0060e6;
          border-radius: 4px
      }

      .authCloseButton button:focus:is(:focus-visible) svg path {
          fill: #004cb8
      }

      .authCloseButtonCorner {
          position: absolute;
          top: -8px;
          right: 0
      }

      .authOverlay {
          position: absolute;
          top: 0px;
          left: -0.313rem;
          right: -0.313rem;
          bottom: 0px;
          background-color: rgba(255, 255, 255, .6);
          z-index: 2
      }

      .authCoreTooltip {
          color: #333;
          font-size: 1rem;
          left: 4px;
          letter-spacing: 0px;
          line-height: 1.5rem;
          font-weight: 400;
          font-style: normal;
          position: relative;
          padding: 0;
          text-decoration: none;
          color: #000;
          list-style: none;
          text-align: left;
          letter-spacing: 0px;
          z-index: 2000;
          display: block
      }

      .authCoreTooltip__content {
          position: absolute;
          left: -4px;
          right: 4px;
          background-color: #fff;
          border-radius: 4px;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
          z-index: 1000;
          overflow: hidden
      }

      .authCoreTooltip__info {
          left: -6px;
          right: 6px
      }

      .authCoreTooltip .authCoreTooltip__header {
          display: flex;
          justify-content: space-between;
          margin: .5rem 0 .5rem 1rem;
          position: relative
      }

      .authCoreTooltip .authCoreTooltip__header h2 {
          margin: .438rem 0 0 0;
          max-width: 266px
      }

      .authCoreTooltip__text {
          margin: 0 2rem 1rem 1rem;
          display: block
      }

      .authCoreTooltip__link {
          display: block;
          position: relative;
          top: .313rem
      }

      .authCoreTooltipMinimizedMode {
          display: flex;
          align-items: flex-end;
          justify-content: center;
          margin-top: 3.75rem
      }

      #authenticatorDescription strong {
          font-weight: bold
      }

      .authCoreAuthenticator {
          display: flex;
          flex-direction: column;
          justify-content: stretch;
          height: 100%
      }

      .authCoreAuthenticator__iframe {
          height: 100%;
          border: none;
          width: 104%;
          left: -0.4375rem;
          position: relative;
          flex: 1 1 auto
      }

      .authCoreAuthenticator__iframe:focus {
          outline: none
      }

      .authCoreAuthenticator__header {
          flex: 0 0 auto
      }

      .authAuthenticatorsList {
          display: block
      }

      .authAuthenticatorsList__list {
          background-color: #fff;
          border: 1px solid #979797;
          border-radius: 4px;
          padding: 0;
          margin: 0 0 16px 0;
          display: block
      }

      .authAuthenticatorsList__item {
          margin: 0;
          width: 100%;
          display: flex;
          align-items: center;
          color: #001c44;
          background-color: #fff;
          padding: 0 0 0 1rem;
          border: 2px solid rgba(0, 0, 0, 0) !important;
          box-sizing: border-box;
          cursor: pointer
      }

      .authAuthenticatorsList__item:nth-child(1),
      .authAuthenticatorsList__item:last-of-type {
          border-radius: 3px
      }

      .authAuthenticatorsList__item::-moz-focus-inner {
          border: 0
      }

      .authAuthenticatorsList__item:active span {
          position: relative;
          top: 0
      }

      .authAuthenticatorsList__item i {
          position: relative;
          top: 0;
          margin-right: .5rem;
          font-style: normal;
          outline: none
      }

      .authAuthenticatorsList__item:nth-child(1) {
          border-radius: 4px 4px 0 0
      }

      .authAuthenticatorsList__item:last-of-type {
          border-radius: 0 0 4px 4px
      }

      .authAuthenticatorsList__item:hover {
          background-color: #f2f7fe
      }

      .authAuthenticatorsList__item:hover .authAuthenticatorsList__name {
          color: #0060e6
      }

      .authAuthenticatorsList__item:hover path {
          fill: #0060e6
      }

      .authAuthenticatorsList__item:active span {
          position: relative;
          top: 0
      }

      .authAuthenticatorsList__item:focus {
          outline: none;
          background-color: #f2f7fe;
          box-shadow: 0 2px #0060e6 inset, 0 -2px #0060e6 inset, -2px 0 #0060e6 inset, 2px 0 #0060e6 inset
      }

      .authAuthenticatorsList__item:focus path {
          fill: #0060e6
      }

      .authAuthenticatorsList__item:focus .authAuthenticatorsList__name {
          color: #0060e6
      }

      .authAuthenticatorsList__name {
          font-weight: 600;
          padding: 10px 0;
          max-width: 272px;
          cursor: pointer
      }

      .authAuthenticatorsList__name:nth-of-type(1):not(:last-child):after {
          content: "+";
          font-size: 1rem;
          position: relative;
          padding-left: 4px;
          padding-right: 4px
      }

      .authAuthenticatorsListSelected {
          background-color: #00398a !important;
          border-radius: 0;
          box-shadow: -1px 0 0 0 #00398a, 1px 0 0 0 #00398a;
          cursor: default
      }

      .authAuthenticatorsListSelected .authAuthenticatorsList__name {
          color: #fff
      }

      .authAuthenticatorsListSelected path {
          fill: #fff !important
      }

      .authAuthenticatorsListSelected:nth-child(1) {
          border-radius: 4px 4px 0 0;
          box-shadow: 0 -1px #00398a, -1px 0 #00398a, 1px 0 #00398a
      }

      .authAuthenticatorsListSelected:last-of-type {
          border-radius: 0 0 4px 4px;
          box-shadow: -1px 0 #00398a, 1px 0 #00398a, -1px 1px #00398a, 1px 1px #00398a
      }

      .authAuthenticatorsListSelected:last-of-type:active span {
          position: relative;
          top: 0
      }

      .authAuthenticatorsListSelected:hover .authAuthenticatorsList__name {
          color: #fff;
          cursor: default
      }

      .authAuthenticatorsListSelected:focus {
          box-shadow: 0 -2px #fff inset, -2px 0 #fff inset, 2px 0 #fff inset, -1px 1px #00398a, 1px 1px #00398a, -1px -1px #00398a, 1px -1px #00398a, 0 2px 0 0 #fff inset
      }

      .authAuthenticatorsListSelected:focus .authAuthenticatorsList__name {
          color: #fff
      }

      .authAuthenticatorsListSelected:focus:nth-child(1) {
          border-radius: 4px 4px 0 0;
          box-shadow: 0 2px #fff inset, 0 -2px #fff inset, -2px 0 #fff inset, 2px 0 #fff inset, -1px 1px #00398a, 0 -1px #00398a, -1px 0 #00398a, 1px 1px #00398a
      }

      .authAuthenticatorsListSelected:focus:last-of-type {
          border-radius: 0 0 4px 4px;
          box-shadow: 0 2px #fff inset, 0 -2px #fff inset, -2px 0 #fff inset, 2px 0 #fff inset, -1px 1px #00398a, 1px 1px #00398a, -1px -1px #00398a, 1px -1px #00398a
      }

      .authCoreReferenceText {
          margin-bottom: 1.5rem;
          flex: 0 0 auto;
          display: block
      }

      .authCheckbox {
          -webkit-appearance: none;
          appearance: none;
          display: block;
          position: relative;
          padding-left: 2.188rem;
          max-width: 300px;
          cursor: pointer;
          margin-top: .5rem
      }

      .authCheckbox__label {
          overflow: hidden;
          display: block;
          cursor: pointer;
          font-weight: 600;
          color: #001c44;
          word-break: break-word;
          word-wrap: break-word
      }

      .authCheckbox__input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 1.5rem;
          width: 1.5rem;
          top: 0;
          left: 0
      }

      .authCheckbox__checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 1.5rem;
          width: 1.5rem;
          background-repeat: no-repeat;
          background-position: center;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer
      }

      .authCheckbox__checker {
          width: 18px;
          height: 18px;
          display: block;
          border: #001c44 solid 2px;
          border-radius: 3px;
          box-sizing: border-box;
          cursor: pointer
      }

      .authCheckbox__input:checked~.authCheckbox__checkmark>.authCheckbox__checker {
          border-color: #0060e6
      }

      .authCheckbox__input:focus~.authCheckbox__checkmark {
          box-shadow: 0 0 0 3px #0060e6;
          border-radius: 4px
      }

      .authCheckbox__input:not(:checked):focus~.authCheckbox__checkmark>.authCheckbox__checker {
          border-color: #0060e6
      }

      .authCheckbox__input:checked~.authCheckbox__checkmark>.authCheckbox__checker {
          position: relative;
          background-size: 18px 18px;
          border: none !important;
          background-color: #0060e6
      }

      .authCheckbox__input:checked~.authCheckbox__checkmark>.authCheckbox__checker::after {
          content: " ";
          transform-origin: left top;
          border-right: 2px solid #fff;
          border-top: 2px solid #fff;
          left: 2px;
          top: 9px;
          height: 10px;
          width: 5px;
          position: absolute;
          transform: scaleX(-1) rotate(135deg)
      }

      .authCheckbox:hover .authCheckbox__input:not(:checked)~.authCheckbox__checkmark>.authCheckbox__checker {
          border-color: #0060e6
      }

      .authCheckboxNoMargin {
          margin: 0
      }

      .authCoreTerms {
          display: flex;
          flex-direction: column;
          height: 100%;
          justify-content: stretch;
          position: relative
      }

      .authCoreTerms__summary {
          z-index: 1
      }

      .authCoreTerms__content p {
          display: block;
          margin-top: .313rem
      }

      .authCoreTerms__actions {
          margin: 1.5rem 0;
          min-height: 5.5rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between
      }

      .authCoreTerms__continue {
          height: 3.85rem
      }

      .authCoreTerms__label {
          overflow: hidden;
          display: block;
          font-weight: 600;
          color: #001c44
      }

      .authNotification {
          height: 100%
      }

      .authNotification__content {
          padding: 16px 16px 12px 56px;
          position: relative;
          margin-bottom: 1rem;
          display: block;
          overflow: hidden
      }

      .authNotificationInfo {
          background-color: #f2f7fe;
          border: 1px solid rgba(0, 96, 230, .2)
      }

      .authNotificationInfo:before {
          content: " ";
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath fill='%230060e6' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3e%3c/svg%3e");
          position: absolute;
          display: block;
          width: 24px;
          height: 24px;
          left: 16px;
          float: left
      }

      .authNotificationInfo:before path {
          fill: #0060e6
      }

      .authNotificationWarning {
          background-color: #fffbf2;
          border: 1px solid rgba(254, 171, 0, .2)
      }

      .authNotificationWarning:before {
          content: " ";
          background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' version='1.1' viewBox='0 0 64 64'%3e%3ctitle%3eF7BD9E59-0FBF-4F1C-98E3-A2E0D17E6185%401.00x%3c/title%3e%3cg id='Components' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3e%3cg id='Iconography' transform='translate(-357.000000%2c -914.000000)'%3e%3cg id='checkbox-/-01-enabled' transform='translate(357.000000%2c 914.000000)'%3e%3cg id='notification'%3e%3cg id='icon'%3e%3cg id='icons/alert/error_outline'%3e%3cg id='error'%3e%3crect id='%23' width='24' height='24' x='0' y='0'/%3e%3cpath id='Shape' fill='%23FEAB00' d='M32%2c5.33333333 C17.28%2c5.33333333 5.33333333%2c17.28 5.33333333%2c32 C5.33333333%2c46.72 17.28%2c58.6666667 32%2c58.6666667 C46.72%2c58.6666667 58.6666667%2c46.72 58.6666667%2c32 C58.6666667%2c17.28 46.72%2c5.33333333 32%2c5.33333333 Z'/%3e%3cpath id='Path' fill='black' d='M32%2c34.6666667 C30.5333333%2c34.6666667 29.3333333%2c33.4666667 29.3333333%2c32 L29.3333333%2c21.3333333 C29.3333333%2c19.8666667 30.5333333%2c18.6666667 32%2c18.6666667 C33.4666667%2c18.6666667 34.6666667%2c19.8666667 34.6666667%2c21.3333333 L34.6666667%2c32 C34.6666667%2c33.4666667 33.4666667%2c34.6666667 32%2c34.6666667 Z'/%3e%3cpolygon id='Path' fill='black' points='34.6666667 45.3333333 29.3333333 45.3333333 29.3333333 40 34.6666667 40'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
          position: absolute;
          display: block;
          width: 24px;
          height: 24px;
          left: 16px;
          float: left
      }

      .authNotificationError {
          background-color: #fdf2f2;
          border: 1px solid rgba(218, 0, 0, .2)
      }

      .authNotificationError:before {
          content: " ";
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath fill='%23da0000' fill-rule='evenodd' d='M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z'/%3e%3c/svg%3e");
          position: absolute;
          display: block;
          width: 24px;
          height: 24px;
          left: 16px;
          float: left
      }

      .authNotification__message,
      .authNotification__support {
          display: block
      }

      .authCoreSection,
      .authCoreSection__helpContext {
          flex: 1 1 auto;
          display: flex;
          flex-direction: column;
          position: relative
      }

      .authCheckboxUserId {
          margin-bottom: 1.1rem;
          margin-top: 2rem
      }

      .authCoreSwitch {
          display: flex;
          align-items: center
      }

      @media screen and (max-width: 399px) {
          .authCoreSwitch {
              margin-left: .313rem
          }
      }

      .authCoreContent {
          width: 100%;
          margin: 0;
          position: relative;
          display: flex;
          flex-direction: column;
          box-sizing: content-box;
          z-index: 1;
          flex: 1 0 auto;
          justify-content: stretch
      }

      .authSpinner {
          position: absolute;
          height: 5px;
          width: 100%;
          left: 0;
          top: 0;
          overflow: hidden;
          z-index: 100;
          display: block
      }

      .authSpinner__spin {
          background-color: #0060e6;
          width: 225px;
          height: 4px;
          position: relative;
          animation-name: spinnerAnimation;
          animation-duration: 2s;
          animation-iteration-count: infinite;
          display: block
      }

      @keyframes spinnerAnimation {
          0% {
              left: -225px;
              top: 0px
          }

          100% {
              left: 100%;
              top: 0px
          }
      }

      .authCoreHelp {
          position: absolute;
          z-index: 1000;
          background-color: #fff;
          border-radius: 4px;
          box-shadow: 0 5px 14px 3px rgba(0, 0, 0, .2);
          bottom: 2rem;
          padding: .5rem .5rem .5rem 1rem;
          width: 336px;
          box-sizing: border-box;
          left: -2px
      }

      @media screen and (max-width: 399px) {
          .authCoreHelp {
              bottom: 44px
          }
      }

      .authCoreHelp .authDividerLight,
      .authCoreHelp .authDividerPrimary {
          max-width: 19rem;
          margin: .5rem 0
      }

      .authCoreHelp__header {
          display: flex;
          align-items: center;
          height: 2.5rem
      }

      .authCoreHelp__header .authCoreHelp__headerText {
          flex: 1 1 100%;
          margin: 0
      }

      .authCoreHelp__menu {
          padding: 0;
          margin: 0;
          list-style: none;
          display: inline-block;
          width: 100%;
          height: 100%
      }

      .authCoreHelp__menuItem {
          flex: 1;
          margin: 0;
          padding: .5625rem 1.5rem .5625rem 0;
          display: flex;
          align-items: center
      }

      .authCoreHelp__linkDivider {
          margin-top: .5rem;
          margin-bottom: .438rem
      }

      @media screen and (max-width: 399px) {
          .authCoreHelp {
              width: 97%;
              margin: 0 5px;
              min-width: 266px
          }
      }

      .authCoreFinalize {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          flex-direction: column;
          flex: 1 1 auto
      }

      .authCoreFinalize__logo {
          height: 24px;
          position: relative;
          width: 62px;
          margin-bottom: 24px
      }

      .authCoreFinalize__logoSvg {
          position: absolute;
          left: -85px;
          top: -20px;
          height: 62px;
          width: 234px;
          transform: scale(0.26)
      }

      .authCoreFinalize__logoSvg path {
          fill: #0060e6
      }

      .authCoreFinalize__shield {
          position: absolute;
          width: 100px;
          height: 117px
      }

      .authCoreFinalize__shield path {
          fill: #0060e6
      }

      .authCoreFinalize__state {
          position: relative;
          margin-bottom: 24px;
          height: 120px;
          width: 100px;
          display: block
      }

      .authCoreFinalize__title {
          font-size: 1.25rem;
          font-weight: 700;
          line-height: 1.75rem;
          display: block;
          text-align: center;
          height: 60px
      }

      .authCoreFinalize__done:after {
          opacity: 0;
          height: 34px;
          width: 14px;
          transform-origin: left top;
          border-right: 4px solid #fff;
          border-top: 4px solid #fff;
          content: "";
          left: 32px;
          top: 55px;
          position: absolute;
          animation-duration: 800ms;
          animation-delay: 100ms;
          animation-timing-function: ease-in;
          animation-name: checkmarkAnim;
          animation-fill-mode: forwards;
          transform: scaleX(-1) rotate(135deg)
      }

      @keyframes checkmarkAnim {
          0% {
              height: 0;
              width: 0;
              opacity: 1
          }

          20% {
              height: 0;
              width: 14px;
              opacity: 1
          }

          35% {
              height: 34px;
              width: 14px;
              opacity: 1
          }

          100% {
              height: 34px;
              width: 14px;
              opacity: 1
          }
      }