.container-primary-info { box-shadow: var(--custom-box-shadow); width: 100%; margin-bottom: 2rem; border-radius: 16px; } .container-primary-info .divider { margin: 0 0 0 7rem; width: unset; } .section-primary-info { display: flex; flex-direction: row; align-items: center; gap: 1.5rem; padding: .8rem 1.2rem .4rem; } .personal-info { display: flex; flex-direction: column; align-items: flex-start; line-height: normal; } .info-nome { color: var(--mud-palette-text-primary); font-weight: 800; font-size: medium; } .info-section { color: var(--mud-palette-gray-default); font-size: small; font-weight: 600; } .section-info { display: flex; justify-content: space-between; flex-direction: row; padding: .4rem 1.2rem .8rem; } .section-personal-info { display: flex; flex-direction: column; } .section-personal-info > div { display: flex; flex-direction: column; line-height: normal; margin: .25rem 0; } .info-title { color: var(--mud-palette-gray-darker); font-weight: 800; } .info-text { color: var(--mud-palette-text-secondary); font-weight: 700; font-size: small; } .content ::deep .user-button { border: 1px solid var(--card-border-color) !important; } .user-button > i { font-size: large; } .user-button > span { font-size: medium; font-weight: 600; } .status { font-weight: 700; } .status.online { color: var(--mud-palette-success); } .status.offline { color: var(--mud-palette-error); } .container-button { width: 100%; box-shadow: var(--custom-box-shadow); padding: .25rem 0; border-radius: 16px; } .container-button .divider { margin: .5rem 0 .5rem 3rem; width: unset; } .container-button ::deep .button-settings { border: none !important; } .container-button ::deep .button-settings .mud-icon-root { border-radius: 6px; padding: 2px; min-width: 25px; min-height: 25px; } .container-button ::deep .button-settings.infoText { color: var(--mud-palette-info); } .container-button ::deep .button-settings.green-icon .mud-icon-root { border: 1px solid var(--mud-palette-success); background: hsl(from var(--mud-palette-success-lighten) h s 95%); color: var(--mud-palette-success-darken); } .container-button ::deep .button-settings.red-icon .mud-icon-root { border: 1px solid var(--mud-palette-error); background: hsl(from var(--mud-palette-error-lighten) h s 95%); color: var(--mud-palette-error-darken); } .container-button ::deep .button-settings .mud-button-label { justify-content: flex-start; text-transform: capitalize; font-size: 1rem; } .container-button ::deep .button-settings.exit { padding: 0; } .container-button ::deep .button-settings.exit .mud-button-label { justify-content: center; font-size: 1.1rem; line-height: normal; } .container-pers-rif { width: 100%; display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; box-shadow: var(--custom-box-shadow); border-radius: 16px; } .container-pers-rif .divider { margin: 0 0 0 3.5rem; width: unset; }