/*==============
    FONTS
==============*/
/*==============
    COLORS
==============*/
/*==============
    Z-INDEXES
==============*/
/*==============
    FLEXBOX
==============*/
body.embedded .center-container {
  margin: 15px;
  padding: 10px;
  width: 310px;
  display: flex;
  letter-spacing: normal; }
  body.embedded .center-container .logo {
    display: none; }
  body.embedded .center-container .embedded-logo {
    display: block;
    height: 28px;
    width: 113px;
    float: right; }
  body.embedded .center-container button {
    background: #5caf8e;
    border: 1px solid #5caf8e;
    width: 166px;
    height: 28px;
    padding: 0;
    float: left;
    margin-top: 0;
    letter-spacing: normal; }
    body.embedded .center-container button:hover {
      background: #50a281;
      border-color: #50a281;
      cursor: pointer; }
    body.embedded .center-container button:disabled {
      cursor: not-allowed !important;
      border: 1px solid #e1e1e1;
      background-color: #e1e1e1; }
      body.embedded .center-container button:disabled:hover {
        border: 1px solid #e1e1e1;
        background-color: #e1e1e1; }
  body.embedded .center-container input[type="text"],
  body.embedded .center-container input[type="password"] {
    height: 28px; }
  body.embedded .center-container input[type="checkbox"] {
    width: 14px;
    height: 14px; }
  body.embedded .center-container form {
    height: 100%; }
    body.embedded .center-container form fieldset {
      margin: 0;
      font-size: 12px;
      height: 100%;
      position: relative; }
      body.embedded .center-container form fieldset ul {
        margin: 0 0 7px 0; }
        body.embedded .center-container form fieldset ul li {
          margin-bottom: 3px; }
          body.embedded .center-container form fieldset ul li.li-password .password-hints {
            left: 144px;
            top: -60px;
            font-size: 8px;
            z-index: 500;
            width: 152px; }
            body.embedded .center-container form fieldset ul li.li-password .password-hints ul {
              padding: 4px 0 0 14px;
              text-indent: -5px; }
              body.embedded .center-container form fieldset ul li.li-password .password-hints ul li {
                font-size: 10px; }
            body.embedded .center-container form fieldset ul li.li-password .password-hints .password-pointer {
              left: -7px;
              top: 85px;
              box-shadow: -3px 1px 2px -1px #dadada; }
          body.embedded .center-container form fieldset ul li.li-password .password-hints:after {
            left: 0px;
            top: 82px;
            width: 10px; }
  body.embedded .center-container .embedded-notification {
    display: none;
    top: 0;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow: visible;
    pointer-events: none;
    z-index: 1000;
    color: #428bca;
    margin-bottom: 5px; }
    body.embedded .center-container .embedded-notification__inline {
      height: auto; }
    body.embedded .center-container .embedded-notification__full-page {
      position: absolute;
      height: 100%;
      background-color: white; }
    body.embedded .center-container .embedded-notification .fa {
      align-self: normal;
      padding-right: 2px; }
    body.embedded .center-container .embedded-notification.success {
      color: #5caf8e; }
    body.embedded .center-container .embedded-notification.warning {
      color: #e6bb38; }
    body.embedded .center-container .embedded-notification.error {
      color: #e6484d; }
    body.embedded .center-container .embedded-notification__icon {
      color: #fff;
      width: 87px;
      height: 100%;
      padding: 10px 25px;
      border-radius: 3px 0 0 3px;
      display: flex;
      align-items: center;
      background-color: #428bca; }
      body.embedded .center-container .embedded-notification__icon i {
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto; }
      body.embedded .center-container .embedded-notification__icon__error {
        background-color: #e6484d; }
      body.embedded .center-container .embedded-notification__icon__warning {
        background-color: #e6bb38; }
      body.embedded .center-container .embedded-notification__icon__success {
        background-color: #5caf8e; }
    body.embedded .center-container .embedded-notification__content {
      padding: 16px 10px;
      display: flex;
      flex-direction: column;
      width: 100%;
      position: relative; }
      body.embedded .center-container .embedded-notification__content .title {
        /*color: $brand-blue;*/
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: -20px; }
      body.embedded .center-container .embedded-notification__content .text {
        color: #777777;
        font-size: 12px;
        line-height: 20px; }
    body.embedded .center-container .embedded-notification p {
      font-size: 12px;
      height: auto;
      margin: 0; }
    body.embedded .center-container .embedded-notification .info__icon {
      background-color: #428bca;
      color: #fff;
      width: 87px;
      height: 100%;
      padding: 10px 25px;
      border-radius: 3px 0 0 3px;
      display: flex;
      align-items: center; }
      body.embedded .center-container .embedded-notification .info__icon i {
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto; }
    body.embedded .center-container .embedded-notification .info__content {
      padding: 16px 10px;
      display: flex;
      flex-direction: column;
      width: 100%;
      position: relative; }
      body.embedded .center-container .embedded-notification .info__content .title {
        color: #428bca;
        font-size: 16px;
        font-family: Roboto Medium, Arial, Verdana, sans-serif;
        margin-bottom: 10px;
        margin-top: -20px; }
      body.embedded .center-container .embedded-notification .info__content .text {
        color: #777777;
        font-size: 12px;
        font-family: Roboto Regular, Arial, Verdana, sans-serif;
        line-height: 20px; }
    body.embedded .center-container .embedded-notification #info-close-icon {
      position: absolute;
      right: 6px;
      top: 6px;
      color: #aaaaaa;
      cursor: pointer;
      pointer-events: all;
      z-index: 1001; }
  body.embedded .center-container #form-title {
    margin: 5px 0 7px 0; }
  body.embedded .center-container .button-logo-container {
    height: 28px; }
  body.embedded .center-container .embedded-sign-in-container {
    display: block; }
  body.embedded .center-container .page-container {
    width: 100%; }

body.embedded .error-page, body.embedded .login-page, body.embedded .verify-page, body.embedded .verify-twofactor-page, body.embedded .reset-password-page, body.embedded .forgot-password-page {
  height: 220px; }

body.embedded .login-page .page-footer, body.embedded .verify-twofactor-page .page-footer {
  width: 100%;
  position: absolute;
  bottom: 0; }

body.embedded .verify-page .button-logo-container, body.embedded .forgot-password-page .button-logo-container, body.embedded .reset-password-page .button-logo-container {
  width: 100%;
  position: absolute;
  bottom: 0; }

body.embedded .error-page {
  top: 0;
  padding: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  body.embedded .error-page__icon {
    background-color: #e6484d;
    color: #fff;
    width: 87px;
    padding: 10px 25px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center; }
    body.embedded .error-page__icon i {
      font-size: 30px;
      margin-left: auto;
      margin-right: auto; }
  body.embedded .error-page__content {
    padding: 10px;
    width: 100%;
    position: relative; }
  body.embedded .error-page__title {
    font-size: 16px;
    color: #e6484d;
    margin: 7px 0 8px 0; }
  body.embedded .error-page__text {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 17px; }
  body.embedded .error-page #error-return-link {
    text-align: left; }
  body.embedded .error-page .embedded-logo-container {
    position: absolute;
    right: 10px;
    bottom: 10px; }

body.embedded .signup-page {
  font-size: 12px; }
  body.embedded .signup-page #embedded-signup-account-exists {
    display: block; }
  body.embedded .signup-page #signup-create-new-title {
    margin: 5px 0 7px 0;
    font-size: 14px; }
  body.embedded .signup-page #signup-organizational-details-note {
    font-size: 12px; }

body.embedded .login-page .embedded-sign-up-container {
  display: block;
  float: right;
  margin-top: 2px; }

body.embedded .login-page .rememberme-container {
  display: none; }

body.embedded .login-page .embedded-rememberme-container {
  display: block;
  margin-bottom: 3px; }

body.embedded .login-page .reset-password-container {
  margin-top: 2px; }

body.embedded .login-page .embedded-external-login-container {
  width: 76px;
  display: block;
  margin: 0 12px 0 10px; }

body.embedded .login-page .button-external-logo-container {
  display: inline-flex; }
  body.embedded .login-page .button-external-logo-container button {
    width: 80px; }

body.embedded .verify-page #embedded-no-user-email {
  display: inline; }

body.embedded .verify-page .verification-code-resend > a {
  color: #5caf8e; }

body.embedded .verify-twofactor-page .fa.validation-checkmark {
  left: 270px;
  top: 25px; }

body.embedded .verify-twofactor-page .rememberbrowser-container {
  margin-bottom: 3px; }

body.embedded .verify-twofactor-page .button-logo-container {
  position: relative; }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.woff"), url("../fonts/Roboto-Regular.ttf"); }

@font-face {
  font-family: 'Roboto Medium';
  src: url("../fonts/Roboto-Medium.eot");
  src: url("../fonts/Roboto-Medium.woff"), url("../fonts/Roboto-Medium.ttf"); }

/*==============
    FONTS
==============*/
/*==============
    COLORS
==============*/
/*==============
    Z-INDEXES
==============*/
/*==============
    FLEXBOX
==============*/
/*==============
    FONTS
==============*/
/*==============
    COLORS
==============*/
/*==============
    Z-INDEXES
==============*/
/*==============
    FLEXBOX
==============*/
.notification {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  padding: 133px 20px 20px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  pointer-events: none;
  z-index: 1000;
  letter-spacing: 0; }
  .notification .fa.fa-check {
    color: #fff; }
  .notification__item {
    background-color: #fff;
    margin-bottom: 20px;
    pointer-events: all;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    max-width: 350px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 350px;
    color: #777777;
    box-shadow: 1px 0 15px 1px #dadada;
    border-radius: 3px; }
  .notification__icon {
    background-color: #428bca;
    color: #fff;
    font-size: 32px;
    height: auto;
    width: 87px;
    padding: 10px 25px;
    border-radius: 3px 0 0 3px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center; }
    .notification__icon i {
      font-size: 30px;
      margin-left: auto;
      margin-right: auto; }
    .notification__icon.success {
      background-color: #5caf8e; }
    .notification__icon.warning {
      background-color: #e6bb38; }
    .notification__icon.error {
      background-color: #e6484d; }
  .notification__content {
    padding: 16px 10px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
    width: 100%;
    position: relative; }
    .notification__content .fa.fa-times {
      position: absolute;
      right: 6px;
      top: 6px;
      color: #aaaaaa;
      cursor: pointer; }
  .notification__title {
    font-size: 16px;
    color: #000;
    font-family: Roboto Medium, Arial, Verdana, sans-serif;
    margin-bottom: 5px; }
    .notification__title.error {
      color: #e6484d; }
    .notification__title.success {
      color: #5caf8e; }
    .notification__title.warning {
      color: #e6bb38; }
    .notification__title.info {
      color: #428bca; }
  .notification__text {
    font-size: 12px;
    color: #777777;
    font-family: Roboto Regular, Arial, Verdana, sans-serif;
    line-height: 20px; }
  .notification button {
    margin: 10px 0 0 6px;
    font-size: 12px;
    font-family: Roboto Regular, Arial, Verdana, sans-serif; }
    .notification button.secondary {
      border: 1px solid #ccc;
      background-color: #fff;
      color: #428bca; }
      .notification button.secondary:hover {
        color: #3980c0;
        background-color: #fff;
        border: 1px solid #3980c0; }
      .notification button.secondary:disabled {
        cursor: not-allowed !important;
        border: 1px solid #e1e1e1;
        background-color: #e1e1e1; }
        .notification button.secondary:disabled:hover {
          border: 1px solid #e1e1e1;
          background-color: #e1e1e1; }
  .notification__confirm {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center; }
    .notification__confirm button {
      width: 90px;
      cursor: pointer; }
  .notification__yesnocancel {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center; }
    .notification__yesnocancel button {
      cursor: pointer;
      width: 75px; }

.input-validation-error {
  border-color: #e6484d; }

.fa.validation-checkmark {
  top: 26px;
  left: calc(100% - 18px);
  display: none;
  color: green;
  display: none;
  position: absolute; }

.valid {
  border-color: green; }

.validation-summary-errors {
  color: #E6484D;
  border: 1px solid #E6484D;
  background: #FFF6F7;
  padding: 0 10px;
  border-radius: 3px; }
  .validation-summary-errors ul {
    list-style: none;
    padding-left: 0; }
    .validation-summary-errors ul li {
      text-align: center; }

span.field-validation-error {
  color: #e6484d;
  margin-top: 2px;
  display: inline-block; }

* {
  box-sizing: border-box; }

body {
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #777777;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  letter-spacing: 0.5px; }
  body:not(.embedded) {
    background-color: #f7f7f7; }

input {
  border-radius: 3px;
  border: 1px solid #dadada;
  padding: 7px;
  color: #777;
  transition: all .15s ease;
  font-size: 12px; }
  input:focus {
    border-color: #0099cc; }

a {
  color: #428bca; }
  a:active, a:hover {
    color: #428bca; }

input[type="checkbox"] {
  width: auto;
  vertical-align: middle;
  margin-left: 2px; }
  input[type="checkbox"] + label {
    vertical-align: middle; }

button {
  color: #fff;
  border: 1px solid #428bca;
  background: #428bca;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .9px;
  padding: 7px;
  border-radius: 3px;
  transition: all 0.15s ease-in-out; }
  button.secondary {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #428bca; }
    button.secondary:hover {
      color: #3980c0;
      background-color: #fff;
      border: 1px solid #3980c0; }
    button.secondary:disabled {
      cursor: not-allowed !important;
      border: 1px solid #e1e1e1;
      background-color: #e1e1e1; }
      button.secondary:disabled:hover {
        border: 1px solid #e1e1e1;
        background-color: #e1e1e1; }
  button:hover {
    background: #337bb9;
    border-color: #337bb9;
    cursor: pointer; }
  button:focus {
    border-color: #0099cc;
    box-shadow: 0 0 5px 0 #0099cc;
    outline: 0; }
  button:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor: not-allowed; }
  button.secondary {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #428bca; }
    button.secondary:hover {
      color: #3980c0;
      background-color: #fff;
      border: 1px solid #3980c0; }
    button.secondary:disabled {
      cursor: not-allowed !important;
      border: 1px solid #e1e1e1;
      background-color: #e1e1e1; }
      button.secondary:disabled:hover {
        border: 1px solid #e1e1e1;
        background-color: #e1e1e1; }

fieldset {
  border: none;
  padding: 0; }

.hidden {
  display: none; }

::-moz-placeholder {
  color: red;
  font-weight: 300;
  padding-top: 5px; }

::-webkit-input-placeholder {
  color: red;
  font-weight: 300;
  padding-top: 5px; }

:-ms-input-placeholder {
  color: red;
  font-weight: 300;
  padding-top: 5px; }

/*&::placeholder {
        @content;
    }*/
.center-container {
  padding: 30px;
  margin: 100px auto;
  width: 350px;
  background-color: #fff;
  box-shadow: 0 0 15px 0 #dadada;
  border-radius: 3px; }
  .center-container .logo {
    text-align: center;
    margin-bottom: 30px; }
    .center-container .logo img {
      width: 200px; }
  .center-container .embedded-logo {
    display: none; }
  .center-container fieldset {
    /*input[type="text"],*/ }
    .center-container fieldset input[type="email"],
    .center-container fieldset input[type="password"] {
      width: 100%; }
    .center-container fieldset ul {
      list-style: none;
      padding-left: 0;
      margin-top: 0; }
      .center-container fieldset ul li {
        position: relative;
        margin-bottom: 10px;
        font-size: 12px;
        color: #777777;
        margin-bottom: 12px; }
        .center-container fieldset ul li #user-email {
          display: inline;
          font-family: Roboto Medium, Arial, Verdana, sans-serif;
          word-break: break-all; }
        .center-container fieldset ul li#form-title {
          font-size: 14px; }
        .center-container fieldset ul li .form-required-star {
          color: #e6484d; }
        .center-container fieldset ul li.li-password {
          width: calc(50% - 12px);
          float: left;
          margin-bottom: 2px;
          position: relative; }
          .center-container fieldset ul li.li-password .password-hints {
            display: none;
            position: absolute;
            left: -235px;
            top: 0;
            width: 220px;
            border-radius: 3px;
            background-color: #fcfcfc;
            box-shadow: 0 0 4px 0 #dadada;
            font-size: 10px;
            padding: 8px 10px; }
            .center-container fieldset ul li.li-password .password-hints .password-hint {
              color: #777777; }
              .center-container fieldset ul li.li-password .password-hints .password-hint.valid {
                color: #5caf8e; }
            .center-container fieldset ul li.li-password .password-hints ul {
              padding-top: 4px;
              list-style-type: disc;
              padding-left: 20px; }
              .center-container fieldset ul li.li-password .password-hints ul li {
                font-size: 12px;
                margin-bottom: 2px;
                height: auto; }
            .center-container fieldset ul li.li-password .password-hints .password-pointer {
              content: ' ';
              position: absolute;
              width: 15px;
              height: 15px;
              left: 212px;
              top: 23px;
              background-color: #fcfcfc;
              transform: rotate(45deg) skew(5deg, 5deg);
              -moz-transform: rotate(45deg) skew(5deg, 5deg);
              -ms-transform: rotate(45deg) skew(5deg, 5deg);
              -o-transform: rotate(45deg) skew(5deg, 5deg);
              -webkit-transform: rotate(45deg) skew(5deg, 5deg);
              box-shadow: 0 0 4px 0 #dadada; }
          .center-container fieldset ul li.li-password .password-hints:after {
            content: ' ';
            position: absolute;
            width: 18px;
            height: 26px;
            left: 202px;
            top: 18px;
            background-color: #fcfcfc; }
          .center-container fieldset ul li.li-password input[type="text"] {
            width: 100%; }
        .center-container fieldset ul li.li-confirmPassword {
          width: calc(50% + 12px);
          float: left;
          padding-left: 6px;
          margin-bottom: 0; }
          .center-container fieldset ul li.li-confirmPassword input[type="text"] {
            width: 100%; }
        .center-container fieldset ul li .password-confirm-input {
          float: left;
          width: 90%;
          padding-right: 5px; }
          .center-container fieldset ul li .password-confirm-input .fa.validation-checkmark {
            left: calc(100% - 39px); }
        .center-container fieldset ul li.li-password-error-messages {
          clear: both;
          margin: 0 0 12px 0;
          height: auto; }
          .center-container fieldset ul li.li-password-error-messages:first-child {
            margin-top: 0; }
          .center-container fieldset ul li.li-password-error-messages span {
            display: block; }
        .center-container fieldset ul li .form-required-star {
          color: #e6484d; }
        .center-container fieldset ul li input {
          margin-top: 3px;
          /*&::placeholder {
        @content;
    }*/ }
          .center-container fieldset ul li input::-moz-placeholder {
            color: #cccccc;
            opacity: 1; }
          .center-container fieldset ul li input::-webkit-input-placeholder {
            color: #cccccc;
            opacity: 1; }
          .center-container fieldset ul li input:-ms-input-placeholder {
            color: #cccccc;
            opacity: 1; }
        .center-container fieldset ul li .peek-password-toggle {
          float: left;
          width: 10%;
          padding-top: 10px;
          color: #428bca; }
    .center-container fieldset #verify-login-return-link {
      font-size: 12px;
      text-align: center; }
    .center-container fieldset #verify-reset-password-resend {
      font-size: 12px;
      text-align: center;
      padding-top: 30px;
      line-height: 1.8; }
    .center-container fieldset #verify-reset-password-return-link {
      font-size: 12px;
      text-align: center;
      line-height: 1.8; }
    .center-container fieldset #required-tip {
      color: #e6484d;
      float: right;
      font-size: 10px;
      margin-bottom: 10px; }
    .center-container fieldset .sign-in-container {
      text-align: center;
      font-size: 12px;
      margin-top: 10px; }

.login-page .external-login-container {
  margin-bottom: 15px; }
  .login-page .external-login-container a {
    color: #fff;
    border: 1px solid #428bca;
    background: #428bca;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .9px;
    padding: 7px;
    border-radius: 3px;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-top: 15px; }
    .login-page .external-login-container a:hover {
      background: #337bb9;
      border-color: #337bb9;
      cursor: pointer; }
    .login-page .external-login-container a:focus {
      border-color: #0099cc;
      box-shadow: 0 0 5px 0 #0099cc;
      outline: 0; }
    .login-page .external-login-container a:disabled {
      background: #ccc;
      border-color: #ccc;
      cursor: not-allowed; }
    .login-page .external-login-container a:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #ede500;
      content: '\f005';
      float: left; }
  .login-page .external-login-container p {
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 0;
    margin-bottom: 14px; }
    .login-page .external-login-container p span {
      bottom: -7px;
      position: relative;
      background: white;
      padding: 5px; }

.login-page .external-login-container {
  font-size: 12px;
  margin-top: 12px;
  text-align: center; }
  .login-page .external-login-container + .sign-up-container {
    margin-top: 24px; }

.login-page .sign-up-container {
  font-size: 12px;
  margin-top: 12px;
  text-align: center; }

.login-page .reset-password-container {
  font-size: 12px;
  width: 50%;
  float: left;
  text-align: left; }

.login-page .rememberme-container {
  width: 50%;
  float: right;
  text-align: right; }

.login-page fieldset input[type="text"],
.login-page fieldset input[type="password"],
.login-page fieldset input[type="email"],
.login-page fieldset button {
  width: 100%; }

.login-page button {
  margin-top: 15px; }

.login-page #signin-li-password {
  height: 48px; }
  .login-page #signin-li-password #signin-password-input {
    float: left;
    width: calc(100% - 25px); }
  .login-page #signin-li-password .peek-password-toggle {
    width: 20px;
    padding-left: 8px; }

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0; }

.forgot-password-page button {
  width: 100%;
  margin-top: 5%; }

.forgot-password-page .cancel-link {
  text-decoration: none; }

.forgot-password-page fieldset input[type="text"],
.forgot-password-page fieldset input[type="password"],
.forgot-password-page fieldset input[type="email"] {
  width: 100%; }

.forgot-password-page fieldset ul .notification-header {
  font-size: 14px; }

.forgot-password-page fieldset ul .success-notification {
  color: #5caf8e; }

.reset-password-page fieldset .form-container {
  width: 49%;
  display: inline-block; }

.reset-password-page fieldset button {
  width: 100%;
  margin-top: 7px; }

.signup-page fieldset #signup-create-new-title {
  font-size: 14px;
  margin-bottom: 10px; }

.signup-page fieldset #signup-organizational-details-note {
  font-size: 12px;
  margin-bottom: 10px; }

.signup-page fieldset button {
  width: 100%; }

.signup-page fieldset button {
  margin-top: 15px; }

.signup-page fieldset #signup-account-exists {
  font-size: 12px;
  text-align: center;
  margin-top: 35px; }

.signup-page fieldset input[type="text"] {
  width: 100%; }

.complete-account-page #complete-account-btn {
  width: 100%;
  margin-top: 7px; }

.complete-account-page #complete-account-title {
  font-size: 14px; }

.complete-account-page #complete-account-username {
  font-weight: bold; }

.verify-page {
  font-family: Roboto Regular, Arial, Verdana, sans-serif; }
  .verify-page button {
    width: 100%;
    font-size: 14px; }
  .verify-page .fa.validation-checkmark {
    left: 145px; }

.verify-twofactor-page.center-container fieldset .sign-in-container {
  margin-top: 8%; }

.verify-twofactor-page .rememberbrowser-container {
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 25px; }

.verify-twofactor-page .fa.validation-checkmark {
  left: 268px; }

.verify-twofactor-page input[type=text] {
  width: 100%; }

.error-page .header {
  font-size: 14px;
  margin-bottom: 34px; }

.error-page #error-return-link {
  font-size: 12px;
  font-family: Roboto Regular, Arial, Verdana, sans-serif;
  text-align: center; }

.error-page li#error-page-custom-message div {
  display: inline;
  font-family: Roboto Medium, Arial, Verdana, sans-serif; }

.error-page__icon {
  display: none; }

.home-page button {
  width: 100%; }

.resend-verification-code {
  color: #5cac8c; }

.verification-code-container {
  margin: auto; }

.verification-code-code {
  width: 60%;
  float: left; }
  .verification-code-code input {
    width: 164px; }

.verification-code-resend {
  padding-top: 16px; }