.hubs-view { }
    .hubs-view .top_bar { height: 34px; margin: 5px; }

    .hubs-view .switch-content { }

        .hubs-view .switch-content md-switch { margin: 0px; }

    .hubs-view .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; }
        .hubs-view .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; }
    .hubs-view .left-side-container .description { margin-left: 10px; font-size: 16px; }
    .hubs-view .show-grid-switcher { margin-right: 4px; padding-right: 4px; }

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

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

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

    .hubs-view #gridHubs { margin-left: 5px; margin-right: 5px; }
        .hubs-view #gridHubs .icon-type { width: 20px; height: 20px; float: left; margin-right: 5px; }
            .hubs-view #gridHubs .icon-type.publicfolder { }
            .hubs-view #gridHubs .icon-type.sharedmailbox { }
            .hubs-view #gridHubs .icon-type.gal { }
        .hubs-view #gridHubs .k-master-row { font-size: 15px; background-color: #E2E2E2; cursor: pointer; }
            .hubs-view #gridHubs .k-master-row:hover { opacity: 0.8; }
        .hubs-view #gridHubs .k-detail-cell { padding: 0; }
        .hubs-view #gridHubs .gridcell { height: 30px; line-height: 30px; }

        .hubs-view #gridHubs td { margin: 0px; padding: 5px; }
        .hubs-view #gridHubs .k-detail-row:hover { background-color: transparent !important; }
        .hubs-view #gridHubs .no-nodes-container { padding: 1rem; font-size: 14px; }
        .hubs-view #gridHubs .k-hierarchy-cell { background-color: #E2E2E2; }

    .hubs-view #nodeGrid { border-top: 0; border-bottom: 0; }
        .hubs-view #nodeGrid tbody tr { cursor: pointer; }
    .hubs-view .icon-sync-type { height: 30px; width: 30px; margin: auto; background-image: url('../../i/hub/sync_directions_sprite_x30s.svg'); background-repeat: no-repeat; background-size: 30px auto; }
        .hubs-view .icon-sync-type.Source { background-position: 0 -30px; }
        .hubs-view .icon-sync-type.Target { background-position: 0 0; }
        .hubs-view .icon-sync-type.Both { background-position: 0 -60px; }

    .hubs-view .icon-provider-type { height: 30px; width: 30px; background-repeat: no-repeat; background-size: 30px 30px; float: left; }
        .hubs-view .icon-provider-type.PublicFolder { background-image: url('../../i/syncTunnelWizard/public_folder.svg'); }
        .hubs-view .icon-provider-type.GlobalAddressList { background-image: url('../../i/syncTunnelWizard/global_address_list.svg'); }
        .hubs-view .icon-provider-type.SharedMailbox { background-image: url('../../i/syncTunnelWizard/shared_mailbox.svg'); }

    .hubs-view .icon-item-type { height: 30px; width: 30px; background-repeat: no-repeat; margin:auto; }
        .hubs-view .icon-item-type.Contacts { background: url(../../../bundle/i/view-mailbox-outlined.svg); background-size: 30px auto; background-repeat: no-repeat; background-position: 0 -30px; }
    
    .hubs-view #nodeGrid .pt-name { line-height: 30px; height: 30px; padding-left: 5px; }

    .hubs-view .hubs-mini-view { -webkit-box-flex: 1 1 0%; -webkit-flex: 1 1 0%; -moz-box-flex: 1 1 0%; -moz-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; margin-left: 10px; margin-right: 0; }
        .hubs-view .hubs-mini-view .block { width: 375px; height: 375px; margin-right: 10px; margin-bottom: 10px; 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); }
            .hubs-view .hubs-mini-view .block .title { background-color: lightgray; height: 40px; line-height: 40px; background-color: #EEEEEE; padding-left: 5px; }
            .hubs-view .hubs-mini-view .block .content { margin: 5px; }