.baf-main {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0 250px;
}

.baf-main p.baf-p-large {
  font-size: var(--font-vsize-300);
}

table.baf-table td {
  padding: 5px 10px 5px 0px;
}

table.baf-table td:last-child {
  padding: 5px 0px;
}

table.baf-table thead h5 {
  margin: 0;
}

table.baf-table.baf-table-2-col td {
  width: 50%;
}

table.baf-table.baf-table-3-col td {
  width: 33%;
}



.baf-card-card {
	background: var(--color-background-primary);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.baf-card-icon {
	background-image: url('/assets/frontend/img/icon-person.png');
	background-color: var(--color-background-neutral);
	background-size: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 60px;
	align-self: stretch;
	flex-grow: 0;
}

.baf-card-content {
	padding: 25px;
	flex-grow: 1;
}

.baf-card-content > * {
	margin: 0;
}

.baf-card-content h1 {
	color: var(--color-font-primary);
	font-size: var(--font-vsize-400);
	text-transform: none;
	font-weight: 400;
	margin-bottom: 10px;
}
.baf-card-content p {
	color: var(--color-font-primary-light);
	font-size: var(--font-vsize-300);
}

.baf-card-actions {
	text-align: right;
	margin-top: 25px;
}

.baf-side-stack {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
}

.baf-side-stack.gap-2 {
  column-gap: 25px;
}

.baf-side-stack.gap-3 {
  column-gap: 50px;
}

.baf-form .baf-side-stack .baf-form-element,
.baf-form .baf-side-stack .baf-label-value {
  margin: 0;
}

.baf-button,
.baf-button-cta {
  border: 0;
  display: inline-block;
  padding: 8px 21px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.baf-button {
  background: var(--color-background-secondary);
  color: var(--color-font-tertiary);
}

.baf-button-cta {
  background: var(--color-background-tertiary);
  color: var(--color-font-secondary);
}

.baf-button:hover,
.baf-button-cta:hover {
  background: var(--color-background-secondary-tint);
  color: var(--color-font-reverse);
}

.baf-form > section {

}

.baf-form-section {

}

.baf-form .baf-form-element,
.baf-form .baf-label-value {
  margin: 25px 0;
}

.baf-form .form-row:last-child {
  margin-bottom:0;
}

.baf-form-element label {
  display: block;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--color-font-secondary);
  margin: 0.5rem 0;
}

.baf-form-element input,
.baf-form-element select,
.baf-form-element textarea {
  display: block;
  /* width: 100%; */
}

  /* .baf-form-element input {
    width: calc(100% - 8px);
  }

  .baf-form-element input[type=radio],
  .baf-form-element input[type=checkbox] {
    width: initial;
  } */

.baf-form-radio-group,
.baf-form-checkbox-group > label {
  display: flex;
  gap: 25px;
  margin: 25px 0;
}

.baf-form-element.required > label::after {
  content: " (Required)";
  font-weight: 400;
  font-style: italic;
  font-size: var(--font-vsize-100);
}

.baf-form-radio-group > label {
  display: flex;
  gap: 10px;
  white-space: nowrap;
  font-family: var(--font-family-primary);
  font-weight: 400;
  color: var(--color-font-primary);
  font-size: var(--font-vsize-200);
}


.baf-label-value p {
  margin: 0.5rem 0;
}

.baf-label-value .label {
  font-family: var(--font-family-secondary);
  font-weight: 700;
  color: var(--color-font-secondary);
}

.baf-label-value .value {
  font-family: var(--font-family-primary);
  font-weight: 400;
}


.baf-notice {
  padding: 5px 25px;
  color: var(--color-font-primary);
  font-size: var(--font-vsize-300);
}


.baf-notice.positive {
  background-color: var(--color-status-positive-tint);
  border-left: 5px solid var(--color-status-positive);
}

.baf-notice.neutral {
  background-color: var(--color-status-neutral-tint);
  border-left: 5px solid var(--color-status-neutral);
}

.baf-notice.caution {
  background-color: var(--color-status-caution-tint);
  border-left: 5px solid var(--color-status-caution);
}

.baf-notice.negative {
  background-color: var(--color-status-negative-tint);
  border-left: 5px solid var(--color-status-negative);
}



.baf-box-shadow {
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.5);
}

.baf-box-shadow-0 {
  border: 1px solid var(--color-border);
}

.baf-box-shadow-1 {
  box-shadow: var(--elevation-1);
}

.baf-box-shadow-4 {
  box-shadow: var(--elevation-4);
}

.baf-box-shadow-8 {
  box-shadow: var(--elevation-8);
}

.baf-box-shadow-low {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 8px 16px rgba(0, 0, 0, 0.15), 0px 8px 32px rgba(0, 0, 0, 0.1);
}


.baf-border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 21px;
  background-color: #1a4061;
  border-top: 6px solid #FFCD00;
  border-bottom: 6px solid #FFCD00;
}


.baf-border div {
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #FFCD00;
}