#bugtracker {
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 2em;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid rgba(0, 71, 177, 0.75);
    text-align: center;
    cursor: pointer;
    background:#fff url('data:image/png;base64,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') no-repeat center;
    background-size: 30px 30px;
    transition: transform .3s ease-in-out;
    z-index: 99999999;
}
#bugtracker.toolbar
{
    height: 30px;
    line-height: 30px;
    width: 30px;   
    background-size: 20px 20px;
}
#bugtracker:hover {
    transform: rotate(60deg);
}
#bugtracker.hide{
    display: none;
}
#bugtracker.topleft{
    position: fixed;
    top: 10px;
    left: 10px;
}
#bugtracker.topright{
    position: fixed;
    top: 10px;
    right: 10px;
}
#bugtracker.bottomleft{
    position: fixed;
    bottom: 30px;
    left: 10px;
}
#bugtracker.bottomright{
    position: fixed;
    bottom: 10px;
    right: 10px;
}