.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_appexchange[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; }

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