:root {
    --send: url(../../image/send.svg);
    --logout: url(../../image/logout.svg);
    --settings: url(../../image/settings.svg);
    --attachment: url(../../image/attachment.svg);
    --download: url(../../image/download.svg);
    --chat: url(../../image/chat.svg);
    --caution: url(../../image/locked.svg);
    --void: url(../../image/void.svg);
    --user: url(../../image/user.svg);
    --locked: url(../../image/locked.svg);
    --checklist: url(../../image/checklist.svg);
    --exchange: url(../../image/exchange.svg);
    --help: url(../../image/help.svg);
    --clock: url(../../image/clock.svg);
    --home: url(../../image/home.svg);
    --users: url(../../image/users.svg);
    --reply: url(../../image/reply.svg);
    --profile: url(../../image/profile.svg);
    --faq: url(../../image/faq.svg);
    --userAdmin: url(../../image/userAdmin.svg);
    --power: url(../../image/power.svg);
    --search: url(../../image/search.svg);
    --addUser: url(../../image/Add_User.svg);
    --back: url(../../image/back.svg);
    --quest: url(../../image/quest.svg);
    --chats: url(../../image/chats.svg);
}

.chats-ico {
    content: var(--chats);
    width: 24px;
}

.chat-admin-ico {
    content: var(--chats);
    width: 19px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.quest-ico {
    content: var(--quest);
    width: 20px;
    position: relative;
    top: 2px;
}

.addUser-ico {
    content: var(--addUser);
    width: 17px;
}

.search-ico {
    content: var(--search);
    width: 19px;
    margin-top: 7px;
    cursor: pointer;
}

.power-ico {
    content: var(--power);
    width: 14px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.userAdmin-ico {
    content: var(--userAdmin);
    width: 24px;
    margin-left: 5px;
}

.faq-ico {
    content: var(--faq);
    width: 19px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.profile-ico {
    content: var(--profile);
    width: 19px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.reply-ico {
    content: var(--reply);
    width: 19px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.users-ico {
    content: var(--users);
    width: 24px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.home-ico {
    content: var(--home);
    width: 19px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.clock-ico {
    content: var(--clock);
    width: 24px;
}

.help-ico {
    content: var(--help);
    width: 24px;
}

.exchange-ico {
    content: var(--exchange);
    width: 24px;
}

.checklist-ico {
    content: var(--checklist);
    width: 24px;
}

.user-ico {
    content: var(--user);
    width: 24px;
}

.void-ico {
    content: var(--void);
    width: 24px;
}

.caution-ico {
    content: var(--caution);
    width: 24px;
}

.chat-ico {
    content: var(--chat);
    width: 24px;
}

.send-ico {
    content: var(--send);
    width: 30px;
}

.logout-ico {
    content: var(--logout);
    width: 24px;
}

.settings-ico {
    content: var(--settings);
    width: 24px;
}

.attachment-ico {
    content: var(--attachment);
    width: 35px;
    cursor: pointer;
    margin-top: 4px;
}

.download-ico {
    content: var(--download);
    width: 22px;
    height: 22px;
    float: right;
    border: 1px solid #665dfe;
    border-radius: 50%;
    margin-left: 5px;
}

@media (max-width: 1199px) {
    .back-ico {
        content: var(--back);
        width: 17px;
        margin-right: 10px;
        cursor: pointer;
    }
}