.portal-form-auto {
    width: auto;
}

.portal-col-tight {
    width: 1%;
    white-space: nowrap;
}

.portal-col-icon {
    width: 40px;
    white-space: nowrap;
}

.portal-text-truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.portal-max-w-400 {
    max-width: 400px;
}

.portal-max-w-500 {
    max-width: 500px;
}

.portal-editor-sm {
    min-height: 90px;
}

.portal-editor-md {
    min-height: 120px;
}

.portal-logo-link {
    text-align: center;
}

.portal-logo-lg {
    height: 40px;
}

.portal-profile-hero {
    height: 200px;
    background-image: url("/images/profile-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.portal-avatar-action {
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.portal-avatar-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portal-avatar-32 {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.portal-color-dot {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    min-width: 0.75rem;
    padding: 0;
    background-color: var(--portal-dot-color, #6c757d);
}