#users {
 display: flex;
 flex-wrap: wrap;
 gap: 15px;
}

.friend {
 display: flex !important;
 background-color: var(--bg-table);
 padding: 10px;
 border-radius: 8px;
 position: relative;
 flex-direction: column;
 justify-content: space-between;
 overflow: hidden;
 width: 335px;
 height: 255px;
 align-items: center;
}

.friend img {
 width: 149px;
}

.friend_work {
 display: flex;
 width: 100%;
 justify-content: space-between;
 gap: 3px;
 position: relative;
}

.friend_profile,
.friend_msg{
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 background-color: var(--bottom-line-table);
 padding: 8px 0;
 border-radius: 4px;
 cursor: pointer;
 font-size: 12px;
 font-weight: 700;
 color: var(--custom-text-color);
 user-select: none;
 transition: .3s;
 height: 35px;
}

.form-control {
 background-color: var(--input-form);
}

#search_login {
 width: 80%;
}

.block-search .input-group {
 margin-bottom: 15px;
}

.admins_block {
 display: flex;
 flex-wrap: wrap;
 gap: 13px;
}

.admin_card {
 width: 24%;
}