.pangea-acuren-form-page-main-flex {
    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: row;
    min-height: calc(100vh - 2em);
}

#pangea-acuren-form-page-header-row-flex,
#pangea-acuren-form-page-footer-row-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.pangea-acuren-form-page-header-flex {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

    .pangea-acuren-form-page-header-flex img {
        width: 75px;
        padding: 0.5em;
    }

    .pangea-acuren-form-page-header-flex h1 {
        font-size: 1.5em;
        margin-top: 0.5em;
        margin-left: 0.25em;
        border-left: 1px solid gray;
        padding-left: 0.25em;
    }

.pangea-acuren-form-page-form-flex,
.pangea-acuren-form-page-row-flex,
.pangea-acuren-form-page-row-narrow-flex,
.pangea-acuren-form-page-left-flex,
.pangea-acuren-form-page-intro-flex {
    display: flex;
    flex-direction: row;
}

.pangea-acuren-form-page-container-flex {
    display: flex !important;
    flex-direction: row;
    gap: 1rem; /* spacing between rows */
    flex-wrap: nowrap;
    align-items: center;
}


.pangea-acuren-form-page-row-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    width:100%;
    gap: 0.5em;
    padding-top:1em;
    width: 100%;
}
.pangea-acuren-form-page-column-flex {
    display: flex;
    flex-direction: column !important;
    max-width: 50%;
    box-sizing: border-box;
    flex: 1 1 50%; /* grow, shrink, base 50% */
    /*        border: 10px solid yellow;*/
}


    .pangea-acuren-form-page-row-flex label
    .pangea-acuren-form-page-row-flex p {
        margin: 0;
        flex-shrink: 0;
        width: 10em; /* Adjust width of the label as needed */
    }

.pangea-acuren-form-page-row-flex input {
    display: flex;
    flex-grow: 1;
    flex: 3;
    min-width: 0;
    box-sizing: border-box;
    padding: 6px 0px 6px 12px;
    /*    border: 1px solid #ccc;*/
}

.pangea-acuren-form-page-row-narrow-flex {
    padding-bottom: 0.5em;
}

.pangea-acuren-form-page-row-flex h3,
.pangea-acuren-form-page-row-flex p ul,
.pangea-acuren-form-page-row-flex p ul li {
    /*TODO not sure about this testing required*/
    width:100%;
}

.pangea-acuren-form-page-title-flex {
    padding: 2em;
    background: #162842;
    color: white;
    display: flex;
    flex-direction: row;
    gap: 1em;
}

    .pangea-acuren-form-page-title-flex img {
    
        height: auto;
    }

.pangea-acuren-form-page-title-title-flex {

    display: flex;
    flex-direction: row;
    text-align: center;
}

    .pangea-acuren-form-page-title-title-flex h1 {
        line-height: 0.85em;
    }

    .pangea-acuren-form-page-title-title-flex p {
        line-height: 1em;
        margin: 0;
    }

.pangea-acuren-form-page-logo-flex {
    width: 15em;
    padding: 0.5em;
}

.pangea-acuren-form-page-main-flex h2 {
    font-size: 1.25em;
    line-height: 1em;
    margin: 1em 0;
}

.pangea-acuren-form-page-main-flex h3 {
    margin-bottom: 0.25em;
    text-decoration: underline;
    text-decoration-color: #cbcbcb;
}

.pangea-acuren-form-page-main-flex ul {
    margin: 0;
}

.pangea-acuren-form-page-error-flex,
.pangea-acuren-form-page-dividing-line-flex {

    padding: 0.5em 0 0.5em 0;
    line-height: 1em;
}

.pangea-acuren-form-page-error-flex {
    color: red;
    padding-top: 0;
}

.pangea-acuren-form-page-label-flex {
    font-weight: bold;
    margin: 0;
/*    flex:1;*/
    min-width:12em;
    text-align:right;
}

.pangea-acuren-form-page-label-flex.extra-top-padding {
    padding-top: 1em;
}

.pangea-acuren-form-page-dividing-line-flex {
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}

.pangea-acuren-form-page-checkbox-row-flex {
    display: flex;
    align-items: center;
    width: auto;
    cursor: pointer;
    gap: 0.5em;
}



.pangea-acuren-form-page-checkbox-row-flex input {
    width: 2em;
    margin-top: 0.35em;
}

.pangea-acuren-form-page-main-flex .pangea-common-widgets-panel-body-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pangea-acuren-form-page-main-flex .pangea-common-widgets-form-row-inline-label {
    line-height: 1.15em;
}




@media (max-width: 950px) {
    .pangea-acuren-form-page-row-flex {
        flex-direction: column;
        align-items: stretch;
    }

    html, body {
        font-size: 1em;
        background: white;
    }

    .pangea-acuren-form-page-label-flex {
        text-align: left;
    }
}

@media (max-width: 620px) {
    .pangea-acuren-form-page-container-flex {
        flex-direction: column;
        align-items: stretch;
        gap:0;
    }
    .pangea-acuren-form-page-column-flex {
        max-width:100%;
    }
    .pangea-acuren-form-page-row-flex {
       padding-bottom:0;
    }
}

/*@media (min-width: 492px) {
    .pangea-acuren-form-page-main-flex {
        margin: 0 auto;
        max-width: 50em;
        padding: 1em 2em;
    }

    .pangea-acuren-form-page-row-flex {
        flex-direction: column;*/
/*        border: 5px solid red;*/
        /*align-items: stretch;*/ /* ensures children stretch horizontally */
        /*gap:0.2em;
    }

        .pangea-acuren-form-page-row-flex .pangea-acuren-form-page-label-flex {
            margin: 0;
        }
    .pangea-acuren-form-page-title-flex img {
        width: 15em;
        margin-bottom: 0;
    }
}


    @media (min-width: 768px) {
        .pangea-acuren-form-page-main-flex {
            margin: 0 auto;
            max-width: 50em;
            padding: 1em 2em;
        }

        .pangea-acuren-form-page-header-flex {
            flex-direction: row;
        }

            .pangea-acuren-form-page-header-flex h1 {
                font-size: 2em;
                margin-top: 0.25em;
            }

        .pangea-acuren-form-page-title-flex {
            flex-direction: row;
        }

            .pangea-acuren-form-page-title-flex img {
                width: 15em;
                margin-bottom: 0;
            }

        .pangea-acuren-form-page-title-title-flex {
            width: calc(100% - 15em);
            padding-left: 2em;
            text-align: left;
        }
    }



    @media (min-width: 1200px) {
        .pangea-acuren-form-page-main-flex {
            box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(208, 208, 208, 0.8), -12px 0 15px -4px rgba(208, 208, 208, 0.8);
        }*/