.hub-wizard { }
    .hub-wizard .top_bar { height: 44px; padding: 5px; background: #D4DCDE; }

    .hub-wizard .switch-content { }

    .hub-wizard .left-side-container .hub-name { margin-left: 15px; font-size: 16px; cursor: pointer; height: 30px; line-height: 30px; }
        .hub-wizard .left-side-container .hub-name .hub-title { width: auto; max-width: 300px; }
    .hub-wizard .left-side-container .hub-edit { cursor: pointer; background-image: url('../../i/_controls-sprite.svg'); background-size: 30px auto; height: 30px; width: 30px; background-repeat: no-repeat; background-position: 0 -360px; }
        .hub-wizard .left-side-container .hub-edit:hover { background-image: url('../../i/_controls-sprite.svg'); background-size: 30px auto; height: 30px; width: 30px; background-repeat: no-repeat; background-position: 0 -390px; }
    .hub-wizard .left-side-container .k-input-edit { max-width: 300px; width: 300px; line-height: 34px; height: 34px; }

    .hub-wizard .switch-content md-switch { margin: 0px; }

    .hub-wizard .left-side-container .back { cursor: pointer; height: 30px; width: 30px; background-repeat: no-repeat; background-size: 30px auto; background-image: url('../../../bundle/i/back-sprite-x30.svg'); background-position: 0 -60px; }
        .hub-wizard .left-side-container .back:hover { height: 30px; width: 30px; background-repeat: no-repeat; background-size: 30px auto; background-image: url('../../../bundle/i/back-sprite-x30.svg'); background-position: 0 0; }
    .hub-wizard .left-side-container .description { margin-left: 10px; font-size: 16px; }
    .hub-wizard .show-grid-switcher { margin-right: 4px; padding-right: 4px; }

    .hub-wizard .icon-control { cursor: pointer; background: url("../../i/controls-sprite-30x30.svg"); background-repeat: no-repeat; }

        .hub-wizard .icon-control.size30 { width: 30px; height: 30px; background-size: 30px 1140px; margin-left: 5px; min-height: 30px; max-height: 30px; }

        .hub-wizard .icon-control.plus { background-position: -0px -180px; }
            .hub-wizard .icon-control.plus:hover { background-position: -0px -210px; }

    .hub-wizard .step0 { margin-top: 20px; margin-left: 20px; margin-right: 0px; }
        .hub-wizard .step0.show-connectrors { height: 100%; }
        .hub-wizard .step0 .block { margin-right: 20px; margin-bottom: 20px; cursor: pointer; width: 332px; height: 100px; background-color: #FAFAFA; padding: 15px; border-radius: 3px; }
            .hub-wizard .step0 .block .shadow { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
            .hub-wizard .step0 .block .highlighted { font-size: 20px; font-weight: 100; color: #455A64; }
            .hub-wizard .step0 .block:hover { background-color: whitesmoke; }

            .hub-wizard .step0 .block.global-address-list { background-image: url('../../../bundle/i/syncTunnelWizard/global_address_list.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
            .hub-wizard .step0 .block.public-folder { background-image: url('../../../bundle/i/syncTunnelWizard/public_folder.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
            .hub-wizard .step0 .block.shared-mailbox { background-image: url('../../../bundle/i/syncTunnelWizard/shared_mailbox.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
            .hub-wizard .step0 .block.bullhorn { background-image: url('../../../bundle/i/syncTunnelWizard/bullhorn-tunnel-icon.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
                .hub-wizard .step0 .block.bullhorn[disabled] { opacity: 0.5; cursor: not-allowed; }
            .hub-wizard .step0 .block.salesforce { background-image: url('../../../bundle/i/syncTunnelWizard/salesforce-tunnel-icon.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
                .hub-wizard .step0 .block.salesforce[disabled] { opacity: 0.5; cursor: not-allowed; }
            .hub-wizard .step0 .block.internet_calendar { background-image: url('../../../bundle/i/syncTunnelWizard/internet_calendar.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
            .hub-wizard .step0 .block.salesforce_appexchange { background-image: url('../../../bundle/i/syncTunnelWizard/salesforceAppExchange-tunnel-icon.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-repeat: no-repeat; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
                .hub-wizard .step0 .block.salesforce_exchange[disabled] { opacity: 0.5; cursor: not-allowed; }
            .hub-wizard .step0 .block.ucm { background-image: url('../../../bundle/i/syncTunnelWizard/ucm-import.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
                .hub-wizard .step0 .block.ucm[disabled] { opacity: 0.5; cursor: not-allowed; }
            .hub-wizard .step0 .block.cira-hub { background-image: url('../../../bundle/i/syncTunnelWizard/ucm-import.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
                .hub-wizard .step0 .block.cira-hub[disabled] { opacity: 0.5; cursor: not-allowed; }
            .hub-wizard .step0 .block.group-calendar { background-image: url('../../../bundle/i/syncTunnelWizard/group-calendar.svg'); background-repeat: no-repeat; background-size: 80px 80px; background-position-x: 225px; background-position-y: 30px; background-position: 270px 30px; }
            .hub-wizard .step0 .block.group-calendar[disabled] { opacity: 0.5; cursor: not-allowed; }

    .hub-wizard .step1 { margin-left: 7px; margin-right: 7px; }
        .hub-wizard .step1 .left-side-container { }
        .hub-wizard .step1 .right-side-container { overflow: auto; background-color: white; margin-left: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) }
        .hub-wizard .step1 .left-side-container.public-folder-container { background-color: white; }

    .hub-wizard .step2 { margin-top: 10px; }
        .hub-wizard .step2 .left-side-container { }
        .hub-wizard .step2 .right-side-container { overflow: auto; background-color: white; margin-left: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) }
        .hub-wizard .step2 .settings-main md-input-container { margin: 0px; }

        .hub-wizard .step2 .settings-main { margin-left: 20px; width: 400px; }
            .hub-wizard .step2 .settings-main .node-name { background-color: white; height: 34px; line-height: 34px; width: 400px; padding: 2px !important; box-sizing: border-box; }

        .hub-wizard .step2 .hub-wizard .step2 { margin-top: 20px; margin-left: 20px; }

        .hub-wizard .step2 .tree-view .k-state-selected { background-color: #EEEEEE; color: #000; }
        .hub-wizard .step2 .tree-view .item:hover { cursor: pointer; background-color: #EEEEEE; border-radius: 3px; cursor: pointer; }
        .hub-wizard .step2 .k-item .k-state-focused, .hub-wizard .step2 .root-treeView-container .k-in.k-state-focused { border-color: transparent !important; }

        .hub-wizard .step2 .root-treeView-container { background-color: #fff; }
            .hub-wizard .step2 .root-treeView-container .item { height: 34px; line-height: 34px; min-height: 34px; padding: 5px; width: 310px; }
                .hub-wizard .step2 .root-treeView-container .item .icon { position: relative; width: 34px; height: 34px; }
                    .hub-wizard .step2 .root-treeView-container .item .icon.calendar:after, .hub-wizard .step2 .item .icon.appointments:after, .hub-wizard .step2 .root-treeView-container .item .icon.subfolder.calendar:after, .hub-wizard .step2 .item .icon.appointments:after { content: ""; position: absolute; top: 0px; left: 0; width: 34px; height: 34px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 34px auto; transition: all .15s ease-out; background-position: 0 -102px; }
                    .hub-wizard .step2 .root-treeView-container .item .icon.contacts:after, .hub-wizard .step2 .root-treeView-container .item .icon.subfolder.contacts:after { box-sizing: border-box; content: ""; position: absolute; top: 0px; left: 0; width: 34px; height: 34px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 34px auto; transition: all .15s ease-out; background-position: 0 -34px; }
                    .hub-wizard .step2 .root-treeView-container .item .icon.notes:after, .hub-wizard .step2 .root-treeView-container .item .icon.subfolder.notes:after { box-sizing: border-box; content: ""; position: absolute; top: 0px; left: 0; width: 34px; height: 34px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 34px auto; transition: all .15s ease-out; background-position: 0 -136px; }
                    .hub-wizard .step2 .root-treeView-container .item .icon.inbox:after { box-sizing: border-box; content: ""; position: absolute; top: 0px; left: 0; width: 34px; height: 34px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 34px auto; transition: all .15s ease-out; background-position: 0 -238px; }
                    .hub-wizard .step2 .root-treeView-container .item .icon.junk-email:after { box-sizing: border-box; content: ""; position: absolute; top: 0px; left: 0; width: 34px; height: 34px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 34px auto; transition: all .15s ease-out; background-position: 0 -340px; }


.nodes-context-menu { display: none; }