.hub-circule { width: 1166px; height: 800px; box-sizing: content-box; position: relative; flex: 1; }
    .hub-circule canvas { z-index: 0 !important; }
    .hub-circule .hub { box-sizing: border-box; width: 200px; height: 200px; background-color: white; position: relative; background-color: #FAFAFA; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
        .hub-circule .hub .hub-name { /*height: 80px;*/ }
        .hub-circule .hub .hub-description { color: #757575; font-size: 16px; }
        .hub-circule .hub .hub-title { font-size: 16px; max-width: 160px; text-align: center; line-height: 30px; }
        .hub-circule .hub .plus { cursor: pointer; background-image: url('../../i/_controls-sprite.svg'); background-size: 30px auto; height: 30px; width: 30px; background-repeat: no-repeat; background-position: 0 -180px; }
            .hub-circule .hub .plus:hover { background-image: url('../../i/_controls-sprite.svg'); background-size: 30px auto; height: 30px; width: 30px; background-repeat: no-repeat; background-position: 0 -210px; }

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

    .hub-circule .exist-node { position: absolute; width: 280px; height: 50px; z-index: 200; background-color: white; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
        .hub-circule .exist-node .node-body { width: 210px; }
            .hub-circule .exist-node .node-body .name { height: 30px; line-height: 30px; width: 200px; }
            .hub-circule .exist-node .node-body .count { height: 15px; line-height: 15px; font-size: 12px; color: #757575; }

        .hub-circule .exist-node .connect-node-left { width: 50px; height: 50px; }
            .hub-circule .exist-node .type-icon { height: 50px; width: 50px; background-repeat: no-repeat; background-size: 40px 40px; border-radius: 15px; background-position: center center; }
                .hub-circule .exist-node .type-icon.globaladdresslist { background-image: url("../../../bundle/i/syncTunnelWizard/global_address_list.svg"); }
                .hub-circule .exist-node .type-icon.publicfolder { background-image: url("../../../bundle/i/syncTunnelWizard/public_folder.svg"); }
                .hub-circule .exist-node .type-icon.sharedmailbox { background-image: url("../../../bundle/i/syncTunnelWizard/shared_mailbox.svg"); }

        .hub-circule .exist-node .connect-node-rigth { width: 35px; height: 50px; }
            .hub-circule .exist-node .connect-node-rigth .menu { cursor: pointer; background-image: url('../../i/hub/action_menu.svg'); background-size: 30px auto; height: 30px; width: 30px; background-repeat: no-repeat; }
                .hub-circule .exist-node .connect-node-rigth .menu:hover { opacity: 0.9; }

    .hub-circule .hub-context-menu { }