* {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.btn-primary {
    --bs-btn-bg: var(--theme-button-bg);
    --bs-btn-border-color: var(--theme-button-border);
    --bs-btn-hover-bg: var(--theme-button-hover-bg);
    --bs-btn-hover-border-color: var(--theme-button-hover-border);
    --bs-btn-active-bg: var(--theme-button-active-bg);
    --bs-btn-active-border-color: var(--theme-button-active-border);
    --bs-btn-disabled-bg: var(--theme-button-disabled-bg);
    --bs-btn-disabled-border-color: var(--theme-button-disabled-border);
}

.avatar {
    border-radius: 50%;
}

.avatar-35 {
    width: 35px;
    height: 35px;
}

.avatar-45 {
    width: 45px;
    height: 45px;
}

.avatar-70 {
    width: 70px;
    height: 70px;
}

.no-link {
    color: inherit !important;
    text-decoration: none !important;
}

.clickable {
    cursor: pointer;
}

.form-control.compact {
    padding: 1px;
    font-size: 10pt;
}

.form-control.compact:not(:focus) {
    border: none;
    background-color: transparent !important;
}