.direction {
  text-align: start !important;
}

.breadcrumb:hover {
  color: var(--downriver-blue-downriver-50, #0c3058);
  /*text-align: right;*/

  /* Desktop/Regular (500) */
  font-family: Rubik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.portletContainer {
  border-radius: 8px;
  background: var(--primary-white, #fff);

  /* light shadow */
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  padding: 35px 27px;
  /*     flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 36px;
    align-self: stretch; */
}
.portletContainerMobile {
  display: flex;
  justify-content: center;
}

.textfieldCaption {
  display: flex;
  width: 256px;
  flex-direction: column;
}

.labelContent {
  color: #0c3058;
  /*text-align: right;*/

  /* Desktop/Regular (500) */
  font-family: Rubik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.inputfield {
  display: flex;
  padding: 12px 16px;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #bbbbcb;
  background: #fff;
  /*width: 250px;*/
  color: #0c3058;
  text-align: right;

  /* Desktop/Regular (300) */
  font-family: Rubik;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 150% */
}
.inputfield::placeholder {
  color: var(--primary-pri-blue-50-brand, #0068f5);
  opacity: 1; /* Firefox */
}

.inputfield::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: var(--primary-pri-blue-50-brand, #0068f5);
}
.inputfield:hover,
.inputfield:focus {
  border: 1px solid var(--primary-pri-blue-50-brand, #0068f5);
}

.inputfielderror {
  border: 1px solid var(--semantic-colors-danger-error-50-default, #c93435);
}
.inputfielderror:hover,
.inputfielderror:focus {
  border: 2px solid var(--semantic-colors-danger-error-50-default, #c93435);
}

.inputErrValid {
  color: #c93435;
  /*text-align: right;*/

  /* Desktop/Small (400) */
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.buttonContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-primary-decoration {
  display: flex;
  height: 48px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--primary-pri-blue-50-brand, #0068f5);
  border: none !important;
}

.button-primary-decoration:hover {
  background: var(--primary-pri-blue-60, #0056d7);
}

.button-primary-decoration:focus {
  outline: 2px solid var(--primary-pri-blue-20, #99c2fb);
  background: var(--primary-pri-blue-60, #0056d7);
}

.button-primary-decoration:disabled {
  background: var(--downriver-blue-downriver-20, #b5c0cc);
}

.button-primary-decoration:active {
  /* background: var(--gradient-cta-blue-gradient, radial-gradient(134.38% 50% at 50% 50%, #0068F5 0%, #0065ED 10%, #0061E5 20%, #005EDD 30%, #005AD5 40%, #0057CD 50%, #0054C4 60%, #0050BC 70%, #004DB4 80%, #0049AC 90%, #0046A4 100%)); */
}

.button-primary {
  color: #fff;
  text-align: center;

  /* Desktop/Regular (500) */
  font-family: Rubik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.button-secondary {
  color: #0068f5;
  background-color: #fff;
  text-align: center;
  border: 1px solid #c3cfe7 !important;
  /* Desktop/Regular (500) */
  font-family: Rubik;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.button-secondary:hover {
  background-color: #f4f4f4;
  color: #0068f5;
}

.button-secondary:focus {
  color: #fff;
}

.button-secondary:hover:focus {
  background-color: #f4f4f4;
  color: #0068f5;
}