.path-user-register .user-register-form .group-name {
    display: flex;
    flex-wrap: wrap;
}
.path-user-register .user-register-form .group-name > div {
    margin: 0 15px 0 0;
}
.path-user-register .user-register-form  #edit-field-user-firstname-0-value-counter {
    font-size: 0.7em;
}
.password-strength__indicator {
    background-color: var(--sec);
}
.path-user-register .group-bank {
    /* display: none !important;
    visibility: hidden !important; */
}
.path-user fieldset.group-bank .form-required .fieldset-legend::after {
  display: none;
}
.w3-input:focus {
    background-color: var(--white);
    border-radius: 8px;
}
.w3-input {
    background-color: var(--quart-thalf);
    border: 2px solid var(--main-t2);
    border-radius: 8px;
    box-shadow: none;
}
.w3-input,
.password-strength,
.group-bank {
    max-width: 480px;
    width: 100%;
}
form {
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-weight: normal;
}
form .form-item label {
    color: var(--dark);
    font-weight: 500;
    padding-right: 10px;
}
.password-strength {
    display: inline-block;
}
.password-strength__meter {
    background-color: var(--main-t3);
    border-radius: 12px;
    height: 0.5em;
    margin: 0.2em 0 0;
}
.w3-select {
    padding: 10px;
}
#edit-mail--description {
    display: none;
}
fieldset.group-bank {
    background-color: var(--white-t5);
    border: 5px solid var(--main) !important;
    border-radius: 12px;
    padding: 10px 20px;
}
fieldset > legend {
    padding: 0 5px;
    color: var(--dark);
    font-weight: 500;
}
fieldset.group-bank i {
    color: #f00;
    font-size: 1.2em;
}
.user-form .group-root > .group-general {
    margin: 0 0 30px;
}

/* DISABLE USER EDIT THEIR FIRST NAME */
.r_ref .user-form .field--name-field-user-firstname,
.r_ref .user-form .field--name-field-user-lastname  {
    display: none !important;
    visibility: hidden !important;
}
.r_ref .user-form .field--name-field-user-firstname input,
.r_ref .user-form .field--name-field-user-lastname input  {
    pointer-events: none !important;
    display: none !important;
    visibility: hidden !important;
}

/* USER INFORMATION PAGE */

/* REFF CODE */
.group-reff-code {
    align-items: center;
    display: flex;
}
.group-reff-code h2, .group-reff-code h3 {
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    margin: 0;
    padding: 5px 15px;
}
.group-reff-code h2 {
    background-color: var(--dark);
    color: var(--white);
}
.group-reff-code h3 {
    background-color: var(--quart);
    color: var(--dark);
}

.path-user .field--name-dynamic-block-fielduser-voucher-page-link {
    align-items: center;
    border: 3px solid var(--main);
    border-radius: 12px;
    color: var(--dark);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5em;
    font-weight: 700;
    margin: 10px 0 20px;
    padding: 10px;
}
.path-user .field--name-dynamic-block-fielduser-voucher-page-link > label {
    padding: 5px 15px;
}
.path-user .field--name-dynamic-block-fielduser-voucher-page-link > .field__item {
    color: var(--main);
    font-size: 0.9em;
    padding: 5px 15px;
    width: 100%;
}
.group-reff-code {
    margin: 3px 0;
}
.group-reff-code h2,
.path-user .field--name-dynamic-block-fielduser-voucher-page-link > label {
    min-width: 200px;
}

.path-user .group-general-display {
    margin: 10px 0 20px;
}
.path-user .group-general-display > div {
    align-items: center;
    background: var(--main-t1);
    display: flex;
    margin: 3px 0;
}
.path-user .group-general-display label,
.path-user .group-general-display .label {
    background-color: var(--main-t1);
    display: inline-block;
    font-weight: 600;
    line-height: 2 !important;
    min-width: 120px;
    padding: 5px 10px;
}
.path-user .group-general-display > div > div {
    padding: 0 0 0 7px;
}
/* "MEMBER FOR" FIELD */
.path-user .group-general-display > .form-no-label > .label {
    display: inline-block;
    font-size: inherit;
    margin: 0 10px 0 0;
}
.wa-share {
    background-color: var(--sec);
    border-radius: 4px;
    color: var(--white);
    font-size: 0.8em;
    font-weight: inherit;
    padding: 3px 25px 0;
}

/* TERMS OF CONDITIONS */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
  z-index: 9999999 !important;
  position: relative;
}
.form-item-conditions {
    width: 100%;
    background-color: var(--main);
    padding: 10px 12px;
    border-radius: 12px 12px 0 0;
    margin-bottom: 0 !important;
}
.form-item-conditions > label {
    color: var(--white-t8) !important;
    padding: 7px 7px 10px;
    display: inline-block;
}
.form-item-conditions textarea {
    width: 100% !important;
    display: inline-block !important;
    height: auto !important;
    min-width: 100%;
    background-color: var(--white);
    padding: 20px;
    border-radius: 12px;
}
.form-item-legal-accept {
    margin: 10px 0 30px !important;
    background-color: var(--main);
    border-radius: 0 0 12px 12px;
    padding: 12px;
}
.form-item-legal-accept label {
    color: var(--white) !important;
}
.form-item-legal-accept strong {
    font-weight: inherit;
}
.form-item-legal-accept label > a {
    border-bottom: 1px solid;
    color: var(--quart);
}
.form-item-legal-accept::after {
    color: var(--white) !important;
    content: "Silahkan baca ketentuan dengan klik link Terms & Conditions sebelum menyetujui";
    display: inline-block;
    font-family: Georgia;
    font-size: 0.95em;
    font-style: italic;
    padding: 5px 0 5px 30px;
    width: 100%;
}

/* MODAL TERMS & CONDITIONs */
.path-user-register > .ui-dialog.ui-widget-content {
    height: 90% !important;
    max-height: 100vh !important;
    max-width: 1000px;
    top: 50px !important;
    width: 100% !important;
}
.path-user-register > .ui-dialog.ui-widget-content > #drupal-modal {
    height: 90% !important;
    max-height: 100vh !important;
    max-width: 100% !important;
    width: 100% !important;
}
.path-user-register > .ui-dialog.ui-widget-content > .ui-dialog-titlebar  {
  position: relative;
}
.path-user-register > .ui-dialog.ui-widget-content > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
    border-color: #f00;
    box-shadow: 0 1px 2px #f00;
    margin: -18px 0 0;
    padding: 15px;
}


/* HIDE BANK ON EDIT USER FORM FOR REFERRAL USER */
.r_ref.admin-context.path-user .group-bank {
    display: none !important;
    visibility: hidden !important;
}

/* HIDE USER MAIL FOR STAFF USER */
.r_staf .field--name-usermail {
    display: none !important;
}