.userconfig {
    padding-top: 10px; 
    width: 150px;
}
.userprofile {
    width: 100%;
}
.section1 {
    float: left;
    width: 50%;
}
.section2
{
    float:right;
    display:inline;
    position:absolute;
}
.password-page-container {
    display: flex;
    gap: 24px; /* spacing between sections */
    align-items: flex-start;
    margin-top: 10px;
}

.section1up {
    flex: 1 1 55%;
}

.section2up {
    flex: 1 1 45%;
}

.title {
    color: red;
    font-weight: 700;
}
.pwdlabel {
    padding-top: 10px;
    width: 150px;
}
.text-field{
    padding-top: 10px;
}
.label-field{
    padding-top: 10px; 
    width: 130px;
}
.secqatext{
    padding-top: 10px; 
    width: 300px;
}
.button-width{
    width:75%;
}
.updatepwd{
    padding-left:10px;
}
.updatepwd-label{
   padding-top: 10px;
    width: 200px;
}
#SelectedValue1,#SelectedValue2,#SelectedValue3,#ans1,#ans2,#ans3{
    max-width:300px;
}
.pwdtext{
    font-weight:700;
}
.btn1position{
    padding-left:40px;
}
.btn2position{
    padding-left:200px;
}
.sqmsg {
    color: red;
    padding-bottom:10px;
}

.oj-fbgbu-input-validation-list .oj-fbgbu-input-validation-list-item {
    font-weight: normal;
}

/* Remove default list markers and add icon as marker using ::before */
.oj-fbgbu-validation-list-item-pending,
.oj-fbgbu-validation-list-item-success,
.oj-fbgbu-validation-list-item-error {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .oj-fbgbu-validation-list-item-pending::before,
    .oj-fbgbu-validation-list-item-success::before,
    .oj-fbgbu-validation-list-item-error::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center;
    }

    /* Success state: set icon as marker */
    .oj-fbgbu-validation-list-item-success::before {
        background-image: url(./../Images/iconValidationSuccess.svg);
    }

    /* Pending state: set icon as marker */
    .oj-fbgbu-validation-list-item-pending::before {
        background-image: url(./../Images/iconValidationPending.svg);
    }

    /* Error state: set icon as marker */
    .oj-fbgbu-validation-list-item-error::before {
        background-image: url(./../Images/iconValidationError.svg);
    }