.adminlist_title {
    display: flex;
    margin: 10px auto 10px;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--custom-text-color);
    text-transform: uppercase;
    justify-content: flex-start;
    gap: 5px;
    transition: .3s;
}

.adminlist_title svg {
    width: 15px;
    height: auto;
    fill: var(--custom-text-color);
    opacity: .5;
    transition: .3s;
}

.adminlist_title:hover {
    color: var(--span-color);
    transition: .3s;
}

.adminlist_title:hover svg{
    fill: var(--default-text-color);
    opacity: 1;
    transition: .3s;
}

.veryfied_admins {
    fill: var(--green-color) !important;
}

@media (max-width:768px){
    .adm3,
    .adm4,
    .adm5,
    .adm7,
    .adm8,
    .adm9,
    .adm10 {
        display: none !important;
    }

    .adminlist_head {
        padding: 19px 10px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        background-color: var(--bottom-line-table);
        border-radius: 4px;
        margin: 5px;
        user-select: none;
        justify-items: center;
    }
    
    .adminlist_content li {
        height: 60px;
        background: var(--bg-table-color);
        border-radius: 4px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 10px;
        margin: 0 5px 5px;
        transition: .3s;
        position: relative;
        justify-items: center;
    }
}

@media (min-width:769px) and (max-width:1079px){
    .adm3,
    .adm4 {
        display: none !important;
    }

    .adminlist_head {
        padding: 19px 10px;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        background-color: var(--bottom-line-table);
        border-radius: 4px;
        margin: 5px;
        user-select: none;
        justify-items: center;
    }
    
    .adminlist_content li {
        height: 60px;
        background: var(--bg-table-color);
        border-radius: 4px;
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        padding: 0 10px;
        margin: 0 5px 5px;
        transition: .3s;
        position: relative;
        justify-items: center;
    }
}

@media (min-width:1080px) {
    .adminlist_head {
        padding: 19px 10px;
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        background-color: var(--bottom-line-table);
        border-radius: 4px;
        margin: 5px;
        user-select: none;
        justify-items: center;
    }
    
    .adminlist_content li {
        height: 60px;
        background: var(--bg-table-color);
        border-radius: 4px;
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        padding: 0 10px;
        margin: 0 5px 5px;
        transition: .3s;
        position: relative;
        justify-items: center;
    }
}

.adminlist_head span {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--custom-text-color);
    opacity: .5;
    display: flex;
    align-items: center;
}

.adminlist_head svg {
    width: 14px;
    height: 14px;
    fill: var(--custom-text-color);
}

.adminlist_content li:not(:last-child) {
    margin-bottom: 3px;
}

.adminlist_content li:hover {
    transition: .3s;
    background-color: var(--bottom-line-table);
}

.adminlist_content li span {
    font-size: 11px;
    font-weight: 500;
    display: flex;
    color: var(--default-text-color);
    z-index: 2;
    white-space: nowrap;
    align-items: center;
    gap: 10px;
}

.adminlist_content li span svg{
    width: 14px;
    height: auto;
    fill: var(--default-text-color);
}

.admins_avatar {
    display: flex;
    justify-content: center;
    position: relative;
}

.admins_avatar img{
    width: 35px;
    height: 35px;
    border-radius: 4px;
}

.online_status {
    display: flex;
    position: absolute;
    bottom: -4px;
    pointer-events: none;
    justify-content: center;
}

.offline_admin {
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--red-color);
    border-radius: 25px;
}

.online_admin {
    display: flex;
    width: 8px;
    height: 8px;
    background-color: var(--green-color);
    border-radius: 25px;
}

.adminlist_nickname {
    font-weight: 700 !important;
    color: var(--span-color) !important;
    cursor: pointer;
}

.discordcopy_icon svg {
    cursor: pointer;
    width: 20px !important;
    fill: var(--default-text-color);
    height: auto;
}

.adminlist_ds_icon {
    fill: #7289da !important;
}

.inactive_icon {
    opacity: .2 !important;
}

.adminlist_vk {
    background-color: #0077ff;
    margin: 17px 0;
    padding: 0 10px;
    border-radius: 4px;
    font-weight: 700 !important;
    cursor: pointer;
}

.adminlist_steam {
    background-color: #000;
    margin: 17px 0;
    padding: 0 10px;
    border-radius: 4px;
    font-weight: 700 !important;
    cursor: pointer;
}

.adminlist_likes {
    fill: var(--green-color) !important;
}

.adminlist_dislikes {
    fill: var(--red-color) !important;
}