.ClientProfileForm_Container {
    display: grid;
    gap: 10px;
}

.ClientProfileForm_Box {
    display: grid;
    grid-template-columns: 1fr 50px;
    grid-template-rows: 15px 36px;
    gap: 10px;
}

.ClientProfileForm_Box > label {
    font-size: 13px;
    color: #777;
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}

.ClientProfileForm_Box > input {
    width: 100%;
    padding: 2px 5px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.ClientProfileForm_Box > ons-button {
    padding: 2px 4px;
    text-align: center;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.ClientProfileForm_AbatarBox > ons-button {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

.ClientShopCodeForm_Box {
    display: none;
}

#Input_ShopCode {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    padding: 7px;
    font-size: 16px;
    color: #555;
    text-align: center;
}

#ClientShopCode_SubmitButton {
    margin-top: 10px;
}

.TermsCard .Link {
    display: block;
    font-size: 13px;
    padding-left: 10px;
}

.TermsCard .Link ons-icon {
    font-size: 13px;
    padding-left: 5px;
}