/* new default variables off the style guide */
/* mobile */
/* tablet */
/* laptop */
/* desktop */
/* dark blue */
/* azure blue */
/* light blue */
/* gold */
/* yellow */
/* base gray */
/* green */
/* red */
/* orange */
/* black */
/* white */
/* ################################# DEFAULT VARIABLES ################################# */
/* primary buttons */
/* secondary buttons */
/* blue buttons */
/* invoice buttons */
/* neutral buttons */
/* disabled buttons */
/* line 1, ../../../../private/scss/generic/includes/_sso.scss */
.register_subtitle {
  margin: 0 0 0.75rem 0;
  font-size: 1.25rem;
  font-weight: bold;
}

/* line 6, ../../../../private/scss/generic/includes/_sso.scss */
.sso-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0 1rem 0;
}

/* line 12, ../../../../private/scss/generic/includes/_sso.scss */
.sso-divider span {
  line-height: 1;
  font-weight: bold;
  color: #759cac;
  text-transform: uppercase;
  font-size: 0.85rem;
}

/* line 19, ../../../../private/scss/generic/includes/_sso.scss */
.sso-divider:before,
.sso-divider:after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #e8eef1;
}

/* line 26, ../../../../private/scss/generic/includes/_sso.scss */
.sso-login-list {
  list-style-type: none;
  padding: 0;
  margin: 1rem auto;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

/* line 36, ../../../../private/scss/generic/includes/_sso.scss */
.sso-login-list li {
  width: 47%;
}

/* line 39, ../../../../private/scss/generic/includes/_sso.scss */
.sso-login-list.register li {
  width: 70%;
}

/* line 42, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background-color: #ffffff;
  color: #106385;
}

/* line 50, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso:hover {
  background-color: #e8eef1;
  color: #000000;
}

/* line 54, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso.active {
  background-color: #e8eef1;
  color: #000000;
  border-color: #759cac;
}

/* line 59, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 67, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso.google:before {
  background-image: url("/html/images/sso_0.svg");
}

/* line 70, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso.ms:before {
  background-image: url("/html/images/sso_1.svg");
}

/* line 73, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso.okta:before {
  background-image: url("/html/images/sso_2.svg");
}

/* line 76, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso.onelogin:before {
  background-image: url("/html/images/sso_3.svg");
}

/* line 79, ../../../../private/scss/generic/includes/_sso.scss */
.btn.sso.email:before {
  content: "\f003";
  font-family: 'FontAwesome';
  color: #000000;
}

@media only screen and (min-width: 44.063em) {
  /* line 85, ../../../../private/scss/generic/includes/_sso.scss */
  .sso-login-list li {
    width: 45%;
  }

  /* line 88, ../../../../private/scss/generic/includes/_sso.scss */
  .sso-login-list.register li {
    width: 70%;
  }
}
@media only screen and (min-width: 66.063em) {
  /* line 93, ../../../../private/scss/generic/includes/_sso.scss */
  .sso-login-list li {
    width: 35%;
  }

  /* line 96, ../../../../private/scss/generic/includes/_sso.scss */
  .sso-login-list.register li {
    width: 30%;
  }
}
/* line 100, ../../../../private/scss/generic/includes/_sso.scss */
#cart-body .sso-divider {
  margin: 1rem 0;
}

/* line 103, ../../../../private/scss/generic/includes/_sso.scss */
#cart-body .sso-divider span {
  color: #c5d5dc;
}

/* line 106, ../../../../private/scss/generic/includes/_sso.scss */
#cart-body .sso-divider:before,
#cart-body .sso-divider:after {
  background-color: #20a6d4;
}

/* line 110, ../../../../private/scss/generic/includes/_sso.scss */
#cart-body .sso-login-list.register li {
  width: 50%;
}

@media only screen and (min-width: 44.063em) {
  /* line 114, ../../../../private/scss/generic/includes/_sso.scss */
  #cart-body .sso-login-list li,
  #cart-body .sso-login-list.register li {
    width: 100%;
  }
}
@media only screen and (min-width: 66.063em) {
  /* line 120, ../../../../private/scss/generic/includes/_sso.scss */
  #cart-body .sso-login-list li {
    width: 48%;
  }

  /* line 123, ../../../../private/scss/generic/includes/_sso.scss */
  #cart-body .sso-login-list.register li {
    width: 70%;
  }
}