﻿
.trsRetireContentNew form {
    display: flex;
    justify-content: center; /* centers along main axis */
}

    .trsRetireContentNew form .bodyContainer {
        display: flex;
        /*min-width: 1296px;*/
        /*padding: 64px;*/
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        /* internal alignment as needed */
    }


.bodyContainer .lFloat,
.bodyContainer .bClear {
    float: none !important;
    clear: none !important;
}

.button-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

/* ALERT WRAPPER */
.fg-alert {
    width: 100%;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* RED ALERT STYLE */
.fg-alert-error {
    white-space: normal;
    background: var(--Alerts-error_light, #FFEAEB);
}

/* TITLE */
.fg-alert-title {
    font-size: 16px;
    font-family: "Forever Forma Body Text";
    font-weight: 700;
    color: var(--Global-Text-Body, #281805);
    line-height: 24px;
}

/* MESSAGE */
.fg-alert-message, .fg-alert-message > *
{
    min-width: 0;
    /*flex: 1;*/
    font-size: 16px;
    font-family: "Forever Forma Body Text";
    font-weight: 400;
    color: var(--Global-Text-Body, #281805);
    line-height: 24px;
}

/* LINK */
.fg-alert-link {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--Global-Text-Body, #281805);
}

#errorBanner {
    width: 90%;
   /* height: 72px;*/
    margin-bottom: 32px;
}


/*Alert*/

.alert {
    width: 100%;
    padding: 24px;
    background: var(--Alerts-success_light, #E3F5E1);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    /*min-width: 1120px;*/
    margin-bottom:51px;
}

.alert-icon {
    inline-size: 24px; /* logical width */
    block-size: 24px; /* logical height */
    display: inline-block;
    color: #0D7406; /* sets fill via currentColor; override per theme */
}

    /* Inject SVG using a data URL, fill uses currentColor for theming */
    .alert-icon::before {
        content: "";
        display: block;
        inline-size: 100%;
        block-size: 100%;
        background: no-repeat center / contain url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M10.5808 16.2538L17.3038 9.53075L16.25 8.477L10.5808 14.1463L7.73075 11.2963L6.677 12.35L10.5808 16.2538ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="currentColor"/></svg>');
    }

.icon-bg {
    width: 19px;
    height: 19px;
    position: absolute;
    left: 2.5px;
    top: 2.5px;
    background: var(--Alerts-success_dark, #0D7406);
    border-radius: 50%; /* optional for icon shape */
}

.alert-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--Global-Text-Body, #281805);
}

.alert-message {
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--Global-Text-Body, #281805);
}


/*Media query*/
@media screen and ( min-width: 960px ) and (max-width: 1439px) {
    .trsRetireContentNew {
        /* Safari hack below */
        width: 100%;
        min-width: 0;
        float: left;
        padding: 48px;
    }

        .trsRetireContentNew form .bodyContainer {
            display: flex;
            min-width: 0px;
            width: 100%;
            /*padding: 48px;*/
            flex-direction: column;
            align-items: flex-start;
            gap: 32px;
        }

    .fg-description {
        white-space: normal;
        font-size: 20px;
        font-family: "Forever Forma Body Text";
        font-weight: 400;
        line-height: 30px;
        color: #281805;
        margin: 0px;
    }
}

@media screen and ( min-width: 600px ) and (max-width: 959px) {
    .trsRetireContentNew {
        /* Safari hack below */
        width: 100%;
        min-width: 0;
        float: left;
        padding: 32px;
    }

        .trsRetireContentNew form .bodyContainer {
            display: flex;
            min-width: 0px;
            width: 100%;
           /* padding: 32px;*/
            flex-direction: column;
            align-items: flex-start;
            gap: 32px;
        }

    .fg-description {
        white-space: normal;
        font-size: 20px;
        font-family: "Forever Forma Body Text";
        font-weight: 400;
        line-height: 30px;
        color: #281805;
        margin: 0px;
    }
}

@media screen and ( min-width: 375px ) and (max-width: 599px) {
    .trsRetireContentNew {
        /* Safari hack below */
        width: 100%;
        min-width: 0;
        float: left;
        padding: 0px;
    }

        .trsRetireContentNew form .bodyContainer {
            display: flex;
            min-width: 0px;
            width: 100%;
            padding: 0px;
            flex-direction: column;
            align-items: flex-start;
            gap: 32px;
        }

    .fg-description {
        white-space: normal;
        font-size: 20px;
        font-family: "Forever Forma Body Text";
        font-weight: 400;
        line-height: 30px;
        color: #281805;
        margin: 0px;
    }
}
