.entryRow {
  margin-bottom: var(--medium-margin);
}

.headerRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--even-darker-gray);
  padding: var(--medium-padding);
}

.leftHeader {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.headerText {
  font-size: var(--font-size-sm);
}

/* Navigation */

.nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--large-padding) var(--xxl-padding);
  border-bottom: var(--standard-border-width) solid var(--dark-gray);
  background-color: var(--white);
}

.crumbs {
  flex: 1;
}

.crumb {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bankIcon {
  color: var(--blue);
  font-size: var(--font-size-mdlg);
  padding-right: var(--standard-padding);
}

.header {
  background-color: var(--content-backround-gray);
  color: var(--darkest-gray);

  padding-left: var(--large-padding);
  padding-right: var(--large-padding);
  padding-bottom: var(--standard-padding);
  padding-top: var(--standard-padding);

  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  align-items: center;
}

.rightHeader {
  text-align: right;
}

.footer,
.leftFooter,
.rightFooter {
  display: flex;
  flex-direction: row;
}

.footer {
  text-align: left;
  padding-bottom: var(--standard-padding);
  padding-top: var(--large-padding);
}

.rightFooter {
  flex: 8 0 0;
  justify-content: flex-end;
  padding-left: var(--large-padding);
  padding-right: var(--large-padding);
}

.entryEdit {
  border-bottom: var(--standard-border-width) solid var(--dark-gray);
}
