.bx--content {
  margin-top: 48px;
  min-height: calc(100vh - 48px);
  margin-left: 16rem;
}
@media(max-width: 65.98rem) {
    .bx--content {
        margin-left: 0;
    }
}
#page-content {
    max-width: 99rem;
    margin-left: auto;
    margin-right: auto;
}

.sfcr--login {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100vw;
    min-height: calc(100vh - 48px);
    background-image: url('/assets/Illustrations_MMN_illustration_06a.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.sfcr--login-box {
    margin-top: 20px;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
    padding-bottom: 1.5rem !important;
    background-color: #FFFFFF;
    padding-top: 2.5rem;
}

.sfcr--login-box .bx--toast-notification  {
    width: 100%;
}

.sfcr--login-box p {
    font-size: 0.875rem;
}

.sfcr--login-buttonset {
    justify-content: flex-end;
}

.sfcr--login-input {
    margin-bottom: 0.5rem;
}

.sfcr--login-logo {
    height: 2.5rem;
    margin-bottom: 1rem;
}

.sfcr--login-button {
    float: right;
}

.card {
  margin-bottom: 0.5rem;
}

@media(min-width: 66rem) {
    .bx--side-nav__link.sfcr--menu-inactive, .bx--side-nav__item.sfcr--menu-inactive {
        display: none;
    }
}


.sfcr--header-container {
    display: flex;
    padding: 0px 96px 48px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    box-shadow: 0px -1px 0px 0px #C6C6C6 inset;
}

.sfcr--main-header-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sfcr--top-header {
    color: var(--link-link-primary, #0078D4);
    font-family: IBM Plex Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

.sfcr--page-header {
    color: var(--gray-100, #161616);
    font-family: IBM Plex Sans;
    font-size: 54px;
    font-style: normal;
    font-weight: 300;
    line-height: 64px; /* 118.519% */
}

.sfcr--sub-header {
    color: var(--gray-70, #525252);
    font-family: IBM Plex Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
}

.sfcr--body {
    display: flex;
    /* padding: 96px; */
    padding-top: 2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.sfcr--body > H2 {
    color: var(--gray-100, #161616);
    font-family: IBM Plex Sans;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 125% */
    align-self: stretch;
}

.sfcr--body > H3 {
    color: var(--gray-70, #525252);
    font-family: IBM Plex Sans;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    /* line-height: 40px; 125% */
    align-self: stretch;
}

.sfcr--consultant-container {
	height: 9rem;
    background-color: #f3f3f3;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    overflow: hidden; /* add this to contain floated children */
    font-size: 100%;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
}

.sfcr--consultant-container-image {
	height: 8rem;
	width: auto;
	float: left;
}
.sfcr--consultant-container-contact {
    margin-left: 0.5rem;
	float: left;
    font-size: 100%;
    line-height: 1.2;
}

.sfcr--consultant-title {
    font-weight: bold;
    font-size: 100%;
}

.sfcr--consultant-name {
    color: var(--link-link-primary, #0078D4);
    font-weight: bold;
    font-size: 100%;
}

.sfcr--consultant-contact-detail {
    font-size: 100%;
}

.sfcr--legal {
    color: var(--gray-70, #525252);
    font-family: IBM Plex Sans;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    /* line-height: 40px; 125% */
    align-self: stretch;
}

.sfcr--footer {
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem 2rem;
    margin-top: 2rem;
    border-top: 1px solid #C6C6C6;
    font-family: IBM Plex Sans;
    font-size: 0.875rem;
    color: #525252;
    width: 100%;
}

@media(max-width: 65.98rem) {
    .sfcr--footer {
        padding: 1rem;
    }
}

.sfcr--footer-text {
    text-align: right;
}

.bx--side-nav__navigation {
    padding-bottom: 3rem;
}
