.hub-circule-view { width: 300px; height: 300px; box-sizing: content-box; position: relative; }
    .hub-circule-view canvas { z-index: 0 !important; }
    .hub-circule-view .hub { box-sizing: border-box; width: 10px; height: 10px; position: relative; background-image: url('../../i/hub/hub_helix.svg'); background-size: 50px 50px; background-repeat: no-repeat; }

    .hub-circule-view .exist-node:hover { opacity: 0.8; }

    .hub-circule-view .exist-node { position: absolute; width: 30px; height: 30px; z-index: 200; background-size: 30px 30px; border-radius: 15px; }
        .hub-circule-view .exist-node.globaladdresslist { background-image: url("../../../bundle/i/syncTunnelWizard/global_address_list.svg"); }
        .hub-circule-view .exist-node.publicfolder { background-image: url("../../../bundle/i/syncTunnelWizard/public_folder.svg"); }
        .hub-circule-view .exist-node.sharedmailbox { background-image: url("../../../bundle/i/syncTunnelWizard/shared_mailbox.svg"); }