@charset "ISO-8859-1";
.iteractive_input_password {
    box-sizing: border-box; /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    width: 320px !important;
    height: 36px !important; /* White */
    background: #FFFFFF;
    border: 1px solid #121212;
    border-radius: 4px; /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.confirmInputPassword { /* Form Field */
    box-sizing: border-box; /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    width: 320px;
    height: 36px; /* White */
    background: #FFFFFF;
    border: 1px solid #D0D7DE;
    border-radius: 4px; /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.IteractiveFormButton {
    line-height: 24px !important; /* Button */
    box-sizing: border-box; /* Auto layout */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 2px 4px !important;
    gap: 8px !important;
    width: 67px !important;
    height: 32px !important;
    background: #93BD44 !important;
    border: 1px solid rgba(27, 31, 36, 0.15) !important; /* btn/shadow */
    box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04) !important;
    border-radius: 6px !important; /* Inside auto layout */
    flex: none !important;
    order: 2 !important;
    flex-grow: 0 !important;
    text-align: center;
}

.labelPassword {
    height: 15px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px; /* identical to box height */
    font-feature-settings: 'case' on;
    color: #121212; /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 4px !important;
}

.labelConfirm { /* Confirm password */
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px; /* identical to box height */
    font-feature-settings: 'case' on;
    color: #121212; /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 4px !important;
}

.text_form { /* At least 1 lowercase letter. */
    margin-bottom: 4px !important;
    width: 313px;
    height: 16px;
    font-family: 'Arial' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 16px; /* identical to box height, or 133% */
    letter-spacing: 0.2px;
    color: #858585; /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 1;
}

.webAppButton{
    /* Button */
    box-sizing: border-box;

        /* Auto layout */

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px 4px;
    gap: 8px;
    width: 320px;
    height: 40px;


    background: #93BD44;
    border: 1px solid rgba(27, 31, 36, 0.15);
    /* btn/shadow */
    box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04);
    border-radius: 6px;



        /* Inside auto layout */


    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    line-height: 30px;


}

.message_error_input_confirm{

    width: 320px !important;
    height: 16px !important;

    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    letter-spacing: 0.2px;

    color: #FD2E2E;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 1;
}

.message_error_input_confirm_my_info {
    width: 348px;
    height: 16px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #FD2E2E;
    display: inline-block;
    margin-bottom: 5px;
}

/* CSS Classes to WebApp*/

.iteractive_input_password_mobile {
    box-sizing: border-box; /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    width: 100% !important;
    height: 36px !important; /* White */
    background: #FFFFFF;
    border: 1px solid #121212;
    border-radius: 4px; /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.confirmInputPasswordMobile { /* Form Field */
    box-sizing: border-box; /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    width: 100%;
    height: 36px; /* White */
    background: #FFFFFF;
    border: 1px solid #D0D7DE;
    border-radius: 4px; /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.webAppButtonMobile{
    /* Button */
    box-sizing: border-box;

    /* Auto layout */

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px 4px;
    gap: 8px;
    width: 100%;
    height: 40px;


    background: #93BD44;
    border: 1px solid rgba(27, 31, 36, 0.15);
    /* btn/shadow */
    box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04);
    border-radius: 6px;



    /* Inside auto layout */


    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    line-height: 32px !important;


}

.webAppButtonMobileGolden{
    /* Button */
    box-sizing: border-box;

    /* Auto layout */

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px 4px;
    gap: 8px;
    width: 100%;
    height: 40px;


    background: #FBE688;
    border: 1px solid rgba(27, 31, 36, 0.15);
    /* btn/shadow */
    box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04);
    border-radius: 6px;



    /* Inside auto layout */

	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    line-height: 32px !important;


}

@media only screen and (min-width: 240px) and (max-width: 257px) {

    .text_form_extended {
        margin-bottom: 34px !important;
        width: 50%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}
@media only screen and (min-width: 258px)  and (max-width: 401px){

    .text_form_extended {
        margin-bottom: 17px !important;
        width: 50%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}
@media only screen and (min-width: 402px){

    .text_form_extended {
        margin-bottom: 5px !important;
        width: 50%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}

/* english text extended class*/

@media only screen and (min-width: 240px) and (max-width: 251px) {

    .text_form_extended_en {
        margin-bottom: 17px !important;
        width: 50%;
        height: 40px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}
@media only screen and (min-width: 252px)  and (max-width: 268px){

    .text_form_extended_en {
        margin-bottom: 17px !important;
        width: 50%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}
@media only screen and (min-width: 269px)  and (max-width: 403px){

    .text_form_extended_en {
        margin-bottom: 17px !important;
        width: 50%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}

@media only screen and (min-width: 404px){

    .text_form_extended_en {
        margin-bottom: 5px !important;
        width: 50%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 1;
    }
}




/* Title of rules*/
@media only screen and (min-width: 240px) and (max-width: 320px) {

    .title_rule { /* Password must meet the following: */
        width: 100%;
        height: 16px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width: 321px) {

    .title_rule {
        width: 100%;
        height: 16px;
        font-family: 'Arial' !important;
        font-style: normal;
        font-weight: 400;
        font-size: 12px !important;
        line-height: 16px; /* identical to box height, or 133% */
        letter-spacing: 0.2px;
        color: #858585; /* Inside auto layout */
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin-bottom: 4px !important;
    }
}

.interactive_input_password_change_password {
    box-sizing: border-box !important;

    /* Auto layout */

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 8px 12px !important;
    gap: 12px !important;

    width: 356px !important;
    height: 36px !important;

    /* White */

    background: #FFFFFF !important;
    border: 1px solid #D0D7DE !important;
    border-radius: 4px !important;

    /* Inside auto layout */

    flex: none !important;
    order: 0 !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
    margin-top: 10px !important;
}

.InteractiveFormButtonChange {
    /* Button */


    box-sizing: border-box !important;

    /* Auto layout */

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 2px 4px !important;
    gap: 8px !important;

    width: 53px !important;
    height: 32px !important;

    background: #93BD44 !important;
    border: 1px solid rgba(27, 31, 36, 0.15) !important;
    /* btn/shadow */

    box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04) !important;
    border-radius: 6px !important;

    /* Inside auto layout */

    flex: none !important;
    order: 0 !important;
    flex-grow: 0 !important;

    font-family: 'Arial' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #000000 !important;


}

cancelButtonChange{

    margin-left: 10%;
    width: 40px;
    height: 18px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #073463 !important;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding-top: 5px;
}