.row-layout {
    display:flex
}

.column-layout {
    display:flex;
    flex-direction: column;
}

html {
    overflow-x: hidden;
}

.person-card-layout {
    padding: 16px 0px 16px 0px;
}

.status-tag {
    background-color: darkturquoise;
    border-radius: 8px;
    color: white;
    padding: 0 6px 0 6px;
    width: fit-content;
    font-size: 0.7rem;
}

.e-btn.e-primary {
    background: rgb(147, 50, 169) !important;
    border-color: rgb(147, 50, 169) !important;
    color: #ffffff !important;
}

.person-card.dark {
    background-color: #333333;
    --neutral-foreground-rest: #ffffff;
    --accent-foreground-rest: #ffffff;
    --neutral-foreground-hint: #ffffff;
    --neutral-foreground-hint: #ffffff;
    --neutral-fill-hover: #9f9f9f;
    --neutral-fill-active: #333333;
    --accent-foreground-hover: #ffffff;
    --person-background-color: #333333;
    --neutral-layer-floating: #333333;
    --neutral-stroke-rest: #7f7f7f;
    --profile-token-item-background-color: #838383;
    --organization-active-org-member-border-color: #838383;
    --organization-coworker-hover-color: #333333;
    --organization-hover-color: #333333;
}