.fn-head > label {
    font: bold var(--noto-m) var(--font-family-Noto);
}

.fn-text {
    color: var(--1-txt-2-grey);
    margin-top: 4px;
}

    .fn-text > span {
        display: inline;
    }

.fn-alert > span {
    display: inline;
}

.fn-password {
    display: flex;
    position: relative;
}

.fn-password-invisible {
    display: block !important;
    padding: 19px 16px;
    position: absolute;
    right: 0;
}

.fn-forgetpass-btn > #fn-btn-forgetpass {
    width: 100%;
}

.fn-alert {
    font: normal var(--noto-xxxs) var(--font-family-sarabun);
    line-height: 23px;
    padding: var(--p-16);
    background-color: var(--tone-5-red-7);
    border-radius: var(--border-rad-normal);
}

.errornotmat input.form-control {
    box-shadow: inset 0 0 0 2px var(--line-3-error);
    background-color: var(--btn-2-white);
    border-color: transparent !important;
}

.fn-valid-notformat {
    font: 500 normal var(--noto-xxxs) var(--font-family-Noto);
    color: var(--syst-1-error);
    padding-left: var(--p-16);
}

@media (max-width:991px) {
    .fn-text > span {
        display: block;
    }

    .fn-alert > span {
        display: block;
    }
}