/**
 * Strengthify - show the weakness of a password (uses zxcvbn for this)
 * https://github.com/MorrisJobke/strengthify
 * Version: 0.5.8
 * License: The MIT License (MIT)
 * Copyright (c) 2013-2019 Morris Jobke <morris.jobke@gmail.com>
 */
.strengthify-wrapper {
  position: relative; }

.strengthify-wrapper > * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

.strengthify-bg, .strengthify-container, .strengthify-separator {
  height: 3px; }

.strengthify-bg, .strengthify-container {
  display: block;
  position: absolute;
  width: 100%; }

.strengthify-bg {
  background-color: #BBB; }

.strengthify-separator {
  display: inline-block;
  position: absolute;
  background-color: #FFF;
  width: 1px;
  z-index: 10; }

.password-bad {
  background-color: #C33; }

.password-medium {
  background-color: #F80; }

.password-good {
  background-color: #3C3; }

div[data-strengthifyMessage] {
  padding: 3px 8px; }

.strengthify-tiles {
  float: right; }

/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
[data-element='tooltip-container'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  position: relative;
  width: 100%;
  height: auto; }

@-webkit-keyframes shake-animation {
  20% {
    -webkit-transform: translate3d(5px, 0px, 0);
            transform: translate3d(5px, 0px, 0); }
  45% {
    -webkit-transform: translate3d(-4px, 0px, 0);
            transform: translate3d(-4px, 0px, 0); }
  65% {
    -webkit-transform: translate3d(3px, 0px, 0);
            transform: translate3d(3px, 0px, 0); }
  80% {
    -webkit-transform: translate3d(-2px, 0px, 0);
            transform: translate3d(-2px, 0px, 0); }
  to {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-moz-keyframes shake-animation {
  20% {
    -moz-transform: translate3d(5px, 0px, 0);
         transform: translate3d(5px, 0px, 0); }
  45% {
    -moz-transform: translate3d(-4px, 0px, 0);
         transform: translate3d(-4px, 0px, 0); }
  65% {
    -moz-transform: translate3d(3px, 0px, 0);
         transform: translate3d(3px, 0px, 0); }
  80% {
    -moz-transform: translate3d(-2px, 0px, 0);
         transform: translate3d(-2px, 0px, 0); }
  to {
    -moz-transform: translate(0px, 0px);
         transform: translate(0px, 0px); } }

@-o-keyframes shake-animation {
  20% {
    transform: translate3d(5px, 0px, 0); }
  45% {
    transform: translate3d(-4px, 0px, 0); }
  65% {
    transform: translate3d(3px, 0px, 0); }
  80% {
    transform: translate3d(-2px, 0px, 0); }
  to {
    -o-transform: translate(0px, 0px);
       transform: translate(0px, 0px); } }

@keyframes shake-animation {
  20% {
    -webkit-transform: translate3d(5px, 0px, 0);
       -moz-transform: translate3d(5px, 0px, 0);
            transform: translate3d(5px, 0px, 0); }
  45% {
    -webkit-transform: translate3d(-4px, 0px, 0);
       -moz-transform: translate3d(-4px, 0px, 0);
            transform: translate3d(-4px, 0px, 0); }
  65% {
    -webkit-transform: translate3d(3px, 0px, 0);
       -moz-transform: translate3d(3px, 0px, 0);
            transform: translate3d(3px, 0px, 0); }
  80% {
    -webkit-transform: translate3d(-2px, 0px, 0);
       -moz-transform: translate3d(-2px, 0px, 0);
            transform: translate3d(-2px, 0px, 0); }
  to {
    -webkit-transform: translate(0px, 0px);
       -moz-transform: translate(0px, 0px);
         -o-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }
  [data-element='tooltip-container'] .password-requirements-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    position: absolute;
    width: 100%;
    max-width: 315px;
    height: auto;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 400;
    background-color: #FFFFFF;
    border: 1px solid rgba(34, 34, 34, 0.16);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0px 16px 24px rgba(34, 34, 34, 0.16);
            box-shadow: 0px 16px 24px rgba(34, 34, 34, 0.16);
    z-index: -10;
    opacity: 0;
    visivility: hidden;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    -webkit-transform: translate(0px, 0px);
       -moz-transform: translate(0px, 0px);
         -o-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
    [data-element='tooltip-container'] .password-requirements-container.shake-container {
      opacity: 1;
      visibility: visible;
      z-index: 1090;
      -webkit-animation-name: shake-animation;
         -moz-animation-name: shake-animation;
           -o-animation-name: shake-animation;
              animation-name: shake-animation;
      -webkit-animation-duration: .65s;
         -moz-animation-duration: .65s;
           -o-animation-duration: .65s;
              animation-duration: .65s;
      -webkit-animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
         -moz-animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
           -o-animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
              animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
      -webkit-animation-fill-mode: both;
         -moz-animation-fill-mode: both;
           -o-animation-fill-mode: both;
              animation-fill-mode: both; }
    [data-element='tooltip-container'] .password-requirements-container:before {
      content: '';
      display: block;
      position: absolute;
      width: 7px;
      height: 7px;
      background-color: #FFFFFF; }
    [data-element='tooltip-container'] .password-requirements-container [data-purpose='status-indicator'] {
      display: inline-block;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16px;
         -moz-box-flex: 0;
          -ms-flex: 0 0 16px;
              flex: 0 0 16px;
      width: 16px;
      height: 16px;
      margin-right: 8px;
      background-position: center;
      -o-background-size: contain;
         background-size: contain;
      background-image: url("https://img.officetimeline.com/website/Content/images/icons/red-x.svg"); }
      [data-element='tooltip-container'] .password-requirements-container [data-purpose='status-indicator'][data-status='ok'] {
        background-image: url("https://img.officetimeline.com/website/Content/images/icons/green-checkmark.svg"); }
    [data-element='tooltip-container'] .password-requirements-container .title {
      margin-bottom: 11px;
      font-weight: 600; }
    [data-element='tooltip-container'] .password-requirements-container .criterion p {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-bottom: 9px; }
    [data-element='tooltip-container'] .password-requirements-container .requirements {
      padding: 24px 16px 13px; }
    [data-element='tooltip-container'] .password-requirements-container .recommendation {
      padding: 16px 16px 24px;
      background-color: #F6F6F7;
      border-top: 1px solid rgba(34, 34, 34, 0.16); }
      [data-element='tooltip-container'] .password-requirements-container .recommendation > .title {
        margin-bottom: 7px; }
    [data-element='tooltip-container'] .password-requirements-container .requirements .criterion.checkSeries p, [data-element='tooltip-container'] .password-requirements-container .recommendation .description {
      margin-bottom: 0; }
  [data-element='tooltip-container'] .arrow__container {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px; }
    [data-element='tooltip-container'] .arrow__container--pointer {
      display: block;
      position: relative;
      width: 0;
      height: 0; }
      [data-element='tooltip-container'] .arrow__container--pointer:before {
        content: '';
        position: absolute;
        z-index: 5; }
  [data-element='tooltip-container'][data-position="right"] .password-requirements-container {
    left: -moz-calc(100% + 8px);
    left: calc(100% + 8px);
    right: auto;
    top: -moz-calc(-100% + 10px);
    top: calc(-100% + 10px); }
    [data-element='tooltip-container'][data-position="right"] .password-requirements-container .arrow__container {
      top: -moz-calc(29% - 6.5px);
      top: calc(29% - 6.5px);
      left: -7.5px; }
      [data-element='tooltip-container'][data-position="right"] .password-requirements-container .arrow__container--pointer {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 7px solid rgba(34, 34, 34, 0.16); }
        [data-element='tooltip-container'][data-position="right"] .password-requirements-container .arrow__container--pointer:before {
          top: -6px;
          left: 1px;
          bottom: auto;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-right: 7px solid #fff; }
  [data-element='tooltip-container'][data-position="left"] .password-requirements-container {
    right: -moz-calc(100% + 8px);
    right: calc(100% + 8px);
    left: auto;
    top: -moz-calc(-100% + 10px);
    top: calc(-100% + 10px); }
    [data-element='tooltip-container'][data-position="left"] .password-requirements-container .arrow__container {
      top: -moz-calc(29% - 6.5px);
      top: calc(29% - 6.5px);
      right: -13.5px; }
      [data-element='tooltip-container'][data-position="left"] .password-requirements-container .arrow__container--pointer {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 7px solid rgba(34, 34, 34, 0.16); }
        [data-element='tooltip-container'][data-position="left"] .password-requirements-container .arrow__container--pointer:before {
          top: -6px;
          right: 1px;
          bottom: auto;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          border-left: 7px solid #fff; }
  [data-element='tooltip-container'][data-position="top"] .password-requirements-container {
    right: auto;
    left: 0;
    top: auto;
    bottom: -moz-calc(100% + 8px);
    bottom: calc(100% + 8px); }
    [data-element='tooltip-container'][data-position="top"] .password-requirements-container .arrow__container {
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -13px; }
      [data-element='tooltip-container'][data-position="top"] .password-requirements-container .arrow__container--pointer {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid rgba(34, 34, 34, 0.16); }
        [data-element='tooltip-container'][data-position="top"] .password-requirements-container .arrow__container--pointer:before {
          left: -6px;
          right: auto;
          bottom: 1px;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 7px solid #fff; }
  @media screen and (max-width: 992px) {
    [data-element='tooltip-container'][data-position="right"] .password-requirements-container, [data-element='tooltip-container'][data-position="left"] .password-requirements-container {
      right: auto;
      left: 0;
      top: auto;
      bottom: -moz-calc(100% + 8px);
      bottom: calc(100% + 8px); }
      [data-element='tooltip-container'][data-position="right"] .password-requirements-container .arrow__container, [data-element='tooltip-container'][data-position="left"] .password-requirements-container .arrow__container {
        left: 0;
        right: 0;
        top: auto;
        margin: 0 auto;
        bottom: -13px; }
        [data-element='tooltip-container'][data-position="right"] .password-requirements-container .arrow__container--pointer, [data-element='tooltip-container'][data-position="left"] .password-requirements-container .arrow__container--pointer {
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 7px solid rgba(34, 34, 34, 0.16); }
          [data-element='tooltip-container'][data-position="right"] .password-requirements-container .arrow__container--pointer:before, [data-element='tooltip-container'][data-position="left"] .password-requirements-container .arrow__container--pointer:before {
            top: auto;
            left: -6px;
            right: auto;
            bottom: -5px;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 7px solid #fff; } }
  @media screen and (max-width: 1920px) {
    [data-element='tooltip-container'][data-position="right"][data-view="account"] .password-requirements-container, [data-element='tooltip-container'][data-position="left"][data-view="account"] .password-requirements-container {
      right: auto;
      left: 0;
      top: auto;
      bottom: -moz-calc(100% + 8px);
      bottom: calc(100% + 8px); }
      [data-element='tooltip-container'][data-position="right"][data-view="account"] .password-requirements-container .arrow__container, [data-element='tooltip-container'][data-position="left"][data-view="account"] .password-requirements-container .arrow__container {
        left: 0;
        right: 0;
        top: auto;
        margin: 0 auto;
        bottom: -13px; }
        [data-element='tooltip-container'][data-position="right"][data-view="account"] .password-requirements-container .arrow__container--pointer, [data-element='tooltip-container'][data-position="left"][data-view="account"] .password-requirements-container .arrow__container--pointer {
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 7px solid rgba(34, 34, 34, 0.16); }
          [data-element='tooltip-container'][data-position="right"][data-view="account"] .password-requirements-container .arrow__container--pointer:before, [data-element='tooltip-container'][data-position="left"][data-view="account"] .password-requirements-container .arrow__container--pointer:before {
            top: auto;
            left: -6px;
            right: auto;
            bottom: -5px;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 7px solid #fff; } }
  [data-element='tooltip-container'] #password:focus ~ div > .password-requirements-container,
  [data-element='tooltip-container'] #newpassword:focus ~ div > .password-requirements-container,
  [data-element='tooltip-container'] #UserAccountViewModel_ChangePassword_NewPassword:focus ~ div > .password-requirements-container {
    opacity: 1;
    visibility: visible;
    z-index: 1090; }

/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
.login form .form-group .password-strength,
.reset-password form .form-group .password-strength,
.reset-password-confirmation form .form-group .password-strength,
.account-settings form .form-group .password-strength {
  display: block;
  width: 100%; }
  .login form .form-group .password-strength .strength-notifier,
  .reset-password form .form-group .password-strength .strength-notifier,
  .reset-password-confirmation form .form-group .password-strength .strength-notifier,
  .account-settings form .form-group .password-strength .strength-notifier {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    background-color: #BBBBBB; }
    .login form .form-group .password-strength .strength-notifier > .pass-level,
    .reset-password form .form-group .password-strength .strength-notifier > .pass-level,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier > .pass-level,
    .account-settings form .form-group .password-strength .strength-notifier > .pass-level {
      background: #FFFFFF;
      width: 1px;
      height: 3px;
      z-index: 2; }
    .login form .form-group .password-strength .strength-notifier:before,
    .reset-password form .form-group .password-strength .strength-notifier:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier:before,
    .account-settings form .form-group .password-strength .strength-notifier:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      z-index: 1;
      -webkit-transition: width 0.5s ease-in-out;
      -o-transition: width 0.5s ease-in-out;
      -moz-transition: width 0.5s ease-in-out;
      transition: width 0.5s ease-in-out; }
    .login form .form-group .password-strength .strength-notifier.Weak:before, .login form .form-group .password-strength .strength-notifier.Weakest:before,
    .reset-password form .form-group .password-strength .strength-notifier.Weak:before,
    .reset-password form .form-group .password-strength .strength-notifier.Weakest:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Weak:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Weakest:before,
    .account-settings form .form-group .password-strength .strength-notifier.Weak:before,
    .account-settings form .form-group .password-strength .strength-notifier.Weakest:before {
      width: 25%;
      background-color: #C33; }
    .login form .form-group .password-strength .strength-notifier.Weak.empty-field:before, .login form .form-group .password-strength .strength-notifier.Weakest.empty-field:before,
    .reset-password form .form-group .password-strength .strength-notifier.Weak.empty-field:before,
    .reset-password form .form-group .password-strength .strength-notifier.Weakest.empty-field:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Weak.empty-field:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Weakest.empty-field:before,
    .account-settings form .form-group .password-strength .strength-notifier.Weak.empty-field:before,
    .account-settings form .form-group .password-strength .strength-notifier.Weakest.empty-field:before {
      width: 0%;
      background-color: #C33; }
    .login form .form-group .password-strength .strength-notifier.Weak.empty-field + p[data-password-text="text"], .login form .form-group .password-strength .strength-notifier.Weakest.empty-field + p[data-password-text="text"],
    .reset-password form .form-group .password-strength .strength-notifier.Weak.empty-field + p[data-password-text="text"],
    .reset-password form .form-group .password-strength .strength-notifier.Weakest.empty-field + p[data-password-text="text"],
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Weak.empty-field + p[data-password-text="text"],
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Weakest.empty-field + p[data-password-text="text"],
    .account-settings form .form-group .password-strength .strength-notifier.Weak.empty-field + p[data-password-text="text"],
    .account-settings form .form-group .password-strength .strength-notifier.Weakest.empty-field + p[data-password-text="text"] {
      opacity: 0; }
    .login form .form-group .password-strength .strength-notifier.So-so:before, .login form .form-group .password-strength .strength-notifier.Medium:before,
    .reset-password form .form-group .password-strength .strength-notifier.So-so:before,
    .reset-password form .form-group .password-strength .strength-notifier.Medium:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.So-so:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Medium:before,
    .account-settings form .form-group .password-strength .strength-notifier.So-so:before,
    .account-settings form .form-group .password-strength .strength-notifier.Medium:before {
      width: 50%;
      background-color: #F80; }
    .login form .form-group .password-strength .strength-notifier.Good:before,
    .reset-password form .form-group .password-strength .strength-notifier.Good:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Good:before,
    .account-settings form .form-group .password-strength .strength-notifier.Good:before {
      width: 75%;
      background-color: #3C3; }
    .login form .form-group .password-strength .strength-notifier.Perfect:before,
    .reset-password form .form-group .password-strength .strength-notifier.Perfect:before,
    .reset-password-confirmation form .form-group .password-strength .strength-notifier.Perfect:before,
    .account-settings form .form-group .password-strength .strength-notifier.Perfect:before {
      width: 100%;
      background-color: #349159; }
  .login form .form-group .password-strength > p[data-password-text='text'],
  .reset-password form .form-group .password-strength > p[data-password-text='text'],
  .reset-password-confirmation form .form-group .password-strength > p[data-password-text='text'],
  .account-settings form .form-group .password-strength > p[data-password-text='text'] {
    background-color: transparent;
    min-height: 32px; }

/*# sourceMappingURL=strengthify.min.css.map */