.edit-profile-form, .edit-password-form, .delete-profile-form, .edit-team-form { width: inherit; } .edit-profile-form__wrapper, .delete-profile-form__wrapper { width: 90%; } .edit-profile-form__wrapper, .delete-profile-form__wrapper, .edit-password-form__wrapper, .edit-team-form__wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .edit-profile-form__wrapper h1.MuiTypography-root, .delete-profile-form__wrapper h1.MuiTypography-root, .edit-password-form__wrapper h1.MuiTypography-root, .edit-team-form__wrapper h1.MuiTypography-root { font-size: var(--env-var-font-size-medium); color: var(--env-var-color-2); font-weight: 600; } .edit-profile-form__wrapper p.MuiTypography-root, .delete-profile-form__wrapper p.MuiTypography-root { font-size: var(--env-var-font-size-medium); color: var(--env-var-color-2); opacity: 0.6; } #modal-delete-account, #modal-edit-org-name, #modal-invite-member { font-size: var(--env-var-font-size-large); color: var(--env-var-color-2); font-weight: 600; } .edit-profile-form__wrapper:not(:first-of-type), .edit-password-form__wrapper:not(:first-of-type), .edit-team-form__wrapper:not(:first-of-type) { margin-top: 40px; } .edit-team-form__wrapper.compact { margin-top: 30px; color: var(--env-var-color-16); } .edit-profile-form__wrapper input, .edit-password-form__wrapper input, #edit-organization-name, #input-team-member { font-size: var(--env-var-font-size-medium); padding: 10px; } .edit-password-form__wrapper > .announcement-tile { width: 100%; } .edit-password-form__wrapper > .announcement-tile .announcement-content-subject { margin-bottom: 2px; } .edit-password-form__wrapper .announcement-tile { margin: 0; } .edit-password-form__wrapper .announcement-tile .announcement-close { margin-left: auto; } .MuiBox-root > .announcement-tile { border-color: var(--env-var-color-14); background-color: var(--lighter-env-var-color-14); } .MuiBox-root > .announcement-tile .announcement-content-body, .MuiBox-root > .announcement-tile .announcement-close svg { color: var(--env-var-color-15); fill: var(--env-var-color-15) !important; } #org-name-flex-container .Mui-disabled { color: var(--env-var-color-2) !important; } .edit-team-form__wrapper td { padding: 10px 0; padding-top: 20px; vertical-align: text-top; } .edit-team-form__wrapper th { padding: 14px 0; } .edit-team-form__wrapper th:first-of-type { padding-left: 20px; } .edit-team-form__wrapper td { font-size: (--env-var-font-size-medium); color: var(--env-var-color-16); } #select-actions, #select-role { padding: 5px 0; padding-left: 15px; padding-right: 50px; line-height: 1.75; } .MuiInputBase-root:has(#select-actions) fieldset, .MuiInputBase-root:has(#select-role) fieldset { border-color: #a1a7b1; margin: -1px; border-width: 1px; } .MuiInputBase-root:has(#select-actions):hover fieldset, .MuiInputBase-root:has(#select-role):hover fieldset { border-color: var(--env-var-color-2); } .members-query{ display: inline-flex; justify-content: center; align-items: center; margin-left: 6px; padding: 2px; font-size: 12px; font-weight: 500; color: var(--env-var-color-3); background-color: #e0e9fd; min-width: 22px; min-height: 22px; border-radius: 50%; }