.btn-gravik {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF7E40;
    --bs-btn-border-color: #FF7E40;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f18b59;
    --bs-btn-hover-border-color: #f18b59;
    --bs-btn-focus-shadow-rgb: 243, 191, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f18b59;
    --bs-btn-active-border-color: #f18b59;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FF7E40;
    --bs-btn-disabled-border-color: #FF7E40;
}

.app-search-user {
    padding: 0px !important;
}

.app-search-user .form-control {
    background-color: #FFF !important;
}

.top-search-with-buttons {
    display: flex;
    gap: 8px;
}

.user-list-name-column {
    display: inline;
    padding: 5px;
    color: #FF8282;
}

.user-list-email-column {
    text-decoration: underline;
}

.badge {
    font-size: 11px;
}

.user-list-actions-column {
    display: inline;
}

.user-popup-name{
    padding-left: 8px;
    display: inline-block;
}

.user-info-popup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.user-info-popup img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.user-info-popup-email,
.user-info-popup-website,
.user-info-popup-username {
    text-decoration: underline;
}