.family-members-list { margin-top: 10px; border-top: 1px solid #eee; padding-top: 10px; } .family-members-list .item { margin-bottom: 10px; } .family-members-edit option { font-family: 'Font Awesome 5 Free', 'sans-serif'; } .family-relation-privacy, .family-relationship-edit, .family-members-edit { font-family: 'Font Awesome 5 Free', 'sans-serif'; border: 0; padding: 5px; font-weight: 900; } .family-relation-privacy option { font-weight:900; } .family-relation-privacy:focus-visible { outline: 0px !important; } .family-members-list .user-icon { border-radius: 100%; border: 1px solid #ccc; width: 52px; height: 52px; margin: 0 auto; } .family-members-list .user-details { margin-top: 5px; } .family-members-list .user-details i { margin-right: 0; } .family-members-list .user-details .edit { float: right; margin-left: 20px; } .family-members-list .user-details .privacy { float: right; } .family-members-list .user-details a { font-weight: bold; } .family-members-list .pending { color: red; } .family-members-list .user-icon img { border-radius: 100%; } .family-relationships-container {} .family-member-request-item .ossn-loading { display: none; } .family-member-request-btn i { margin-right: 0; } .family-member-request-name { font-weight: bold; } .add-relationship-member, .add-family-member { color: #337ab7; } .family-relationships-title { font-weight: bold; } .family-member-add-form { display: none; margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; } .relation-member-add-form .token-input-input-token, .family-member-add-form .token-input-input-token { width: 100%; } #token-input-relation-family-member, #token-input-familysearch-family-member { width: 100% !important; } .relation-member-add-form { display: none; margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }