/* Brand Overrides */
html {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}

body {
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.4;
  color: #51247a;
}
h1 {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  font-size: 2.5rem;
}
h2 {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit !important; /* Always make links inside heading inherit font-weight of parent heading. */
}

/* Account activation */
.column-flex {
  display: flex;
  justify-content: space-between;
}

.activation-steps {
    font-size: 18px;
    display:block;

}

/* Identity Portal - MFA Management Styles */
.page {
  background: #ffffff;
}

/* Form */
fieldset legend {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 1rem 0;
}
label {
  margin-bottom: 1rem;
  white-space: normal;
}
label + input[type='text'],
label + input[type='password'],
label + input[type='date'],
label + input[type='datetime'],
label + input[type='datetime-local'],
label + input[type='month'],
label + input[type='week'],
label + input[type='email'],
label + input[type='number'],
label + input[type='search'],
label + input[type='tel'],
label + input[type='time'],
label + input[type='url'],
label + input[type='color'],
label + textarea,
label + select {
  margin-top: -0.75rem;
}
label > input[type='text'],
label > input[type='password'],
label > input[type='date'],
label > input[type='datetime'],
label > input[type='datetime-local'],
label > input[type='month'],
label > input[type='week'],
label > input[type='email'],
label > input[type='number'],
label > input[type='search'],
label > input[type='tel'],
label > input[type='time'],
label > input[type='url'],
label > input[type='color'],
label > textarea,
label > select {
  margin-bottom: 0;
  margin-top: 0.25rem;
}
input[type='checkbox'],
input[type='radio'] {
  float: left;
  clear: left;
  margin-bottom: 0;
  margin-right: 0.375rem;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
  display: block;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem;
}
input[type='checkbox'],
input[type='radio'] {
  margin-top: 0.1875rem;
}
input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type='text'][disabled],
input[type='text'][readonly],
fieldset[disabled] input[type='text'],
input[type='password'][disabled],
input[type='password'][readonly],
fieldset[disabled] input[type='password'],
input[type='date'][disabled],
input[type='date'][readonly],
fieldset[disabled] input[type='date'],
input[type='datetime'][disabled],
input[type='datetime'][readonly],
fieldset[disabled] input[type='datetime'],
input[type='datetime-local'][disabled],
input[type='datetime-local'][readonly],
fieldset[disabled] input[type='datetime-local'],
input[type='month'][disabled],
input[type='month'][readonly],
fieldset[disabled] input[type='month'],
input[type='week'][disabled],
input[type='week'][readonly],
fieldset[disabled] input[type='week'],
input[type='email'][disabled],
input[type='email'][readonly],
fieldset[disabled] input[type='email'],
input[type='number'][disabled],
input[type='number'][readonly],
fieldset[disabled] input[type='number'],
input[type='search'][disabled],
input[type='search'][readonly],
fieldset[disabled] input[type='search'],
input[type='tel'][disabled],
input[type='tel'][readonly],
fieldset[disabled] input[type='tel'],
input[type='time'][disabled],
input[type='time'][readonly],
fieldset[disabled] input[type='time'],
input[type='url'][disabled],
input[type='url'][readonly],
fieldset[disabled] input[type='url'],
input[type='color'][disabled],
input[type='color'][readonly],
fieldset[disabled] input[type='color'],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea,
input[type='submit'][disabled],
input[type='submit'][readonly],
input[type='button'][disabled],
input[type='button'][readonly],
button[disabled],
button[readonly],
input[type='reset'][disabled],
input[type='reset'][readonly] {
  cursor: not-allowed;
}
.access-aid {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.form__required {
  color: #b80017;
}
.form__description {
  color: #666;
  font-size: 0.875rem;
  font-style: italic;
  margin-bottom: 1rem;
}
.form__help-text {
  color: #666;
  font-size: 0.875rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.form__inline-error-message {
  background-color: #b80017;
  color: white;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.357;
  margin-bottom: 1rem;
  padding: 7px 8px 8px 8px;
  grid-row-start: 2;
}
.form__inline-success-message {
  background-color: #238029;
  color: white;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.357;
  margin-bottom: 1rem;
  padding: 7px 8px 8px 8px;
  grid-row-start: 2;
}
input[type='text'].form__input + .form__inline-success-message,
input[type='password'].form__input + .form__inline-success-message,
input[type='date'].form__input + .form__inline-success-message,
input[type='datetime'].form__input + .form__inline-success-message,
input[type='datetime-local'].form__input + .form__inline-success-message,
input[type='month'].form__input + .form__inline-success-message,
input[type='week'].form__input + .form__inline-success-message,
input[type='email'].form__input + .form__inline-success-message,
input[type='number'].form__input + .form__inline-success-message,
input[type='search'].form__input + .form__inline-success-message,
input[type='tel'].form__input + .form__inline-success-message,
input[type='time'].form__input + .form__inline-success-message,
input[type='url'].form__input + .form__inline-success-message,
input[type='color'].form__input + .form__inline-success-message,
textarea.form__input + .form__inline-success-message,
div.form__inline-error-message + .form__inline-success-message,
div.form__inline-success-message + .form__inline-success-message,
select.form__input + .form__inline-success-message {
  margin-top: -1rem;
}

.form__inline-warning-message {
  background-color: #ffd003;
  color: black;
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.357;
  margin-bottom: 1rem;
  padding: 7px 8px 8px 8px;
  grid-row-start: 2;
}
input[type='text'].form__input + .form__inline-warning-message,
input[type='password'].form__input + .form__inline-warning-message,
input[type='date'].form__input + .form__inline-warning-message,
input[type='datetime'].form__input + .form__inline-warning-message,
input[type='datetime-local'].form__input + .form__inline-warning-message,
input[type='month'].form__input + .form__inline-warning-message,
input[type='week'].form__input + .form__inline-warning-message,
input[type='email'].form__input + .form__inline-warning-message,
input[type='number'].form__input + .form__inline-warning-message,
input[type='search'].form__input + .form__inline-warning-message,
input[type='tel'].form__input + .form__inline-warning-message,
input[type='time'].form__input + .form__inline-warning-message,
input[type='url'].form__input + .form__inline-warning-message,
input[type='color'].form__input + .form__inline-warning-message,
textarea.form__input + .form__inline-warning-message,
div.form__inline-error-message + .form__inline-warning-message,
div.form__inline-warning-message + .form__inline-warning-message,
select.form__input + .form__inline-warning-message {
  margin-top: -1rem;
}

legend.form__legend.form__legend--error {
  color: #b80017;
}s
label.form__label.form__label--disabled {
  color: #ccc;
  cursor: not-allowed;
}
label.form__label.form__label--error {
  color: #b80017;
  position: relative;
}
label.form__label.form__label--error
  > input[type='text'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='password'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='date'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='datetime'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='datetime-local'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='month'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='week'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='email'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='number'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='search'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='tel'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='time'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='url'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > input[type='color'].form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > textarea.form__input.form__input--error
  + .form__inline-error-message,
label.form__label.form__label--error
  > select.form__input.form__input--error
  + .form__inline-error-message {
  margin-top: 0;
}
label.form__label.form__label--error
  > input[type='checkbox'].form__input.form__input--error:before,
label.form__label.form__label--error
  > input[type='radio'].form__input.form__input--error:before {
  background-color: #b80017;
  bottom: -4px;
  content: '';
  display: inline-block;
  left: 0;
  position: absolute;
  top: -4px;
  width: 3px;
}
input[type='text'].form__input.form__input--error,
input[type='password'].form__input.form__input--error,
input[type='date'].form__input.form__input--error,
input[type='datetime'].form__input.form__input--error,
input[type='datetime-local'].form__input.form__input--error,
input[type='month'].form__input.form__input--error,
input[type='week'].form__input.form__input--error,
input[type='email'].form__input.form__input--error,
input[type='number'].form__input.form__input--error,
input[type='search'].form__input.form__input--error,
input[type='tel'].form__input.form__input--error,
input[type='time'].form__input.form__input--error,
input[type='url'].form__input.form__input--error,
input[type='color'].form__input.form__input--error,
textarea.form__input.form__input--error,
select.form__input.form__input--error {
  border-color: #b80017;
}
input[type='text'].form__input.form__input--error:focus,
input[type='password'].form__input.form__input--error:focus,
input[type='date'].form__input.form__input--error:focus,
input[type='datetime'].form__input.form__input--error:focus,
input[type='datetime-local'].form__input.form__input--error:focus,
input[type='month'].form__input.form__input--error:focus,
input[type='week'].form__input.form__input--error:focus,
input[type='email'].form__input.form__input--error:focus,
input[type='number'].form__input.form__input--error:focus,
input[type='search'].form__input.form__input--error:focus,
input[type='tel'].form__input.form__input--error:focus,
input[type='time'].form__input.form__input--error:focus,
input[type='url'].form__input.form__input--error:focus,
input[type='color'].form__input.form__input--error:focus,
textarea.form__input.form__input--error:focus,
select.form__input.form__input--error:focus {
  border-color: #b80017;
}
input[type='text'].form__input + .form__inline-error-message,
input[type='password'].form__input + .form__inline-error-message,
input[type='date'].form__input + .form__inline-error-message,
input[type='datetime'].form__input + .form__inline-error-message,
input[type='datetime-local'].form__input + .form__inline-error-message,
input[type='month'].form__input + .form__inline-error-message,
input[type='week'].form__input + .form__inline-error-message,
input[type='email'].form__input + .form__inline-error-message,
input[type='number'].form__input + .form__inline-error-message,
input[type='search'].form__input + .form__inline-error-message,
input[type='tel'].form__input + .form__inline-error-message,
input[type='time'].form__input + .form__inline-error-message,
input[type='url'].form__input + .form__inline-error-message,
input[type='color'].form__input + .form__inline-error-message,
textarea.form__input + .form__inline-error-message,
select.form__input + .form__inline-error-message {
  margin-top: -1rem;
}
input[type='checkbox'].form__input.form__input--error,
input[type='radio'].form__input.form__input--error {
  margin-left: 10px;
}
input[type='checkbox'] + label.form__label.form__label--error:before,
input[type='radio'] + label.form__label.form__label--error:before {
  background-color: #b80017;
  bottom: -4px;
  content: '';
  display: inline-block;
  left: 0;
  position: absolute;
  top: -4px;
  width: 3px;
}

/* Validation error message */
.error-summary {
  background-color: #fef9f9;
  border: 1px solid #b80017;
  border-left-width: 3px;
  padding: 0.9375rem;
  margin-bottom: 1.5rem;
}
.error-summary__title {
  color: #2b2b2b;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.875rem;
  margin-top: 5px;
}
.error-summary_body {
  color: #2b2b2b;
  font-size: 0.875rem;
}
.error-summary__list {
  color: #2b2b2b;
  font-size: 0.875rem;
  margin: 0;
}
.error-summary__list-item {
  margin-bottom: 0.4rem;
}
.error-summary__list a {
  color: #b80017;
  text-decoration: underline;
  font-weight: 400;
}
.error-summary__list a:hover,
.error-summary__list a:focus {
  color: #9f0014;
}

/* Accordion */
.accordion {
  border-bottom: 1px solid #e9e9e9;
  list-style: none;
  margin-bottom: 1.5em;
  overflow: hidden;
  padding: 0;
}
.accordion__item {
  border-top: 1px solid #e9e9e9;
}
.accordion__item .flex-container {
  flex-flow: wrap;
}
.accordion__item .flex-container .flex-container__item {
  width: 100%;
}
@media only screen and (min-width: 40.0625em) {
  .accordion__item .flex-container .flex-container__item {
    width: auto;
  }
}
.accordion__toggle {
  cursor: pointer;
  position: relative;
  text-align: left;
  transition: all ease 0.2s;
  width: 100%;
}
.accordion__toggle::before {
  display: inline-block;
  font: normal normal normal 16px/1 uq-icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: '\e800';
  color: #bbb;
  float: right;
  font-size: 1.2rem;
  font-weight: 100;
  margin-right: -2rem;
  margin-top: 0.1rem;
  display: none;
}
@media only screen and (min-width: 40.0625em) {
  .accordion__toggle::before {
    margin-top: 0.3rem;
  }
}
.accordion__toggle:focus,
.accordion__toggle:hover {
  cursor: pointer;
}
.accordion__toggle:focus {
  outline: 0 none;
  color: #2377cb;
  text-decoration: underline;
}
.accordion__toggle--active {
  background: #fff;
}
.accordion__toggle--active::before {
  display: inline-block;
  font: normal normal normal 16px/1 uq-icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: '\e801';
  font-size: 1.2rem;
  font-weight: 100;
  display: none;
}
.accordion__toggle--active:hover {
  text-decoration: underline;
}
.accordion__toggle--active:hover,
.accordion__toggle--active:focus {
  background-color: #fff;
}
.accordion__content {
  overflow: hidden;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e9e9e9;
  word-wrap: break-word;
  transition: height 200ms ease;
  background-color: #eee;
}
@media only screen and (min-width: 40.0625em) {
  .accordion__content {
    padding: 1.5rem 1rem;
  }
}
.accordion__content:not(.accordion__content--active) {
  display: none;
}
.accordion__content .flex-container {
  flex-flow: nowrap;
}
.accordion__content .flex-container .flex-container__item {
  width: auto;
}
@media only screen and (min-width: 40.0625em) {
  .accordion__content .flex-container .flex-container__item {
    width: auto;
  }
}
.accordion__content p:first-of-type {
  margin-top: 0;
}
.accordion--shaded .accordion__toggle {
  background: #f9f9f9;
}
.accordion--shaded .accordion__toggle:hover {
  background-color: #eee;
}
.accordion--shaded .accordion__toggle--active {
  background: #fff;
}
.accordion--no-bottom-border {
  border-bottom: 0;
}
.accordion--no-bottom-spacing {
  margin-bottom: 0;
}
.accordion--secondary .accordion__toggle {
  font-size: 1.1rem;
}
@media only screen and (min-width: 40.0625em) {
  .accordion--secondary .accordion__toggle {
    font-size: 1.2rem;
  }
}
.accordion .contextual-links-wrapper {
  top: 0 !important;
}
.cke_editable .accordion__content {
  border: 1px dashed red;
  display: block !important;
}

/* Breadcrumb */
.breadcrumb-trail,
.pane-term-breadcrumb {
  color: #676767;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
.breadcrumb {
  display: inline;
}
.breadcrumb__divider {
  display: none;
}
.breadcrumb::before {
  content: ' / ';
  padding: 0 0.3rem;
}
.breadcrumb:first-child::before {
  content: '';
  display: none;
}
.breadcrumb__link {
  color: #676767;
}
.breadcrumb__link--home:hover {
  text-decoration: none;
}
.breadcrumb-home,
.breadcrumb--home {
  font-size: 1.2rem;
}
.pane-term-breadcrumb ul {
  margin-top: 0;
  padding: 0;
}
.pane-term-breadcrumb li {
  display: inline;
  list-style: none;
}
.pane-term-breadcrumb a {
  color: #676767;
}

/* Modal */
.modal {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  height: 100%;
  left: 0;
  opacity: 1;
  overflow: auto;
  position: fixed;
  top: 0;
  transition: all ease 0.5s;
  width: 100%;
  z-index: 1;
}
.modal__inner {
  background-color: #fff;
  border-radius: 7px;
  box-sizing: border-box;
  left: 50%;
  max-width: calc(100% - 40px);
  padding: 30px;
  position: absolute;
  top: 150px;
  transform: translateX(-50%);
  width: 600px;
}
.modal__inner .icon-close {
  color: #444;
  float: right;
  font-size: 2rem;
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal__inner .icon-close:hover,
.modal__inner .icon-close:focus {
  color: #222;
  text-decoration: none;
  cursor: pointer;
}

/* Pane */
.pane {
  padding: 1.8rem;
  margin-bottom: 1.5rem;
}
.pane--shaded {
  background: #f5f5f5;
}
.pane--white {
  background: #fff;
}
.pane--outline {
  border: 2px solid #eee;
}
.pane--ruled {
  border-bottom: 2px solid #eee;
  border-top: 2px solid #eee;
}
.pane--vertical-spacing {
  margin: 2rem 0;
}
.pane--dark-tint {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.65);
}
.pane--has-footer {
  padding: 0;
}
.pane--has-footer .pane__content {
  padding: 1.8rem 1.8rem 1rem 1.8rem;
}
.pane--has-footer .pane__footer {
  background-color: #f5f5f5;
  padding: 1.8rem;
}
.pane--has-footer.pane--shaded .pane__footer {
  background-color: #e8e8e8;
}
.pane--has-footer.pane--dark-tint .pane__footer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
}
.pane__title {
  color: #49075e;
  font-size: 1.275rem;
  font-weight: 400;
}
.pane__title--hidden {
  display: none;
}
.pane__title + .pane__sub-title {
  margin-top: -1rem;
}
@media only screen and (max-width: 40em) {
  .pane-grid .pane {
    height: auto !important;
  }
}
.pane-grid--shaded .pane {
  background: #f5f5f5;
}
.pane-grid--shaded .pane__footer {
  background-color: #e8e8e8;
}
.pane-grid--white .pane {
  background: #fff;
}
.pane-grid--outline .pane {
  border: 2px solid #eee;
}
.pane-grid--ruled .pane {
  border-bottom: 2px solid #eee;
  border-top: 2px solid #eee;
}
.pane-grid--vertical-spacing .pane {
  margin: 2rem 0;
}
.pane-grid--dark-tint .pane {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.65);
}
.pane-grid--dark-tint .pane__footer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .pane-grid-wrapper .row::before,
  .pane-grid-wrapper .row::after {
    clear: left;
  }
}

/* Body */
html,
body {
  background-color: #51247a;
}
.show-on-focus:focus,
.show-on-focus:active {
  color: #ffffff;
}
a {
  text-decoration: underline;
}
.row {
  margin: 0 -0.9375rem;
  max-width: none;
  width: auto;
}
.row:before,
.row:after {
  content: ' ';
  display: table;
}
.row:after {
  clear: both;
}
.description {
  font-style: normal;
}
.site-header__content {
  padding: 1.5rem 0 1.5rem 0;
}
.site-header .site-title {
  color: #ffffff;
}
.site-footer .row {
  margin: 0;
  max-width: 1140px;
  width: 100%;
}
.site-footer .row:before,
.site-footer .row:after {
  content: ' ';
  display: table;
}
.site-footer .row:after {
  clear: both;
}
@media only screen and (min-width: 40.0625em) {
  .progression {
    margin-top: -0.8rem;
    margin-bottom: -0.8rem;
  }
  .progression__step-label {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

/* Misc */
ul ul {
  list-style-type: disc;
}
.section--bottom-spacing {
  margin: 0 0 60px;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0;
}
.inline {
  display: inline !important;
}
.red {
  color: #b80017;
}
.green {
  color: green;
}
.button--alert {
  background-color: #b80017;
  color: #fff;
}
.button--alert:hover,
.button--alert:focus {
  background-color: #960011;
}
.scroll-container {
  max-height: 500px;
  overflow: auto;
  padding: 0 0 15px;
  width: 100%;
}

/* qrCode */
.qrcode {
  display: inline-block;
  height: 100px;
  width: 100px;
}
.qrcode.qrcode-placeholder {
  background: url(../images/qrcode-placeholder.png) no-repeat center #fff;
  background-size: contain;
}

/* Flex */
.flex-container {
  display: flex;
  flex-flow: nowrap;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: flex-start;
}
.flex-container.justify-flex-start {
  justify-content: flex-start;
}
.flex-container.justify-space-between {
  justify-content: space-between;
}
.flex-container .flex-container__item {
  background: none;
  width: auto;
  height: auto;
  padding: 0.5rem 1rem;
  text-align: left;
}
@media only screen and (min-width: 40.0625em) {
  .flex-container .flex-container__item {
    padding: 1rem;
    width: auto;
  }
}
.flex-container .flex-container__item:nth-child(5n),
.flex-container .flex-container__item:nth-child(5n-1),
.flex-container .flex-container__item:nth-child(5n-2) {
  text-align: right;
}
.flex-container .flex-container__item > * {
  margin: 0 2rem 0 0;
}
.flex-container .flex-container__item > *:last-child {
  margin: 0;
}

/* Pane */
.pane {
  display: none;
}
.pane--active {
  display: block;
}
.pane__step {
  word-wrap: break-word;
  margin: 0 0 30px;
}
.pane__step:not(.pane__step--active) {
  display: none;
}

/* Bypass Code */
.bypass-code__generate .bypass-code__generate-text {
  border: 2px solid #2377cb;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.2em;
  margin-right: 10px;
  padding: 0.7rem 2rem;
  text-align: center;
  width: 222px;
}
.bypass-code__generate .bypass-code__generate-print {
  display: inline-block;
  padding: 0.7rem 0rem;
}


/* ****************** */
/* Account activation */
/* ****************** */
.column-flex {
  display: flex;
  justify-content: space-between;
}

/* Created to space sections-content */
.section-spacing {margin-top: 2.5rem;}

.activation-steps {
    font-size: 18px;
    display:block;

}

/* Allows text only buttons to exist over colours backgrounds */
.button--text {
  background-color: transparent;
  color: #2377cb !important;
}
.button--text:focus, .button--text:hover {
  background-color: #eee;
}

/* wrap form fields and buttons to align */
/*.display-horizontal {
  display: flex;
}*/
.display-horizontal {
  display: block;
}
@media only screen and (min-width: 40.0625em) {
  .display-horizontal {
    display: grid;
    grid: auto-flow / minmax(auto, 50%) repeat(auto-fill, minmax(100px, max-content));
    gap: 0rem 1rem;
    justify-content: start;
    align-items: start;
  }
}

/* form label secondary text */
.text--grey-60 {
  color: #6f6f6f;
}

/* Match size of form fields to small style of buttons */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  height: 2.875rem
}

select{
  height: 2.875rem
}


/* OVERRIDES */

/* Changed margin-bottom from 1.25rem to 1rem (same as input margins) as alignment issues with the input field error messages */
button, .button {
  margin: 0 0 1rem;
}
/* Changed padding from .875rem 1.75rem .9375rem 1.75rem as alignment issues with the input field error messages */
button.small, .button.small {
  padding: .875rem 1.75rem;
}
/* Changed as margin-bottom: -1px value is assigned as inline style and causing alignment issues with input field error messages */
#password {
  margin-bottom: inherit;
}
/* Added margin-top as the password strength indicator hides the bottom border of the Password input field above */
.story-password-strength-meter-indicator {
  margin-top: -1rem;
}

.tooltip {
  background-color: #FFFFFF;
  border: #000000 solid 1px;
  color: #000000;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.2rem;
  width: 400px;
}

.link-box{
  text-align: center;
}
.link-box a{
  text-decoration: none;
  color: #000000;
}
.link-box p {
  max-width: 23em;
  margin-left: auto;
  margin-right: auto;
}



.grid__col .card:only-child, .grid__col .card__outer:only-child {
  height: 100%;
  margin-bottom: 0;
}

.card--navigation .card {
  border: 0;
}
.card--flat, .card--flat .card {
  border: 0;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}

.card__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -1000%;
  z-index: 10;
}
a {
  color: #0d6dcd;
  text-decoration: none;
  transition: color .2s;
}
.card .card__content__wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.card--flat .card__actions, .card--flat .card__content {
  padding-left: 0;
  padding-right: 0;
}
.card__content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5rem;
}
.card__header {
  margin-bottom: 1rem;
}
.card--navigation .card .card__title {
  color: #51247a;
}
.icon-heading .card__header>h3 {
  padding-left: 3rem;
  margin-top: 0;
}
.icon-heading, .icon-heading--top, .icon-heading--top .card__header>h2, .icon-heading--top .card__header>h3, .icon-heading .card__header>h2, .icon-heading .card__header>h3 {
  position: relative;
}

.card__title.text--primary {
  color: #51247a;
}
.card__content .card__title {
  margin: 0;
}

.card__content>:last-child, .card__content p:last-child {
  margin-bottom: 0;
}
.card--flat .card__actions, .card--flat .card__content {
  padding-left: 0;
  padding-right: 0;
}
.card__actions {
  margin-top: auto;
  padding: 0 1.5rem 1.5rem;
}


/* UQDS Styles - Extended */
.uq-site-header {
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
}
.uq-site-header__title-container {
  padding: 1rem;
}
.uq-header__search-query-input {
  min-width: 100%;
}
.uq-header__search-query-button {
  box-sizing: border-box;
}
.uq-header__nav-secondary-link, .uq-footer__link, .uq-footer__navigation-link {
  text-decoration: none;
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}


.button--tertiary.disabled, button[disabled].button--tertiary, .button.disabled.button--tertiary, .button[disabled].button--tertiary {
  background-color: #ddd;
  border-color: #444;
  color: #222;
  box-shadow: none;
  opacity: .7
}

button.disabled.button--tertiary:hover, button.disabled.button--tertiary:focus, button[disabled].button--tertiary:hover, button[disabled].button--tertiary:focus, .button.disabled.button--tertiary:hover, .button.disabled.button--tertiary:focus, .button[disabled].button--tertiary:hover, .button[disabled].button--tertiary:focus {
  background-color: #ddd
}

button.disabled.button--tertiary:hover, button.disabled.button--tertiary:focus, button[disabled].button--tertiary:hover, button[disabled].button--tertiary:focus, .button.disabled.button--tertiary:hover, .button.disabled.button--tertiary:focus, .button[disabled].button--tertiary:hover, .button[disabled].button--tertiary:focus {
  color: #222
}

button.disabled.button--tertiary:hover, button.disabled.button--tertiary:focus, button[disabled].button--tertiary:hover, button[disabled].button--tertiary:focus, .button.disabled.button--tertiary:hover, .button.disabled.button--tertiary:focus, .button[disabled].button--tertiary:hover, .button[disabled].button--tertiary:focus {
  background-color: #ddd
}