.profile { height: fit-content; margin-top: 80px; min-height: 100vh; background-color: #ffffff; } .clickable { cursor: pointer; } .clickable:hover { //text-decoration: underline; //Alternative color: #00b29f !important; } // .two-line-mat-option { // height: 3.5em; // line-height: 1.2em; // } // .full-width{ // width: 100% // } .user-profile { .profile-card-center-row { justify-content: center; } .profile-card { margin-bottom: 1em; } .user-profile-title { font-size: 1.25rem; color: #212121; padding-top: 4.1875rem; padding-left: 3.75rem; padding-bottom: 4.0625rem; } .profile-content { margin-left: 9rem; margin-right: 11rem; .avatar { border-radius: 50%; width: 122px; height: 122px; box-shadow: 0px 3px 6px #00000029; } } .camera { position: relative; bottom: 17px; .material-icons-two-tone { background-color: #00ffdc; font-size: 34px; width: 34px; height: 34px; -webkit-background-clip: text; } } .main-info { margin-bottom: 34px; } .name { color: #129d99; font-weight: 500; font-size: 1.25rem; line-height: 3rem; } .connected { color: #a8a8a8; } .mail { color: #129d99; font-weight: 500; } .field-title { color: #212121; opacity: 0.81; font-size: 1.125rem; font-weight: 500; } } .settings { line-height: 2.4em !important; } .zenodo-email { color: black; } .remove-btn { padding-bottom: 1.34375em; } .unlinkBtn { background-color: FireBrick; color: white; } .save-btn { background: #129d99 0% 0% no-repeat padding-box; border-radius: 30px; opacity: 1; width: auto; min-width: 110px; height: 40px; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #ffffff; cursor: pointer; } ::ng-deep .name-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .name-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; } ::ng-deep .organization-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .organization-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; } ::ng-deep .timezone-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .timezone-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; } ::ng-deep .culture-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .culture-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; } ::ng-deep .language-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .language-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; } ::ng-deep .role-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .role-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; }