.avatar {
    width: 25px;
    height: 25px;
    border-radius: 2px 2px 50% 50%;
}

.avatar_big {
    width: 100px;
    height: 100px;
    border-radius: 10px 10px 50% 50%;
}

.user-index .box_user
{
    animation-name: out_index_box;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
}

.user-index .box_user:hover
{
    animation-name: hover_index_box;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.user_view_avatar_header
{
    background-color: #28254d;
    margin: -10px;
    height: 100px;
    border-radius: 5px 5px 0 0;
}

.custom_table
{
    border: 0.5px solid #f6f6f6;
    width: 100%;
}

.custom_table_tr
{
    border:0.5px solid #f6f6f6;
}

.custom_table_tr_td
{
    padding:8px;
}