.fa {
    width: 1em;
    text-align: center;
}

.overlayContentBody {
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #FFFFFF;
    overflow: hidden;
}

.matCardGroup {
    padding: 2.5em;
}

.matCardGroup .matCardTitle {
    border: none;
}

.matCardGroup .matCardTitle.middleHeadTitle {
    padding: 0;
    text-align: center;
    height: fit-content;
}

.matCardGroup .matCardTitle.middleHeadTitle h1 {
    margin: auto;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 2em;
}

.matCardGroup .matTabBodyWrapper {
    display: flex;
    min-height: 260px;
}

.matCardGroup .matCardContent {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 210px;
}

.flexFieldContainer {
    position: relative;
}

.placeholder {
    white-space: nowrap;
}

.stepTips {
    height: 3em;
}

.stepTips div {
    position: relative;
    font-size: 1em;
    line-height: 1.5em;
    top: 50%;
    transform: translateY(-50%);
}

.errorContent {
    position: absolute;
    padding-top: 0.5em;
    color: red;
    white-space: nowrap;
}

.bottomStepLink {
    display: inline-block;
    line-height: 32px;
}

.selectListBlock {
    margin: auto -2.5em;
    padding-left: 2.5em;
    padding-right: 2.5em;
}

.selectListBlock > div {
    overflow: hidden;
}

.selectListBlock > div > div {
    margin-right: -20px;
}

.selectListBlock ul {
    position: relative;
    display: block;
    padding: 0;
    border: none;
    box-shadow: none;
    overflow-x: hidden;
    max-height: 12.5em;
}

.selectListBlock ul li.selectListItem {
    cursor: pointer;
    margin: auto -2.5em;
    padding: 0.75em 2.5em;
    border-bottom: 1px solid #dadce0;
}