/*THIS STYLE SHEET OVERRIDES ANY STYLING RULES FROM OTHER STYLING SHEETS*/
/********************/
/*ANIMATION*/
/********************/

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@-moz-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.spinner {
    text-align: center;
    font-size: initial;
}

    .spinner > div {
        height: 17px !important;
        width: 17px !important;
        margin-left: 12px;
        margin-right: 12px;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        font-size: 1px;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

/********************/
/*General*/
/********************/
* {
    /*font-family: Segoe UI, Arial;*/
    font-family: 'Segoe UI', 'Arial', 'Tahoma', 'Times New Roman';
    font-size: 12px;
}

body, html {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    /*background:none;*/
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.loadingIcon {
    position: absolute;
    top: 0px;
    left: 2px;
}

h3 {
    margin: 2px;
}

.tourGuidePlaceHolder {
    float: left;
}

    .tourGuidePlaceHolder .iconPlaceHolder {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
        height: 64px;
        width: 64px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

.tourWelcomeWrap {
    margin-left: 80px;
    display: block;
}

.tourWelcome {
    font-weight: bold;
    font-size: 12px;
}

.tourRememberWrap {
    float: right;
    margin-bottom: 10px;
}

    .tourRememberWrap input, .tourRememberWrap div {
        display: inline-block;
        vertical-align: middle;
    }

.tourMsg {
    margin: 10px 0;
}


/*###########*/
/*UI GENERAL STYLING*/
/*###########*/

.layoutWrapper {
    position: absolute;
    top: 112px;
    bottom: 0;
    right: 0;
    left: 0;
    background: inherit;
}

.ui-layout-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: whitesmoke;
}

/*TOP HEADER*/
.ui-layout-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/*UI PANE HEADER*/
.ui-pane-header {
    position: absolute;
    left: 0;
    right: 0;
    height: 28px;
}

/*UI PANE HEADER LABELS*/
.ui-pane-header-label {
    width: 100%;
    text-align: left;
    margin-left:  30px;
    margin-right: auto;
    margin-top: 3px;
}

/*UI PANE HEADER SEARCH WRAPPER*/
.ui-pane-header-search-wrapper {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
}

.ui-pane-header-tc-search-wrapper {
    right: 246px !important
}

/* Filter search bar position */
.ui-pane-header-filter-wrapper {
    right: 27px !important;
}

    .ui-pane-header-search-wrapper > a, .ui-pane-header-search-wrapper > input {
        display: inline-block;
        vertical-align: middle;
    }

    .ui-pane-header-search-wrapper > a {
        /* font-size: 14px; */
        /* padding-left: 4px; */
        height: 24px;
        width: 24px;
        overflow: hidden;
        padding-right: 10px;
    }


    /*UI PANE HEADER SEARCH TEXT AND INPUT*/
    .ui-pane-header-search-wrapper > div, .ui-pane-header-search-wrapper > input {
        display: inline-block;
        vertical-align: middle;
        /* margin-top: 3px; */
    }

    /*UI PANE HEADER CLEAR FIELD*/
    .ui-pane-header-search-wrapper > div {
        height: 20px;
        width: 20px;
        margin: 0;
        padding: 0;
        background-image: none;
        background: none;
        outline: none;
        border: none;
    }
    /*UI HEADER SEARCH INPUT*/
    .ui-pane-header-search-wrapper > input {
        border: none;
        margin-right: 3px;
    }

    /* UI SEARCH ICONS*/
    .common-search-bar-icon-container {
        width: 20px;
        height: 22px;
        position: absolute;
        cursor: pointer;    
        display: flex;
        justify-content: center;  
        align-items: center;  
    }

    .global-search-container {
        right: 222px;
        top: 3px;
    }

    .filter-container {
        right: 3px;
        top: 3px;
    }

    .common-search-bar-icon {
        width: 15px;
        height: 15px;
    }

    .common-search-bar-icon-container:hover {
        box-shadow: 0 0 0 1px #777777;
        background-image: -ms-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: -moz-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: -o-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2E0E0), color-stop(1, #3a3a3a));
        background-image: -webkit-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: linear-gradient(to bottom, #E2E0E0 0%, #3a3a3a 100%);
    }

    .filter-icon-container-active {
        box-shadow: 0 0 0 1px #777777;
        background-image: -ms-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: -moz-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: -o-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2E0E0), color-stop(1, #3a3a3a));
        background-image: -webkit-linear-gradient(top, #E2E0E0 0%, #3a3a3a 100%);
        background-image: linear-gradient(to bottom, #E2E0E0 0%, #3a3a3a 100%);
    }

/*UI RESIZER AND TOGGLER*/
.ui-layout-resizer, .ui-layout-toggler {
    -webkit-transition: background.4s linear;
    -moz-transition: background .4s linear;
    -o-transition: background .4s linear;
    transition: background .4s linear;
    border: background none;
}

/*RESIZING BARS*/
.ui-layout-resizer {
    border: none;
    background-repeat: repeat;
    -webkit-background-size: 200% 200%;
    -moz-background-size: 200% 200%;
    background-size: 200% 200%;
}

    .ui-layout-resizer:hover {
        background-position: 0 -100%;
    }

/*RESIZIING TOGGLER*/
.ui-layout-toggler:hover {
    background-color: #414042;
}

/*RESIZING SIDE BARS CLOSED ANCHOR TAG ICON*/
.ui-layout-toggler-closed a {
    position: absolute;
    top: 30%;
    width: 16px;
    height: 16px;
    left: 0;
}

.ui-layout-toggler > a {
    font-size: 16px !important;
}

/*RESIZING BARS OPEN ANCHOR TAG ICON*/
.ui-layout-toggler-open a {
    display: none;
}

.ui-layout-resizer-south:hover {
    background-position: -100% 0;
}

/*ICON STYLING*/
/*ALL ICONS*/
[class^="icon-"], [class*=" icon-"] {
    font-size: 22px;
    color: #181818;
}

/*UI STYLING DIALOG WINDOW*/
.ui-dialog {
    box-shadow: 2px 2px 2px #414042;
    padding: 0;
}

    /*UI DIALOG BUTTON PANE*/
    .ui-dialog > .ui-dialog-buttonpane {
        padding: 0;
        margin: 0;
    }

/*UI DIALOG BUTTONS*/
.ui-button-text-only .ui-button-text {
    padding: 0.3em .6em;
}

/*DIALOG CLOSE BUTTON HIDE CLASS*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*UI DIALOG INPUT*/
input:focus {
    outline: 0 none;
}

.dialogFillBottom {
    margin-bottom: 10px;
}

ul.ui-tabs-nav > li > a {
    cursor: default !important;
}

.ui-tabs-nav > li.ui-state-focus > a {
    border: none;
}
/*UI DIALOG SETTINGS AUTOCOMPLETE DROP DOWN*/
.ui-autocomplete > li > a, .ui-autocomplete > li {
    border: none !important;
    margin: 0 !important;
}

    .ui-autocomplete > li > a.ui-state-focus {
        margin: 0 !important;
    }

a:focus, .rebootFlush:focus, .rebootDisabled:focus {
    outline: 0 none;
}

button[type=button]:focus, .ui-dialog-titlebar-close {
    box-shadow: none;
    outline: none;
}

/*UI DIALOG SPINNER*/
.tcContextDialogSpinner:focus {
    border: none;
}

.dialogFillBottom > label, .dialogFillBottom > span, .dialogFillBottom > input {
    display: inline-block;
    vertical-align: middle;
}

.dialogFillBottom > span {
    padding: 2px;
    margin-left: 2px;
}

    .dialogFillBottom > span > input {
        vertical-align: middle;
        margin-top: 0;
    }

/*INITIAL HIDE OF SETTIGS DIALOG*/
.mainMenuDialog,
.tcTreeAddGroup {
    display: none;
    padding: 0 !important;
}

.mainMenuSettingsTabs,
.treeGrpTabs {
    border: none;
}

.tenzigBanner {
    font-family: "Open Sans", "Segoe UI Light", "Segoe UI", "Open Sans Condensed";
    font-size: 32px;
    margin: 2px 5px 0px 5px;
    font-weight: 400;
}

/*AUTO COMPLETE BOX*/
.ui-autocomplete {
    position: absolute;
    z-index: 101;
}
/*DIALOG SETTINGS FIELDSETS*/
fieldset {
    border-radius: 0px;
}

.mainMenuSettingsTabs .ui-tabs-nav,
.treeGrpTabs .ui-tabs-nav {
    background: none;
}

.mainMenuSettingsTabs,
.mainMenuSettingsTabs .ui-tabs-nav,
.treeGrpTabs,
.treeGrpTabs .ui-tabs-nav {
    padding: 0 !important;
    margin: 0;
    border: none !important;
}

/*DISCOVERY SLICKGRID*/
.menuSettingsDiscovery {
    padding: 0 !important;
    margin: 0 !important;
}

.mainMenuDialog .ui-tabs,
.tcTreeAddGroup .ui-widget-content:not(.ui-spinner),
.mainMenuDialog li.ui-state-active {
    background: none !important;
}

.discoverySettingWrapper {
    white-space: nowrap;
    overflow: hidden;
}

    /*adjust the divs*/
    .discoverySettingWrapper > div {
        position: absolute;
        left: 0;
        right: 0;
        overflow: hidden;
    }

.discSettingsMenuIcons {
    top: 31px;
}

.discoverySettingWrapper .iconGroup:last-child {
    border-right: none !important;
}

.discHeader {
    top: 101px;
}

.discSettWarn {
    top: 131px;
}

.tcDiscoveryIpWrapper {
    height: 205px;
    top: 161px;
}

.tcDiscoveryIpInfoWrap {
    top: 360px;
}

.slick-header-column, .slick-header-column span, .slick-header-column:hover, .slick-header-column:hover span {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.discSettWarn {
    font-style: italic;
}

.discSettWarn,
.discHeader {
    text-align: center;
    padding: 5px;
}

/*TCDISCOVERY INFO*/
.tcDiscoveryIpInfoWrap {
    margin: 10px;
}

.tcDiscoveryIpView {
    height: 100%;
}
/*DISCOVERY IP LIST -> SLICKGRID VIEWPORT*/
.tcDiscoverySettingsView > .slick-viewport {
    overflow-x: hidden !important;
}

/*DISCOVERY SLICKGRID HEADER*/
.tcDiscoveryIpView > .slick-header {
    border: none;
}
    /*DISCOVERY SLICKGRID HEADER COLUMNS*/
    .tcDiscoveryIpView > .slick-header > .slick-header-columns > .slick-header-column {
        border-left: none !important;
    }

/*DISCOVERY SLICKGRID CHECKBOXES*/
.tcDiscoveryCheckBox {
    /*vertical-align: middle;*/
    margin: 3px;
}

/*DISCOVERY SLICKGRID IP EDITING FIELDS*/
.ipInputWrapper {
    padding: 1px;
    padding-bottom: 5px;
}
/*IP INPUT FIELDS*/
input[name="number"] {
    width: 25px;
}

/*DISCOVERY ADD IP RANGE BUTTON WRAPPER*/
.addIpRangeWrapper {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    overflow: hidden;
    z-index: 1;
}

    .addIpRangeWrapper.addIpRangeWrapperActive {
        left: 0;
    }

.addIpRangeWrapper-modal {
    position: absolute;
    background-color: rgba(65, 64, 66, .3);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.addIpRangeWrapper-inputs {
    position: absolute;
    background-color: #ddd;
    padding: 10px;
    z-index: 2;
    top: 100px;
    right: 0;
    box-shadow: -1px 1px 15px #333;
}

/*ADD IP BUTTON*/
.addIpButtonWrapper {
    margin-top: 4px;
}

    .addIpButtonWrapper > button {
        margin: 0;
    }

.ipRangeWrapper {
    display: table;
    margin: auto;
}

/*DISCOVERY IP BUTTONS*/
.discoveryButtonWrapper {
    position: absolute;
    bottom: 7px;
    right: 32px;
}

    .discoveryButtonWrapper > button {
        display: block;
        width: 100%;
        margin-top: 5px;
    }

@-moz-document url-prefix() {
    .discoveryButtonWrapper > button {
        margin-top: 5px;
    }
}

/*DIALOG COLLAPSABILE*/
.tcProperties-tcDialog {
    display: none;
}

.collapsible-trigger {
    height: 20px;
    cursor: pointer;
}

.collapsible-indicator, .collapsible-text {
    display: inline-block;
    padding: 1px;
}

.collapsible-trigger.collapse-open > .collapsible-indicator:after {
    content: attr(Collapsible-open) "\25bc";
    padding-top: 5px;
    padding-left: 2px;
    font-size: small;
}

.collapsible-trigger.collapse-close > .collapsible-indicator:after {
    content: attr(Collapsible-open) "\25ba";
    padding-top: 5px;
    padding-left: 2px;
    font-size: small;
}

.not-selectable-info, .not-selectable-value {
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.not-selectable-info {
    min-width: 145px;
    display: table-cell;
}

.not-selectable-value {
    display: table-cell;
    width: 100%;
}

.not-selectable,
.loadingModalMask,
.ui-dialog-buttonpane,
.tcTreeView,
.tcTreeView ul,
.tcTreeView li,
.tcTreeView div {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: default;
}

/*###########*/
/*TC LIST *CENTER* STYLING*/
/*###########*/

/*UI CENTER, CENTER | UI LAYOUT, SOUTH, CENTER | HIDING OVERFLOW*/
.ui-layout-center > .ui-layout-center, .ui-layout-center > .ui-layout-south > .ui-layout-center {
    overflow: hidden;
}

/*TCGRIDHEADER SEARCH SPAN AND TEXTBOX*/
.ui-pane-header > span {
    /*wrapped span*/
    position: absolute;
    top: 2px;
    right: 2px;
}

    .ui-pane-header > span > input {
        /*textbox*/
        border: none;
    }

/*TCLIST VIEW (TOTAL DIV FOR THINCLIENT LIST)*/
.tcListView {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    width: initial !important;
}

/*TCLIST ICONS*/
.tcListIcons {
    display: inline-block;
}

    .tcListIcons:hover {
        cursor: pointer;
    }

    .tcListIcons > img {
        height: 24px;
        width: 24px;
        padding-top: 1px;
    }

/*SLICK HEADER COLUMNS*/
.slick-header-column:hover {
    background: none;
    font-weight: 700;
}

/*SLICK ROW HOVERED*/
.slick-row:hover, .slick-row.odd:hover, .slick-row:hover > .slick-cell.selected {
    font-weight: 700;
}

/*SELECTED CELL*/
.slick-row.selected .cell-selection {
    background-color: transparent; /* show default selected row background */
}

/*EACH CELL OF THINCLIENT LIST*/
.slick-cell {
    border: none;
    line-height: 28px;
}

    /*CURRENT ACTIVE CELL*/
    .slick-cell.active {
        border: none;
    }

/*CELLS THAT HAVE STATUS IMAGES*/
.tcStatusImgCell, .tcStatusImgCell > div {
    text-overflow: clip !important;
    text-align: center;
}

.tcStatusImg {
    height: 25px;
    margin-top: 2px;
    margin-left: -2px;
}

.tcUserBusyImg {
    height: 20px;
    width: 20px;
    margin: 4px 0px;
}

/*CELL NAME ATTRIBUTE*/
.cell-title {
    font-weight: bold;
}

.cell-effort-driven {
    text-align: center;
}

.cell-selection {
    text-align: right;
    font-size: 10px;
}

/*TCLOGLIST LOADING INDICATOR*/
.tcLogLoading {
    width: 100%;
    vertical-align: middle;
    height: 75%;
}

/*TCLISTPAGER (BOTTOM DIV OF THINCLIENT LIST)*/
.tcListPager {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
}

.slick-pager {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    height: 26px;
}

/*CENTERING WRAPPER FOR LOADING ICON*/
.loadingModalMask {
    z-index: 10;
    display: none;
}


/*LOADING INDICATOR FOR THIN CLIENT LIST*/
.loading-indicator {
    position: absolute;
    top: -45%;
    left: -45%;
    display: inline-block;
    padding: 12px;
    font-weight: bold;
}

    .loading-indicator label {
        padding-left: 20px;
    }

/*SLICK COLUMN PICKER CONTEXT MENU*/
.slick-columnpicker {
    width: 150px;
    height: auto;
    padding: 5px 0px 7px 5px;
    margin: 0;
    position: absolute;
    z-index: 20;
}

/*ELEMENTS OF THE COLUMNPICKER CONTEXT MENU  */
.cp-container {
    position: relative;
    display: block;
    width: 100%;
    height: 22px;
}

    .cp-container:hover {
        font-weight: 700;
    }

    /*COLUMNPICKER CONTEXT INPUTS AND NOT RESET BUTTON*/
    .cp-container input:not(.resetColumns) {
        cursor: pointer;
        padding: 2px;
    }

/*COLUMN PICKER CONTEXT MENU LABEL TEXT *DIV* */
.cp-label {
    cursor: default;
    padding: 2px;
}

/*COLUMN PICKER CONTEXT MENU TEXT AND INPUTS*/
.cp-container input:not(.resetColumns), .cp-label {
    display: inline-block;
    vertical-align: middle;
    /*height:14px;*/
}
/*COLUMN PICKER CONTEXT MENU RESET BUTTON*/
.cp-container > .resetColumns {
    margin: auto;
    display: block;
    margin-top: 5px;
}

    .cp-container > .resetColumns:hover {
        font-weight: 700;
    }

/*COLUMN PICKER CONTEXT MENU LINE BREAK FOR*/
.hr {
    padding: 0px 0 0px 0;
}

/*SLICK CONTEXT MENU FOR THINCLIENTS*/
.context-menu-root {
    max-width: none;
    width: auto !important;
}

/*SLICK CONTEXT MENU ITEM */
.context-menu-item {
    padding: 4px 2px 4px 15px;
}

    /*SLICK CONTEXT MENU ITEM TEXT*/
    .context-menu-item > span {
        padding: 5px 25px 5px 5px;
        white-space: nowrap;
    }

    /*SLICK CONTEXT MENU SUB MENU */
    .context-menu-item > li > ul {
        width: auto;
        max-width: none;
    }

/*SLICK CONTEXT MENU SIDE STYLE BAR */
.context-menu-list-sidebar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 15px;
}

/*SLICK CONTEXT MENU DISABLED ITEM*/
.disabled {
    cursor: default;
}

/*SLICK CONTEXT MENU SEPERATOR*/
.context-menu-separator {
    padding: 0;
    margin-left: 15px;
}
    /*SLICK CONTEXT MENU SEPARATOR, SELECT SIDE BAR*/
    .context-menu-separator > .context-menu-list-sidebar {
        margin: 0 0 -1px -15px;
    }

/*SLICK CONTEXT MENU INSERTING TRIANGLE INTO MENU*/
.context-menu-submenu:after {
    /*content: attr(VNCPrompt-check) "\25ba";
    padding-top: 5px;
    padding-left: 2px;
    font-size: smaller;*/

    content: '';
    clear: both;
    margin: 10px 1px;
}

/*SLICK CONTEXT MENU INSERTING CHECK MARK INTO SIDE BAR*/
/*ADDED AND REMOVED THROUGH JQUERY*/
.context-menu-list-sidebar.context-checkmark:after {
    display: table-cell;
    content: "\2714";
    padding: 2px;
    font-size: 14px;
    vertical-align: middle;
    /*content: "";
    margin-top: 10px;
    margin-right: 2px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #666;*/
}

/*SLICK PAGER EXPANDED OUT > A TAGS HOVER*/
span.slick-pager-settings-expanded > a:hover {
    vertical-align: baseline;
}

/*TC PROP STYLING*/
.tcInfo-leftWrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 150px;
    overflow: visible;
}

.tcInfo-rightWrapper {
    position: absolute;
    top: 0;
    left: 150px;
    bottom: 0;
    right: 0px;
}

.tcInfo-header {
    height: 25px;
    display: block;
}

.tcInfo-title {
    white-space: nowrap;
}

.tcInfo-label, .tcInfo-value {
    display: block;
    white-space: nowrap;
}

.tcInfo-label, .tcInfo-value {
    display: block;
    height: 27px;
    line-height: 28px;
}

.tcInfo-label {
    text-align: right;
    padding-right: 5px;
    border-bottom: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tcInfo-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 5px;
    border: none;
    cursor: default;
}

    .tcInfo-value:hover {
        font-weight: 700;
    }

    .tcInfo-value.tcInfo-marquee {
        padding-left: 0px;
        overflow: initial;
        overflow: hidden;
        text-overflow: initial;
        -webkit-animation: marquee 6000ms linear infinite;
        -moz-animation: marquee 6s linear infinite;
        animation: marquee 6s linear infinite;
    }

.tcInfo-title {
    line-height: 25px;
    padding-left: 10px;
}

/*##############*/
/*TC RECOVERY MODE*/
/*##############*/
.tcListRecoveryView {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

/*###########*/
/*TC TREE STYLING*/
/*###########*/

/*OVERALL TC Tree*/
.treeViewList {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 8px;
}


.jqHover {
    cursor: alias !important;
}

    .jqtree-element:hover > .jqtree_common, .jqHover > .jqtree_common {
        font-weight: 700;
    }

/*SELECTED "FOLDER" NODE*/
ul.jqtree-tree li.jqtree-folder {
    margin-bottom: 0px;
}

/*DIV CONTAINERS OF THE NODES */
li.jqtree_common > div.jqtree_common {
    padding: 2px 7px 2px 0px;
    white-space: nowrap;
    width: auto !important;
}

/*ANCHOR TAGS *TRIANGLES* */
li.jqtree_common > div.jqtree-element > a.jqtree-toggler {
    line-height: normal;
    top: 0;
    padding: 5px 0 2px 0;
    text-decoration: none;
}

/*TEXT NODE*/
li.jqtree_common > div.jqtree-element > div.jqtree-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*padding: 0 8px 0 0px;*/
    /*width: 92%;*/
}

div.jqtree-title img.treeIcon {
    vertical-align: middle;
    padding: 1px 5px 1px 2px;
    /*height: initial !important;*/
    height: 22px !important;
}

div.jqtree_common > a {
    top: 2px !important;
}

/* Global Search UI Title */
.global-search-container {
    vertical-align: middle;
    font-family: arial;
    font-size: 9pt;
    font-weight: 600;
}

/*###########*/
/*TC TREE GROUP INFO *WEST* STYLING*/
/*###########*/

/*BOTTOM WEST DIV WITH NODE *GROUP* INFO*/
.ui-layout-tctreedata {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/*TREE NODE | THINCLIENT GROUP INFO DIVS*/
.groupInfo-leftWrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
}

.groupInfo-rightWrapper {
    position: absolute;
    top: 0;
    left: 100px;
    bottom: 0;
    right: 0px;
}


.groupInfo-label, .groupInfo-value {
    display: block;
    height: 27px;
    line-height: 28px;
}

.groupInfo-label {
    text-align: right;
    padding-right: 5px;
    border-bottom: none;
}

.groupInfo-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 5px;
    border: none;
    cursor: default;
}

    .groupInfo-value:hover {
        font-weight: 700;
    }

    .groupInfo-value.groupInfo-marquee {
        padding-left: 0px;
        overflow: initial;
        overflow: hidden;
        text-overflow: initial;
        animation: marquee 6s linear infinite;
    }


/*###########*/
/*TC SPECIFIC *EAST* STYLING*/
/*###########*/

/*TCACTION DIV*/
.ui-layout-tcaction {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    background: inherit;
    padding-right: 8px;
}


/*TCINFO DIV*/
.ui-layout-tcprop {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/*###########*/
/*TC PROPERTIES*/
/*###########*/

/*DIALOG COLLAPSABILE*/
.tcProperties-tcInfoCenter {
    display: none;
}

input.commentInput {
    width: 95%;
}

/*###########*/
/*TC PROPERTIES*/
/*###########*/

.tcAddScheduledTask {
    display: none;
}

/*###########*/
/*ADD TASK WIZARD*/
/*###########*/
.addTaskWizard {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.addTaskBody, .addTaskHeader {
    display: block;
    overflow: hidden;
}

.addTaskBody, wizardPanel-body {
    padding-bottom: 78px;
}

.addTaskHeader > h1,
.wizardPanel-header > h1 {
    text-align: center;
    font-size: 16px;
    padding: 4px;
    margin-top: 0;
}

.addTaskHeader > p,
.wizardPanel-header > p {
    margin-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.addTaskHeader, .wizardPanel-header {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 70px;
}

.addTaskBody,
.wizardPanel-body {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 71px;
    bottom: 0px;
}

.wizardPanel-body {
    padding: 10px;
}

/*SELECT TASK*/
.addTaskBody > .addTaskBodyName,
.addTaskBody > .addTaskBodySelect,
.wizardPanel-name,
.wizardPanel-select {
    display: block;
    padding: 10px;
    margin-right: 10px;
}

    .addTaskBody > .addTaskBodyName > input,
    .addTaskBody > .addTaskBodySelect > input,
    .wizardPanel-name > input,
    .wizardPanel-name > select,
    .wizardPanel-select > input {
        width: 100%;
        margin-top: 5px;
    }

    .addTaskBody > .addTaskBodyName > label,
    .addTaskBody > .addTaskBodySelect > label,
    .wizardPanel-name > label,
    .wizardPanel-select > label {
        width: 100%;
        margin-top: 5px;
        font-size: 12px;
    }

    .addTaskBody > .addTaskBodySelect > div > select,
    .wizardPanel-select > div > select {
        margin-top: 5px;
        padding: 2px;
    }

.addTaskName,
.wizardPanel-name {
    display: block;
}

    .wizardPanel-name > label:not(.wizardPanel-sepLabel) {
        font-weight: bold;
    }

.wizardPanel-sepWrapper {
    margin-top: 5px;
    margin-left: 10px;
}

    .wizardPanel-sepWrapper > div,
    .wizardPanel-sepWrapper > button {
        display: inline-block;
        vertical-align: middle;
    }

.wizardPanel-sepLabel {
    font-weight: normal;
    margin: initial;
}

.wizardPanel-inlineWrapper > div,
.wizardPanel-inlineWrapper > input,
.wizardPanel-inlineWrapper > select,
.wizardPanel-inlineWrapper > button {
    display: inline-block;
    vertical-align: middle;
}

.wizardPanel-inlineWrapper > input {
    /*width: 90%;*/
    width: 290px;
}

.addTaskSelect,
.wizardPanel-select {
    /*display: inline;*/
}

.addTaskSelectDate {
    cursor: pointer;
    padding-left: 2px;
}

.wizardPanel-note {
    margin-left: 10px;
}

.wizardPanel-input {
    margin-left: 10px;
}

    .wizardPanel-input > div,
    .wizardPanel-input > input {
        display: inline-block;
        vertical-align: middle;
    }

    .wizardPanel-input > fieldset > .wizardPanel-input,
    .wizardPanel-fieldWrap {
        margin: 15px 0;
    }

.wizardPanel-minWidth {
    min-width: 70px;
}

.wizardPanel-name select {
    width: 75%;
    /*margin-top: 5px;*/
}

.wizardPanel-lineSep {
    margin: 10px 0;
    padding: 1px;
}

.wizardPanel-inlineWrapper, .tcWinUpdatePackage_ExecutionLevel {
    margin-top: 5px;
}

/*overwrite some previous styling*/
.wizardPanel .passwordWrap {
    width: initial !important;
    height: initial !important;
    min-width: initial !important;
    margin: 0px !important;
    padding: 0px !important;
}

    .wizardPanel .passwordWrap .passwordShowHide {
        width: 12px !important;
        height: 12px !important;
    }

.wizardPanel-input.wizardPanel-fieldWrap.wizardPanel-tab {
    margin-left: 15px;
}

/*##################*/
/*TC FWList, Group Filter List*/
/*##################*/
.fwMenuIcons, .tcGroupFilterMenuIcons {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.fwlistheader, .groupFilterHeader {
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    height: 25px;
}

    .fwlistheader > p, .groupFilterHeader > p {
        text-align: center;
        margin-top: 5px;
    }

    .groupFilterHeader > div {
        display: inline-block;
        padding: 4px 10px;
    }

        .groupFilterHeader > div:last-child {
            float: right;
            padding: 4px 20px;
            border-left: 1px solid #ff671b;
        }

.tcFirmwareList-wrapper {
    position: absolute;
    top: 95px;
    left: 0px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

    .tcFirmwareList-wrapper > div {
        position: absolute;
        top: 0px;
        bottom: 0;
        overflow-y: auto;
    }

.tcFirmwareList {
    left: 0px;
    right: 40%;
    border-right: 1px solid #777;
}

.tcFirmwareList-options {
    left: 60%;
    right: 0;
    padding: 15px;
}

    .tcFirmwareList-options > div {
        margin: 10px 0px;
    }

        .tcFirmwareList-options > div input,
        .tcFirmwareList-options > div:not(.tcFwOpt-sep) div,
        .tcFirmwareList-options > div button {
            display: inline-block;
            vertical-align: middle;
        }

.tcFwOpt-sep-bar {
    padding: 1px 0;
    margin-top: 2px;
    border-bottom: 1px solid #777;
}

.tcFirmwareList-options input[type="text"] {
    min-width: 100%;
}

.tcFWFOpt-selectedFW-wrapper {
    /*position:absolute;
    bottom:0;
    left:15px;
    right:15px;*/
}

.tcFWFOpt-selectedFW {
    margin-top: 10px;
}

.tcFWLabel-wrapper input {
    max-width: 30px
}

.tcFWLabel-wrapper > div {
    margin-right: 5px;
}

    .tcFWLabel-wrapper > div:last-child {
        margin-left: 5px;
    }

.tcFWLabel-indent {
    margin-left: 20px;
    margin-top: 5px;
}

.tcFWFOpt-peerDl-button {
    margin-left: 20px;
}

/*##################*/
/*New Config Wizard*/
/*##################*/

.nCW-List, .nCW-SelectedWrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

.nCW-List {
    bottom: 32px;
}

.nCW-SelectedWrap {
    padding-left: 10px;
    line-height: 30px;
    overflow: hidden;
}

    .nCW-SelectedWrap > div {
        display: inline-block;
        vertical-align: middle;
    }

.nCW-List, .newConfigSummary {
    top: 0;
}

.nCA-ButtonWrap {
    text-align: center;
}

    .nCA-ButtonWrap > button {
        margin: 5px;
    }

.nCS-Wrap {
    margin: 10px;
}

    .nCS-Wrap > div {
        display: inline-block;
        vertical-align: middle;
    }

.nCW-DateTimeWrap {
    text-align: center;
    /*margin-top: 10%;*/
}

/*#######################################*/

.groupFilterList {
    position: absolute;
    top: 95px;
    left: 0px;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    padding: 5px;
}

.tcFirmwareList {
    bottom: 26px;
}

.tcFirmWrap, .nCW-Wrap, .tcFirmwareHostWrap, .groupFilterWrap, .tcInfoWrap {
    display: block;
    white-space: nowrap;
    margin: 2px;
    padding: 0;
    overflow: hidden;
}

    .tcFirmWrap > img,
    .tcFirmWrap > div,
    .tcInfoWrap > img,
    .tcInfoWrap > div,
    .nCW-Wrap > img,
    .nCW-Wrap > div,
    .tcFirmwareHostWrap > img,
    .tcFirmwareHostWrap > div,
    .groupFilterWrap > img, .groupFilterWrap > div,
    .applyTemplateWrap > div {
        display: inline-block;
        vertical-align: middle;
        margin: 3px;
        padding: 0;
    }

    .tcFirmWrap > div,
    .tcInfoWrap > div,
    .nCW-Wrap > div,
    .tcFirmwareHostWrap > div,
    .groupFilterWrap > div {
        width: 100%;
        margin: 0;
        /*padding: 8px;*/
    }

    .tcFirmWrap > .iconPlaceHolder,
    .tcInfowWrap > .iconPlaceHolder,
    .nCW-Wrap > .iconPlaceHolder,
    .tcFirmwareHostWrap > .iconPlaceHolder,
    .groupFilterWrap > .iconPlaceHolder,
    .applyTemplateWrap > .iconPlaceHolder, .dirElWrap > .iconPlaceHolder,
    .infoBalloonText .iconPlaceHolder,
    .wizardPanel .iconPlaceHolder,
    .tcWinUpdatePackageManager_Wrap .iconPlaceHolder,
    .tcWinSysprepSettingsManager_Wrap .iconPlaceHolder,
    .tcXTCPackage_Wrap .iconPlaceHolder {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 15px;
        width: 15px;
        padding: 5px;
        margin: 5px;
        min-width: 15px;
    }


.tcFirmwareList h3,
.tcFirmwareList h3:hover,
.tcFirmwareList .fw-content,
.tcFirmwareList div,
.tcFirmwareList div:hover,
.tcFirmwareList span,
.tcFirmwareList span:hover,
.tcInfo h3,
.tcInfo h3:hover,
.tcInfo .fw-content,
.tcInfo div,
.tcInfo div:hover,
.tcInfo span,
.tcInfo span:hover,
.nCW-List h3,
.nCW-List h3:hover,
.nCW-List .nCW-Content,
.nCW-List div,
.nCW-List div:hover,
.nCW-List span,
.nCW-List span:hover,
.tcFirmwareHostsList div,
.tcFirmwareHostsList div:hover {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.tcFirmwareList h3,
.tcInfo h3,
.nCW-List h3 {
    padding: 10px 30px !important;
}


.tcFirmwareList .fw-content,
.tcInfo .info-content,
.nCW-List .nCW-Content {
    height: auto !important;
    margin-left: 15px !important;
    padding: 0 !important;
}

.tcFirmwareList h3 span.ui-icon-triangle-1-s,
.tcInfo h3 span.ui-icon-triangle-1-s,
.nCW-List h3 span.ui-icon-triangle-1-s {
    width: 0 !important;
    height: 0 !important;
    top: 65% !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.tcFirmwareList h3 span.ui-icon-triangle-1-e,
.tcInfo h3 span.ui-icon-triangle-1-e,
.nCW-List h3 span.ui-icon-triangle-1-e {
    width: 0 !important;
    height: 0 !important;
    top: 55% !important;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}

.tcFirmwareHostWrap > .iconPlaceHolder {
    height: 25px;
    width: 25px;
    margin: 0;
    padding: 5px;
}

.tcFirmwareHostsHeader, .tcFirmwareHostsList {
    position: absolute;
    right: 0;
    left: 0;
}

.tcFirmwareHostsHeader {
    top: 0;
    text-align: center;
}

.tcFirmwareHostsList {
    top: 44px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.groupFilterWrap {
    margin: 5px 3px 5px 0px;
    display: table;
    width: 100%;
    padding: 4px 2px;
}

    .groupFilterWrap .iconPlaceHolder {
        min-width: 25px;
        background-size: 26px;
    }

    .groupFilterWrap div, .groupFilterWrap input {
        display: table-cell;
        vertical-align: middle;
    }

    .groupFilterWrap input {
        height: 25px;
        margin-right: 15px;
    }

.applyTemplateWrap-noneFound {
    position: absolute;
    top: 60%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
}

.tcFirmWrap,
tcInfoWrap,
.nCW-Wrap {
    white-space: nowrap;
}

.fwMenuIcons .iconWrap, .tcGroupFilterMenuIcons .iconWrap {
    min-width: 55px;
}

button#firmRemoveBtn {
    position: absolute;
    left: 72px;
    bottom: 0px;
}

button#firmInstallBtn {
    position: absolute;
    left: 10px;
    bottom: 0px;
}

/*UPLOADING PROGRESS*/
.tcFirmProgLabel, .tcInstallFirmProgLabel, .tcUninstallFirmProgLabel, .progressLabel {
    text-align: center;
    margin: 10px 0px;
}

/*SELECT SCHEDULE*/
.addTaskFreq > div > span, .addTaskFreq > div > div, .addTaskFreq > div > select, .addTaskFreq > div > input, .addTaskTimeGroup > div, .addTaskTimeGroup > span {
    vertical-align: middle;
    display: inline-block;
}


.addTaskFreq {
    padding: 10px 10px 0px 10px;
}

    .addTaskFreq > div {
        padding: 5px;
    }

.addTaskOptions {
    padding: 10px;
    display: none;
}

.addTaskFreq > div > input, .addTaskFreq > div > span, .addTaskTimeGroup > span {
    width: 150px;
}

.addTaskFreq > div > select {
    width: 154px;
}

.addTaskFreq > div > div, .addTaskTimeGroup > div {
    /*width: 70px;*/
    /*text-align: right;*/
}

.addTaskTimeGroup {
    margin-left: 6px;
    margin-top: 10px;
}

    .addTaskTimeGroup > div, .addTaskTimeGroup > span {
        display: inline-block;
    }

.addTaskFreqDays > input, .addTaskFreqDays > div {
    display: inline-block;
    vertical-align: middle;
}

    .addTaskFreqDays > input:hover {
        cursor: pointer;
    }

/*ADD TASK SUMMARY*/
.addTaskSummary > div {
    display: block;
    margin-left: 10px;
}

    .addTaskSummary > div > h2 {
        border: none;
    }

    .addTaskSummary > div > h2, .addTaskSummary > div > p {
        display: block;
    }

    .addTaskSummary > div > h2 {
        padding: 4px 4px 4px 0;
        margin-right: 10px;
    }

    .addTaskSummary > div > p {
        margin-left: 4px;
        padding-right: 10px;
    }

/*###########*/
/*EDIT SCHEDULED TASK*/
/*###########*/
.tcEditScheduledTask > .slick-viewport > .grid-canvas,
.tcWinProcessListDialogClass > .slick-viewport > .grid-canvas {
    padding-left: .5px;
}

.editTaskDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset,
.tcWinProcessListDialogClass > .ui-dialog-buttonpane > .ui-dialog-buttonset {
    width: 99%;
}

#editTaskCloseBtn,
#winProcCloseBtn {
    float: right;
}

div#tcEditScheduledTask .slick-viewport,
div#tcWinProcessListDialog .slick-viewport {
    bottom: 0;
    height: auto !important;
}

.editTaskDialog button.ui-state-focus,
.tcWinProcessListDialogClass button.ui-state-focus {
    border: none;
    outline: none;
}

/*###########*/
/*EDIT SCHEDULED TASK WINDOW*/
/*###########*/
.tcEditTaskWindow {
    overflow: hidden !important;
}

    .tcEditTaskWindow > div {
        min-height: 22px;
    }

        .tcEditTaskWindow > div:not(:first-child) {
            margin-top: 10px;
        }

.etwFloatFill {
    white-space: nowrap;
    display: table;
    margin-right: 10px;
}

    .etwFloatFill > div {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

        .etwFloatFill > div:first-child {
            min-width: 80px;
        }

    .etwFloatFill:first-child > div:last-child,
    .etwFloatFill:last-child > div:last-child {
        width: 100%;
    }

    .etwFloatFill textarea, .etwFloatFill input, .etwFloatFill select, .etwFloatFill span {
        width: 100%;
    }

    .etwFloatFill textarea {
        resize: none;
        height: 100px;
    }

.etwFillBottom > div {
    vertical-align: top !important;
}

.editTaskFreqDays input, .editTaskFreqDays div {
    display: inline-block;
    vertical-align: middle;
}

.editTaskFreqDays > div {
    min-width: 80px;
}

    .editTaskFreqDays > div > div {
        margin-left: 8px;
    }

.editTaskSelectDate, .addTaskSelectDate {
    cursor: pointer;
}

.editTaskTimeSpinner, .addTaskTimeSpinner {
    cursor: default;
}

.etwInlineWrap button, .etwInlineWrap div {
    display: inline-block;
    vertical-align: middle;
}

/*###########*/
/*MOVE TC*/
/*###########*/
.mouseFollow {
    position: absolute;
    z-index: 20;
    background: whitesmoke;
}

.tcMove {
    padding: 5px;
}

/*###########*/
/*MOVE TO GROUP */
/*###########*/
.tcMoveCopyTo {
    display: none;
}

    .tcMoveCopyTo div, .tcMoveCopyTo select {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .tcMoveCopyTo select {
        width: 260px;
    }

/*###########*/
/*NEW GROUP */
/*###########*/
.treeGrpTab fieldset {
    display: inline-block;
    vertical-align: top;
}

.tcTreeAddGroup {
    overflow: hidden !important;
}

.treeGrpTab {
    overflow: auto !important;
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0;
}

.treeGrpTop > div > div, .treeGrpTop > div > input, .treeGrpTop > div > button {
    display: inline-block;
    vertical-align: middle;
}

.treeGrpTop > div {
    margin-top: 7px;
}

    .treeGrpTop > div:nth-child(3) {
        /*select the last div*/
        margin: 10px 15px;
    }

    .treeGrpTop > div > div:not(:nth-child(2)):not(.tgConfigBtns) {
        /*select only the first 2, name and desc*/
        text-align: right;
        width: 75px;
        margin-right: 8px;
    }

    .treeGrpTop > div > input:not(:nth-child(1)) {
        /*top inputs*/
        width: 180px;
    }

    .treeGrpTop > div > button {
        /*top buttons*/
        font-size: 12px;
        float: right;
    }

.treeGrpBtm > div {
    /*both left - right divs*/
    display: inline-block;
    vertical-align: top;
}

.treeGrpBtm fieldset > legend > input {
    /*fieldset legends and inputs*/
    vertical-align: middle;
    margin-top: 0;
}

.treeGrpTabs .ui-tabs-nav li:first-child {
    margin-left: 10px;
}

.treeGrpTabs .ui-tabs-nav li {
    z-index: 1;
    border: none;
    margin-left: 2px;
    margin-bottom: 1px !important;
}

    .treeGrpTabs .ui-tabs-nav li a {
        padding-bottom: 8px !important;
        margin-bottom: -2px !important;
    }

.tcTreeAddGroup li.ui-state-active {
    padding-bottom: 2px !important;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}

/*filter platform*/
.tgLeft, .tgRight {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.treeGrpPlatform input[type="radio"] {
    margin: 0;
}

.tgLeft > div {
    display: block;
    margin-top: 8px;
}

    .tgLeft > div > div, .tgRight > div:nth-child(1) > div {
        margin-left: 7px;
    }

    .tgLeft > div > input, .tgLeft > div > div {
        display: inline-block;
        vertical-align: middle;
    }

.tgRight > div {
    margin-top: 10px;
    margin-bottom: 5px;
}

    .tgRight > div:nth-child(1) > input, .tgRight > div:nth-child(1) > div {
        display: inline-block;
        vertical-align: middle;
    }

    .tgRight > div:nth-child(2) {
        margin-top: 0px;
        margin-left: 15px;
        margin-bottom: 10px;
    }

        .tgRight > div:nth-child(2) > div {
            display: block;
        }

            .tgRight > div:nth-child(2) > div > input, .tgRight > div:nth-child(2) > div > div {
                display: inline-block;
                vertical-align: middle;
            }

fieldset.treeGrpPlatform > div:nth-child(2), fieldset.treeGrpModel > div, fieldset.treeGrpVersion > div, fieldset.treeGrpMAC > div, fieldset.treeGrpCompName > div {
    /*display: block;
    margin: 8px;*/
}

fieldset.treeGrpModel > div, fieldset.treeGrpVersion > div, fieldset.treeGrpMAC > div, fieldset.treeGrpCompName > div {
    /*display: block;
    margin: 8px;*/
}

.treeGrpTop,
.treeGrpBtm {
    position: absolute;
    left: 0;
    right: 0;
}

.treeGrpTop {
    top: 0;
    height: 60px;
    padding: 10px 0;
}

.treeGrpBtm {
    top: 90px;
    bottom: 0;
}

fieldset.treeGrpCfg {
    width: 350px !important;
}

.treeGrp-configBtn-wrapper button {
    display: inline-block;
    vertical-align: middle;
}

.treeAutoNameHelpBtn {
    margin-left: 5px;
}

.treeGrpBtm fieldset {
    margin-bottom: 8px;
    /*height: 110px;*/
    /*min-height: 110px;*/
    /*width: 260px;*/
    width: 320px;
    padding-bottom: 15px;
}

    .treeGrpBtm fieldset button {
        /*margin-top: 10px;*/
        /*margin-left: 65px;*/
    }

.treeGrpLeft fieldset:nth-child(1), .treeGrpRight fieldset:nth-child(1) {
    /*height: 130px;*/
}

.treeGrpLeft fieldset:not(:nth-child(1)), .treeGrpRight fieldset:not(:nth-child(1)) {
    /*height: 110px;*/
}

fieldset.treeGrpIP > div:nth-child(3) {
    /*margin-left: 35px;
    margin-top: 10px;*/
}

fieldset.treeGrpIP .ipInputWrapper {
    /*margin-top: 5px;*/
}

    fieldset.treeGrpIP .ipInputWrapper div, fieldset.treeGrpIP .ipInputWrapper input {
        display: inline-block;
    }

    fieldset.treeGrpIP .ipInputWrapper div {
        vertical-align: bottom;
        margin-left: 2px;
    }

        fieldset.treeGrpIP .ipInputWrapper div:nth-child(1) {
            text-align: right;
            width: 30px;
            vertical-align: middle;
            margin-right: 5px;
        }

    fieldset.treeGrpIP .ipInputWrapper input {
        margin: 0;
        vertical-align: middle;
    }

.tgConfigBtns {
    margin-left: 30px;
}

button#tgHideOpts {
    position: absolute;
    left: 15px;
}

/*select the legend label*/

.treeGrpBtm fieldset:not(.treeGrpPlatform) > div:nth-child(2) {
    /*min-height:60px;*/
}

.treeGrpBtm fieldset:not(.treeGrpPlatform) > div:nth-child(3) {
    margin-top: 15px;
    text-align: center;
}

/*Group Add Filter Dialogs*/
.tcNewGroupList {
    margin-top: 10px;
    height: 150px;
    overflow-y: auto;
}

.tcNewGroupListButtons {
    margin-top: 10px;
}

    .tcNewGroupListButtons > button {
        margin-left: 2px;
    }

.filterAdd > div, .filterAdd > input {
    display: inline-block;
    vertical-align: middle;
}

.filterAdd > input {
    margin-left: 10px;
    width: 250px;
}

/*group filter*/

.groupFilterList {
    border-bottom: 1px solid #545454;
    /*bottom:85px;*/
    bottom: 105px;
    overflow-x: hidden;
    /* overflow-y: auto; */
}

.groupFilterNote {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
}

.gfnTop {
    margin-bottom: 10px;
}

/*selected FW*/
.tgTemplateSelectedWrap {
    margin: 10px;
    width: auto !important;
    text-align: left !important;
    margin-left: 24px;
}

    .tgTemplateSelectedWrap > div {
        display: inline-block;
    }

.tgTemplateSelected {
    margin-left: 10px;
}

.treeGrp-fwInputWrapper,
.treeGrp-configBtn-wrapper {
    margin: 10px 0 0 5px;
}

    .treeGrp-fwInputWrapper.treeGrp-indent {
        padding-left: 30px;
    }

    .treeGrp-fwInputWrapper input,
    .treeGrp-fwInputWrapper div {
        display: inline-block;
        vertical-align: middle;
    }

    ..treeGrp-fwInputWrapper .ui-spinner,
    .treeGrp-configBtn-wrapper .ui-spinner {
        width: initial;
        margin: initial;
        -webkit-appearance: none;
    }

        .treeGrp-fwInputWrapper .ui-spinner input,
        .treeGrp-configBtn-wrapper .ui-spinner input {
            max-width: 25px;
            -webkit-appearance: none;
        }

    .treeGrp-configBtn-wrapper select {
        height: inherit;
        padding: initial;
        margin: initial;
    }

.treeAutoNameText {
    max-width: 100px;
}

.treeGrp-configBtn-wrapper span,
.treeGrp-configBtn-wrapper input,
.treeGrp-configBtn-wrapper div,
.treeGrp-configBtn-wrapper select,
.treeGrp-configBtn-wrapper button {
    vertical-align: middle;
    display: inline-block;
}

.auto-name-info,
.wizardPanel-info {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    overflow: hidden;
    z-index: 2;
}

    .auto-name-info.info-active,
    .wizardPanel-info.info-active {
        left: 0;
    }

.auto-name-info-modal,
.wizardPanel-info-modal {
    position: absolute;
    background-color: rgba(65, 64, 66, .3);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.auto-name-info-panel,
.wizardPanel-info-panel {
    position: absolute;
    background-color: #ddd;
    padding: 10px;
    z-index: 2;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 350px;
    box-shadow: -1px 1px 15px #333;
}

    .auto-name-info-panel .auto-name-header,
    .wizardPanel-info-panel .wizardPanel-info-header {
        font-weight: bold;
    }

    .auto-name-info-panel .auto-name-info-underline,
    .wizardPanel-info-panel .wizardPanel-info-underline {
        border-bottom: 1px solid #888;
        margin-bottom: 10px;
    }

    .auto-name-info-panel > div,
    .wizardPanel-info-panel > div {
        padding: 10px 5px;
    }

.auto-name-wrapper > div:first-child,
.wizardPanel-info-wrapper > div:first-child {
    font-style: italic;
}

/*auto name domain*/
.auto-name-domain-options {
    /*margin-bottom:30px;*/
}

    .auto-name-domain-options legend input,
    .auto-name-domain-options legend span,
    .auto-name-domain-options legend select,
    .auto-name-domain-options legend div {
        display: inline-block;
        vertical-align: middle;
    }

    .auto-name-domain-options .auto-name-domain-field-wrapper {
        margin: 10px 0;
    }

        .auto-name-domain-options .auto-name-domain-field-wrapper .auto-name-domain-label,
        .auto-name-domain-options .auto-name-domain-field-wrapper .auto-name-domain-input {
            display: inline-block;
            vertical-align: middle;
        }

        .auto-name-domain-options .auto-name-domain-field-wrapper .auto-name-domain-label {
            width: 120px;
        }

/*###########*/
/*CLONE FROM ANOTHER */
/*###########*/
img.cloneAnotherIcon {
    vertical-align: middle;
}

img.cloneAnotherIcon {
    vertical-align: middle;
}

.tcCloneAnotherDialog > div {
    margin-top: 5px;
}

div#tcCloneAnotherView {
    margin-top: 10px;
    bottom: 0px !important;
}

/*###########*/
/*NEW COMP NAME */
/*###########*/
input.newCompName {
    width: 98%;
}

/*###########*/
/*GEN TEMPLATE */
/*###########*/
.selTemplateName, .templateName {
    display: inline-block;
}

.templateName {
    /*width: 250px;*/
    margin-left: 5px;
    width: 50%;
}

/*###########*/
/*APPLY TEMPLATE */
/*###########*/
.tcTemplateMenuIcons,
.tcGroupTemplateMenuIcons,
.tcWinUpdatePackageManager_MenuIcons,
.tcXtcMenuIcons,
.tcWinSysprepSettingsManager_MenuIcons {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}

    .tcTemplateMenuIcons .iconWrap,
    .tcGroupTemplateMenuIcons .iconWrap,
    .tcWinUpdatePackageManager_MenuIcons .iconWrap,
    .tcWinSysprepSettingsManager_MenuIcons .iconWrap {
        min-width: 55px;
    }

.tcTemplateHeader,
.tcGroupTemplateHeader,
.tcWinUpdatePackageManager_Header,
.tcXtcPackageHeader {
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    height: 25px;
    /*background: #ddd;*/
}

    .tcTemplateHeader > p,
    .tcGroupTemplateHeader > p,
    .tcWinUpdatePackageManager_Header > p,
    .tcXtcPackageHeader > p {
        text-align: center;
        margin-top: 3px;
    }

.tcTemplateList,
.tcGroupTemplateList,
.tcWinUpdatePackageManager_List,
.tcWinSysprepSettingsManager_List,
.tcXtcList {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0px;
    right: 0px;
    bottom: 26px;
    top: 95px;
    padding: 5px;
}

.tcWinUpdatePackageManager_List,
.tcWinSysprepSettingsManager_List,
.tcXtcList {
    top: 70px;
    bottom: 0;
}

.tcTemplateList {
    /*top: 123px !important;*/
}

.tcTemplate-listInfo,
.tcTemplate-legend,
.tcWinUpdatePackageManager_ListInfo,
.tcWinUpdatePackageManager_Legend,
.tcXtcPackage-listInfo {
    position: absolute;
    overflow: hidden;
    left: 0px;
    right: 0px;
    top: 95px;
    padding: 4px;
    white-space: nowrap;
}

    .tcTemplate-listInfo > div,
    .tcTemplate-legend > div,
    .tcWinUpdatePackageManager_ListInfo > div,
    .tcWinUpdatePackageManager_Legend > div,
    .tcXtcPackage-listInfo > div {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }


        .tcTemplate-legend > div > div,
        .tcWinUpdatePackageManager_Legend > div > div {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
        }

        .tcTemplate-listInfo > div:nth-child(2),
        .tcTemplate-legend > div:nth-child(2),
        .tcWinUpdatePackageManager_ListInfo > div:nth-child(2),
        .tcWinUpdatePackageManager_Legend > div:nth-child(2),
        .tcXtcPackage-listInfo > div:nth-child(2) {
            width: 50%;
        }

        .tcTemplate-listInfo > div:last-child,
        .tcTemplate-legend > div:last-child,
        .tcWinUpdatePackageManager_ListInfo > div:last-child,
        .tcWinUpdatePackageManager_Legend > div:last-child,
        .tcXtcPackage-listInfo > div:last-child {
            margin: 0 auto;
            width: 50%;
            padding-left: 10px;
        }

    .tcTemplate-legend .iconPlaceHolder,
    .tcWinUpdatePackageManager_Legend .iconPlaceHolder {
        height: 20px;
        width: 20px;
        background-size: 20px;
        margin-right: 10px;
    }

.applyTemplateWrap,
.tcWinUpdatePackageManager_Wrap,
.tcWinSysprepSettingsManager_Wrap,
.tcXTCPackage_Wrap {
    display: block;
    white-space: nowrap;
    margin: 0px;
    padding: 4px 2px;
    overflow: hidden;
}

    .applyTemplateWrap > img,
    .applyTemplateWrap > div,
    .tcWinUpdatePackageManager_Wrap > img,
    .tcWinUpdatePackageManager_Wrap > div,
    .tcWinSysprepSettingsManager_Wrap > img,
    .tcWinSysprepSettingsManager_Wrap > div,
    .tcXTCPackage_Wrap > div,
    .tcXTCPackage_Wrap > img {
        display: inline-block;
        vertical-align: middle;
        margin: 3px;
        padding: 0;
    }

    .applyTemplateWrap .templateName,
    .applyTemplateWrap .templateComment,
    .tcWinUpdatePackageManager_Wrap .templateName,
    .tcWinUpdatePackageManager_Wrap .templateComment,
    .tcWinSysprepSettingsManager_Wrap .templateName,
    .tcWinSysprepSettingsManager_Wrap .templateComment,
    tcXTCPackage_Wrap .xtcPackage_Version {
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .applyTemplateWrap .templateName,
        .tcWinUpdatePackageManager_Wrap .templateName
        .tcWinSysprepSettingsManager_Wrap .templateName, {
            width: 50%;
        }

        .applyTemplateWrap .templateComment,
        .tcWinUpdatePackageManager_Wrap .templateComment
        .tcWinSysprepSettingsManager_Wrap .templateComment {
            width: 40%;
        }

    .tcXTCPackage_Wrap .xtcPackage_Name,
    .tcXTCPackage_Wrap .xtcPackage_Version {
        width: 50%;
    }

.tcTemplateBottom, .tcFirmwareBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    border-top: 1px solid #545454;
}

    .tcTemplateBottom > input, .tcTemplateBottom > div,
    .tcFirmwareBottom > input, .tcFirmwareBottom > div {
        vertical-align: middle;
        display: inline-block;
    }

        .tcTemplateBottom > input[type="text"] {
            width: 230px;
            border: 1px solid rgb(242, 105, 37);
        }

        .tcTemplateBottom > input[type="checkbox"],
        .tcFirmwareBottom > input[type="checkbox"] {
            height: 19px;
            border: 1px solid rgb(242, 105, 37);
            margin-left: 10px;
            margin-right: 5px;
            margin-top: 5px;
        }

.tcGenTemplateWrap > input, .tcGenTemplateWrap > div {
    margin-top: 4px;
    margin-left: 5px;
}

.tcGroupTemplate-sortWrapper {
    list-style-type: none;
    margin-top: 10px;
}

    /*group template list*/
    .tcGroupTemplate-sortWrapper li {
        cursor: move;
    }

    .tcGroupTemplate-sortWrapper div {
        margin: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .tcGroupTemplate-sortWrapper .sort-up-down {
        float: right;
        height: 16px;
        width: 16px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

/*###########*/
/*Client Configure List*/
/*###########*/
.tcTGCCL-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    background: #ddd;
}

    .tcTGCCL-header > p {
        text-align: center;
        margin-top: 5px;
    }

.tcTGCCL-list {
    position: absolute;
    overflow: auto;
    left: 0px;
    right: 0px;
    bottom: 29px;
    top: 26px;
    padding: 5px;
    border-top: 1px solid #545454;
    border-bottom: 1px solid #545454;
}


.tcTGCCL-item {
    display: block;
    white-space: nowrap;
    margin: 4px 2px;
    padding: 0;
    overflow: hidden;
}

    .tcTGCCL-item > img, .tcTGCCL-item > div {
        display: inline-block;
        vertical-align: middle;
        margin: 3px 8px;
        padding: 0;
    }

    .tcTGCCL-item .tcTGCCL-tcStatusImg {
        width: 24px;
        height: 24px;
        margin-top: -5px;
    }

.tcTGCCL-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    height: 30px;
}

.tcTGCCL-wrapper {
    display: flex;
}

    .tcTGCCL-wrapper > div {
        margin: 0 5px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

/*###########*/
/*DELETE TC*/
/*###########*/
.deleteConfigWrap > input, .deleteConfigWrap > div {
    display: inline-block;
    vertical-align: middle;
}

/*###########*/
/*ONLINE MANUAL*/
/*###########*/

/*manual left side*/
.manLeft {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 165px;
    overflow-x: hidden;
}

.manTree {
    font-size: 12px;
    margin: 0px 0px 0px 1px;
}

    .manTree div {
        padding: 5px;
        cursor: pointer;
        font-size: 15px;
        white-space: nowrap;
    }

        .manTree div:hover {
            -webkit-transition: color .5s ease;
            -moz-transition: color .5s ease;
            -ms-transition: color .5s ease;
            -o-transition: color .5s ease;
            transition: color 0.5s ease;
        }

        .manTree div.manCat-active {
            -webkit-transition: all .75s ease;
            -moz-transition: all .75s ease;
            -ms-transition: all .75s ease;
            -o-transition: all .75s ease;
            transition: all 0.75s ease;
        }

.manCat-sub {
    margin-left: 10px;
    font-size: 12px !important;
}

.manCat-sub-sub {
    margin-left: 20px;
    font-size: 12px !important;
}

/*manual right side*/
.manRight {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 165px;
    overflow: hidden;
}

.manInfo > div:not(:first-child) {
    display: none;
}

.manHeader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 15px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.manDoc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 36px;
    overflow: auto;
    margin-top: 1px;
}

    .manDoc > .section, .sectionInfo > .section {
        font-weight: bold;
        padding: 10px;
    }

    .manDoc > .sectionInfo {
        padding: 5px 20px 5px 10px;
        line-height: 22px;
    }

    .manDoc div, .manDoc i, .manDoc li, .manDoc li b, .manDoc li i {
        font-size: 13px;
    }

.sectionInfo > ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sectionInfo .original {
    padding: 1px;
}

.sectionInfo button:not(.original) {
    font-size: 11px;
    padding: 1px;
}

.sectionInfo input[type="checkbox"] {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

/* images*/
.sectionInfo ul li img {
    height: 20px;
    vertical-align: middle;
}

.sectionInfo .iconPlaceHolder, .tcDragDiv .iconPlaceHolder {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: auto 5px;
}

.sectionInfo .smallImg {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin: 0;
}

}

/*interactive elements*/
/*mock-up header*/
.headerExample {
    white-space: nowrap;
    font-size: 0 !important;
}

    .headerExample .ui-sortable-placeholder {
        visibility: visible !important;
    }

.headColumn {
    font-size: 13px;
    padding: 4px;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    height: 24px;
    width: 75px;
    min-width: 50px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .headColumn > div:not(.head-handle-e):not(.down) {
        vertical-align: middle;
        margin-top: 5px;
        margin-left: 10px;
    }

    .headColumn > .head-handle-e {
        position: absolute;
        width: 10px;
        right: 0;
        top: 0;
        bottom: 0;
    }

.stat {
    width: 24px !important;
    min-width: 24px
}

    .stat > .down {
        margin: 8px 5px 1px 5px;
        padding: 0;
        width: 0;
        height: 0;
    }

.sectionInfo div[role="tab"] {
    border-color: #cdcdcd;
}

.sectionInfo > div[role="tab"] {
    display: inline-block;
    position: relative;
    list-style: none;
    width: auto;
}

    .sectionInfo > div[role="tab"] > a {
        padding: 4px 5px 5px 5px;
        border: none !important;
    }

/*context menu examples*/
.context-example > div {
    display: inline-block;
    padding: 8px;
    margin: 15px;
    cursor: pointer;
}

/*###########*/
/*ABOUT DIALOG*/
/*###########*/
.aboutDialog {
    margin: 0 !important;
    padding: 0 !important;
}

.aboutDialogWrap > div {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    height: 300px;
}

.aboutHeader {
    /*margin-bottom: 10px;*/
}

    .aboutHeader > div {
        display: block;
        margin: 18px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }

    .aboutHeader .aboutImage > img {
        display: block;
        margin-left: -12px;
    }

.aboutDialogWrap .aboutTour {
    margin: 15px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.loadingBar, .aboutDialogWrap .aboutTour {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.aboutDialogWrap .aboutFooter {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

    .aboutDialogWrap .aboutFooter > div {
        margin-left: 12px;
    }

/*about content*/
.aboutContent {
    overflow: auto;
    color: #353535;
    padding: 0 10px;
}

    .aboutContent div {
        display: block;
    }

    .aboutContent > div:not(.aboutContact) > div {
        display: inline-block;
        padding: 5px 0;
        font-size: 14px;
    }

        .aboutContent > div:not(.aboutContact) > div:first-child {
            font-weight: bold;
            margin-right: 5px;
        }

    .aboutContent a {
        outline: none;
        border: none;
        text-decoration: none !important;
        font-weight: bold;
        letter-spacing: 1px;
    }

.aboutContact {
    margin-right: 20px;
}

    .aboutContact > div {
        display: block;
        padding: 0px;
    }

        .aboutContact > div > div {
            display: block;
            padding: 2px;
        }

.aboutContactSub {
    font-weight: 600;
}

.aboutContact > .aboutContactHeader {
    font-size: 13px;
    font-family: arial;
    /*font-family:'Segoe UI';*/
    font-weight: 700;
    margin-top: 5px;
}

.aboutContact > div > div > a {
    text-decoration: none;
}

.aboutContact > div > div:not(first-child) {
    display: inline-block;
}

/*###########*/
/*INFO BALLOONS*/
/*###########*/
.balloon-not-selectable {
    -moz-user-select: none;
    -html-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: default;
}

.infoBalloon {
    position: absolute;
    z-index: 1;
    cursor: default;
}

.infoBalloon, .tempFlash, .tempBorder {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.infoBalloonFlashBorder {
    border-width: 2px;
    border-style: solid;
}

.infoBalloonHeader {
    text-align: center;
    display: block;
    font-weight: bold;
    padding: 10px;
}

.infoBalloonNext {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
}

.infoBalloon-nextText {
    margin: 7px;
}

.infoText {
    padding: 8px;
    margin-bottom: 25px;
    max-width: 300px;
    cursor: default;
}

.infoBalloonText {
    padding: 10px;
}

.infoModal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: default;
}

.infoBalloon-clickAnywhere {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: transparent;
    cursor: default;
}

.arrow-left {
    position: absolute;
    width: 0;
    height: 0;
    cursor: default;
}

.arrow-right {
    position: absolute;
    width: 0;
    height: 0;
    cursor: default;
}

.arrow-top {
    position: absolute;
    width: 0;
    height: 0;
    cursor: default;
}

.arrow-bottom {
    position: absolute;
    width: 0;
    height: 0;
    cursor: default;
}

/*###########*/
/*Console Settings*/
/*###########*/

.mainMenuSettingsTabs > ul > li:hover > a,
.treeGrpTabs > ul > li:hover > a,
.sectionInfo div[role="tab"]:hover > a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 4px 5px 4px 5px;
}

.mainMenuSettingsTabs > ul > li.ui-tabs-active:hover > a,
.treeGrpTabs > ul > li.ui-tabs-active:hover > a {
    background-image: none !important;
}

.mainMenuSettingsTabs > ul > li:not(:first-child), .sectionInfo div[role="tab"],
.treeGrpTabs > ul > li:not(:first-child), .sectionInfo div[role="tab"] {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.settingsWrapper {
    margin: 10px 0 5px 10px;
}

    .settingsWrapper > label, .settingsWrapper > span, .settingsWrapper > button, .settingsWrapper > p, .settingsWrapper > input, .settingsWrapper > div, .settingsWrapper > select {
        display: inline-block;
        vertical-align: middle;
    }

.resetAll {
    margin: 0 auto;
    display: block;
}

.settings-align {
    /*text-align: center;*/
}

    .settings-align > div {
        margin-left: 10px;
    }

    .settings-align > input {
        margin-right: 10px;
    }

.settings-Theme > select {
    min-width: 120px;
}

.refreshOverlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.managerRefresh > fieldset > legend > label, .enableAutoRefresh {
    vertical-align: middle;
}

label[for="mgrTcAutoRef"], #mgrTcAutoRef, label[for="mgrRecvAutoRef"], #mgrRecvAutoRef {
    vertical-align: middle;
}

fieldset.settings-animation {
    margin: 10px 0 10px 0;
}

.settings-align > .ui-spinner {
    margin-left: 15px;
}

#logoutTimerTime {
    margin-left: 5px;
}

.advSettings fieldset:last-child {
    margin-top: 10px;
}

/*###########*/
/*RECOVERY*/
/*###########*/
.recoveryWrapper {
    position: absolute;
    top: 114px;
    bottom: 0;
    right: 0;
    left: 100%;
    overflow: hidden;
}

.recvPropWrapper {
    display: block;
    margin: 8px;
    white-space: nowrap;
}

    .recvPropWrapper > div {
        display: inline-block;
    }

        .recvPropWrapper > div:first-child {
            text-align: right;
            width: 77px;
        }

        .recvPropWrapper > div:last-child {
            margin-left: 10px;
            margin-right: 15px;
        }

.recvProgBar {
    height: 20px !important;
}

/*###########*/
/*IMAGE STORE DIRECTORY*/
/*###########*/
.imageStoreDirectory {
    overflow: auto;
}

    .imageStoreDirectory > div {
        position: absolute;
    }

.directoryToolBar {
    left: 0;
    top: 0;
    right: 0;
}

.directoryHeader {
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    height: 25px;
    display: none;
}

    .directoryHeader > p {
        text-align: center;
        margin-top: 5px;
    }

.directoryWrapper {
    left: 0px;
    top: 69px;
    right: 0px;
    bottom: 31px;
    overflow: auto;
    padding: 5px;
}

.dirElWrap {
    display: block;
    white-space: nowrap;
    margin: 2px 2px 2px 10px;
    overflow: hidden;
}

    .dirElWrap > img, .dirElWrap > div {
        display: inline-block;
        vertical-align: middle;
        margin: 3px;
    }

.directoryFileWrapper {
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 30px;
}

.dirFileWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 0;
}

    .dirFileWrap > div, .dirFileWrap > input {
        display: none;
        vertical-align: middle;
        margin-top: 4px;
    }

    .dirFileWrap input {
        margin-left: 5px;
    }

.selectedDirFileName.active {
    font-weight: 500;
    font-style: italic;
}

.dirFileName {
    width: 80%;
}

.selectedDirFolderName {
    width: 80%;
    display: none;
}

.dirElWrap > div {
    width: 100%;
    margin: 0;
    padding: 8px
}

.dirUNCWrap {
    display: block;
    margin-bottom: 10px;
}

    .dirUNCWrap > div, .dirUNCWrap > input {
        display: inline-block;
        vertical-align: middle;
    }

    .dirUNCWrap > div {
        width: 70px;
    }

    .dirUNCWrap > input {
        width: 300px
    }

.directory-info-authenticated {
    text-align: center;
}

#imageStoreDirectoryRefresh, #ipRangeClear {
    position: absolute;
    bottom: 0px;
    left: 10px;
}


/*###########*/
/*XTC AGENT*/
/*###########*/
/*.tcXtcMenuIcons {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

    .tcXtcMenuIcons .iconWrap {
        min-width: 55px;
    }

.tcXtcHeader {
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    height: 25px;
}

    .tcXtcHeader > p {
        text-align: center;
        margin-top: 5px;
    }

.tcXtcList {
    position: absolute;
    top: 95px;
    left: 0px;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
}*/

/*DISCOVERY SLICKGRID HEADER*/
.tcXtcList .slick-header {
    border: none;
}

/*DISCOVERY SLICKGRID HEADER COLUMNS*/
.tcXtcList .slick-header-column {
    border-bottom: none !important;
    border-left: none !important;
}

.tcXtcList .slick-row {
    overflow: hidden;
}

.tcXtcList .slick-cell {
    padding-top: 2px;
}

.slick-cell > .iconPlaceHolder {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 24px;
    width: 24px;
}

.slick-header-column .slick-sort-indicator {
    background: none !important;
    padding: 0 !important;
    margin: 4px !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    display: none;
}

/*###########*/
/*Progress Label*/
/*###########*/
#tcProgressCnclBtn {
    visibility: hidden;
}

/*###########*/
/*Drag Div Label*/
/*###########*/
.tcDragDiv {
    display: none;
    position: absolute;
    z-index: 50;
    white-space: nowrap;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tcDragDiv-example {
    margin-left: 15px;
    white-space: nowrap;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    display: inline-block;
}

.dragDivWrapper > div, .dragDivWrapper > img, .dragDivWrapper-example > div, .dragDivWrapper-example > img {
    display: inline-block;
    vertical-align: middle;
    margin: 3px;
    padding: 0;
    white-space: nowrap;
}

.dragDivWrapper > img, .dragDivWrapper-example > img {
    padding-left: 6px;
}

.dragDivInfo, .dragDivInfo-example {
    margin: 0 !important;
    padding: 8px !important;
}


/*###########*/
/*Config Window*/
/*###########*/

.tcXmlConfigWindow, .tcXmlConfigHeader, .tcXmlConfigBanner, .tcXmlConfigBody {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.tcXmlConfigWindow {
    display: none;
}

.tcXmlConfigWindow, .tcXmlConfigBody {
    bottom: 0;
}

.tcXmlConfigHeader {
    height: 66px;
    background-size: contain;
}

.tcXmlConfigBanner {
    bottom: 0;
    left: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.tcXmlConfigBody {
    top: 68px;
    overflow: hidden;
}

.tcXmlConfigBodyLeft, .tcXmlConfigBodyRight {
    position: absolute;
    top: 0;
    bottom: 0;
}

.tcXmlConfigBodyLeft {
    left: 0;
    width: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}


.xmlConfigCat {
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color 0.5s ease;
}

    .xmlConfigCat:hover:not(.xmlCat-active) {
        -webkit-transition: color .5s ease;
        -moz-transition: color .5s ease;
        -ms-transition: color .5s ease;
        -o-transition: color .5s ease;
        transition: color 0.5s ease;
    }

.tcXmlConfigBodyRight {
    right: 0;
    left: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}

.xmlCatBodyHeader {
    display: block;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
}

.xmlCatNodeWrapper {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.xmlCatNodeDispName {
    width: 120px;
    text-align: center;
}

.xmlCatNodeWrapper div, .xmlCatNodeWrapper input, .xmlCatNodeWrapper select {
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
}

    .xmlCatNodeWrapper div:not(.xmlCatNodeDispName), .xmlCatNodeWrapper input, .xmlCatNodeWrapper select {
        min-width: 200px;
    }

        .xmlCatNodeWrapper input[type="checkbox"] {
            width: auto !important;
            min-width: 0 !important;
        }

/*################*/
/*CONFIG DIALOG*/
/*################*/
.clientConfigWindow {
    display: none;
}

.clientConfigListWrapper {
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

.clientConfigMenuIcons {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.clientConnWrapper {
    cursor: pointer;
    display: inline-block;
    margin: 10px;
    min-width: 100px;
}

    .clientConnWrapper > .clientConnDisplayName {
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .clientConnWrapper.active,
    .addClientConnWrapper.active {
        border-radius: 3px;
    }

    .clientConnWrapper:hover,
    .addClientConnWrapper:hover {
        border-radius: 3px;
    }

    .clientConnWrapper > .div {
        display: block;
    }

    .clientConnWrapper > .clientConnIcon {
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        margin: 0 auto;
        margin-top: 4px;
    }

    .clientConnWrapper > .clientConnName {
        text-align: center;
        margin: 5px;
    }

.cc-no-conns-spec {
    text-align: center;
    margin-top: 15px;
}

/*################*/
/*ADD CONFIG CONN DIALOG*/
/*################*/
.addCConn, .addClientConfigWindow {
    display: none;
}

.addCCHeader {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 25px;
}

    .addCCHeader > p {
        text-align: center;
        margin-top: 5px;
    }

.addCCResizerWrapper {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    height: 25px;
}

.addCCResizerLeft, .addCCResizerRight {
    position: absolute;
    top: 0;
    bottom: 0;
}

.addCCResizerLeft {
    left: 0;
    width: 400px;
}

    .addCCResizerLeft .ui-resizable-handle {
        width: 2px;
    }

.addCCResizerRight {
    right: 0;
    left: 400px;
    z-index: 1;
}

.resizeLbl {
    margin-top: 6px;
    text-align: center;
}

.addCCBodyList,
.addCCList {
    position: absolute;
    left: 0;
    right: 0;
    top: 52px;
    bottom: 0;
    overflow: auto;
}

.addCCBodyLeft, .addCCBodyRight {
    position: absolute;
    top: 0;
    bottom: 0;
}

.addCCBodyLeft {
    width: 400px;
    left: 0;
}

.addCCBodyRight {
    left: 400px;
    right: 0;
}

.addCConnList {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.addCCWrapper {
    display: block;
    white-space: nowrap;
    margin: 2px;
    padding: 0;
    overflow: hidden;
}

    .addCCWrapper > div {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        padding: 0;
    }

    .addCCWrapper > .addCCIcon {
        height: 24px;
        width: 24px;
        background-repeat: no-repeat;
        background-size: 24px 24px;
    }

    .addCCWrapper > .addCCName, .addCCBodyRight .addCCWrapper > div {
        width: 100%;
        margin: 0;
        padding: 10px;
    }

.addCCBodyLeft .addCCWrapper {
    margin-right: 0;
}

.addCCBodyRight .addCCPluginHover {
    border-left-color: transparent;
}

.addCCBodyRight .addCCWrapper {
    margin-left: -2px;
}

/*################*/
/*Logout Dialog*/
/*################*/

.logoutWrapper {
    text-align: center;
}

    .logoutWrapper > div, .logoutWrapper > img {
        margin: 10px;
    }

/*################*/
/*Logout Timer Time*/
/*################*/
.sessionTimeoutDialog {
    display: none
}

.sessionWarning {
    margin-top: 20px;
}

.countdownTime {
    text-align: center;
    margin-top: 10px;
}

/*################*/
/*Windows Rename Dialog*/
/*################*/

.winCompName {
    display: none;
    padding: 10px;
}

    .winCompName > div {
        display: block;
        margin-left: 5px;
    }

    .winCompName .nameLeft fieldset input[type="text"] {
        min-width: 290px;
    }

    .winCompName fieldset {
        min-height: 150px;
    }

    .winCompName .nameHeader {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
    }

        .winCompName .nameHeader > div {
            padding: 7px;
        }

    .winCompName .nameBody {
        margin-top: 35px;
        white-space: nowrap;
    }

        .winCompName .nameBody .winNewCompName {
            width: 335px;
        }

        .winCompName .nameBody > div > div, .winCompName .nameBody > div > input {
            margin-top: 6px;
        }

        .winCompName .nameBody .nameLeft, .winCompName .nameBody .nameRight {
            vertical-align: top;
            margin-top: 10px;
        }

.nameBody .nameLeft {
    display: inline-block;
}

.nameBody .nameRight {
    display: none;
}

.winCompName .nameBody .nameLeft .nameMemberOf > div {
    display: block;
}

.winCompName .nameBody .nameLeft .nameMemberOf > div {
    margin-top: 10px;
}


    .winCompName .nameBody .nameLeft .nameMemberOf > div > div {
        display: inline-block;
        vertical-align: top;
    }

.winCompNameDomainWarn {
    font-style: italic;
}

.winCompName .nameBody .nameLeft .nameMemberOf > div > div > div, .winCompName .nameBody .nameLeft .nameMemberOf > div > div > input {
    margin: 2px;
}

.winCompName .nameBody .nameRight .nameCredentials > div {
    margin: 5px;
}

    .winCompName .nameBody .nameRight .nameCredentials > div > div, .winCompName .nameBody .nameRight .nameCredentials > div > input {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
    }

        .winCompName .nameBody .nameRight .nameCredentials > div > div:not(:last-child) {
            width: 65px;
            text-align: right;
            margin-right: 5px;
        }

.nameFooter {
    margin-top: 10px;
    white-space: nowrap;
}

    .nameFooter > div {
        vertical-align: top;
    }

    .nameFooter .nameLeft {
        display: inline-block;
    }

    .nameFooter .nameRight {
        display: none;
    }

    .nameFooter img {
        height: 25px;
        margin-right: 5px;
    }

    .nameFooter .nameLeft > div {
        display: inline-block;
        vertical-align: top;
    }

        .nameFooter .nameLeft > div:last-child {
            padding-top: 8px;
        }

    .nameFooter .nameRight > div {
        padding-top: 0px;
        margin-top: 6px;
        margin-left: 40px;
    }

/*ewf warning*/
.ewfWarning, .writeFilterDialog {
    display: none;
}

.writeFilterWrapper-inline > div {
    display: table-cell;
    vertical-align: top;
}

.writeFilterDialog .dialogFillTop .writeFilterWrapper-inline > div:first-child {
    padding-right: 10px;
}

/*################*/
/*auto renaming*/
/*################*/

/*auto renaming manage*/
.tcAutoNamingManage, .autoNamingAddEdit, .autoNamingOptions {
    display: none;
}

.tcAutoNamingMenuIcons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.tcAutoNamingGrid {
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

    .tcAutoNamingGrid > .slick-viewport > .grid-canvas {
        padding-left: .5px;
    }

    .tcAutoNamingGrid .tcANJoinDomainCol {
        text-align: center;
    }

    .tcAutoNamingGrid .tcANJoinInput {
        vertical-align: middle;
    }

    .tcAutoNamingGrid .tcANPassChar {
        display: inline-block;
        height: 6px;
        width: 6px;
        margin-right: 2px;
    }

/*auto rename options*/
/*.tcAutoNamingGrid .slick-viewport {
    bottom: 0;
    height: auto !important;
}*/
.tcAutoNamingManage .slick-viewport {
    overflow-x: hidden !important;
}

.autoNamingOptions fieldset {
    margin: 5px;
}

.autoNamingOptions .autoNamingOptions-Body > div:first-child {
    margin-bottom: 5px;
    padding: 2px 0 12px 0;
}

.autoNamingOptions .autoNamingOptions-Body > div {
    padding: 8px 5px;
}

    .autoNamingOptions .autoNamingOptions-Body > div > div {
        min-width: 120px;
    }

    .autoNamingOptions .autoNamingOptions-Body > div > input {
        min-width: 200px;
    }

    .autoNamingOptions .autoNamingOptions-Body > div > div, .autoNamingOptions .autoNamingOptions-Body > div > input {
        display: inline-block;
        vertical-align: middle;
    }

/*auto renaming edit*/

.autoNamingAddEdit > div {
    padding: 5px;
}

    .autoNamingAddEdit > div:first-child {
        text-align: center;
    }

.autoNamingAddEdit > .dialogFillTop > div {
    display: inline-block;
}

    .autoNamingAddEdit > .dialogFillTop > div > div {
        padding: 2px;
    }

    .autoNamingAddEdit > .dialogFillTop > div:last-child {
        float: right;
    }

.autoNamingAddEdit .namingCredentials {
    margin-top: 5px;
}

    .autoNamingAddEdit .namingCredentials legend input {
        vertical-align: middle;
        margin-top: 0;
    }

    .autoNamingAddEdit .namingCredentials > div {
        margin-top: 10px;
        margin-bottom: 5px;
    }

        .autoNamingAddEdit .namingCredentials > div > div {
            width: 80px;
            text-align: center;
        }

        .autoNamingAddEdit .namingCredentials > div > div, .autoNamingAddEdit .namingCredentials > div > input {
            vertical-align: middle;
            display: inline-block;
        }

/*top most z*/
.topMost-zIndex {
    z-index: 1001 !important;
}

/********************/
/*LOADING SPLASH*/
/********************/
.pageLoading, .loadingModalMask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    white-space: nowrap;
    overflow: hidden;
}

    .pageLoading .loading-wrapper,
    .loadingModalMask .centerWrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .pageLoading .loading-wrapper .loading-icon .spinner div,
        .loadingModalMask .centerWrapper .loading-gif {
            display: none;
        }

        .pageLoading .loading-wrapper .loading-text {
            font-size: 25px;
        }

        .loadingModalMask .centerWrapper .loading-text {
            font-size: 14px;
        }

        .pageLoading .loading-wrapper .loading-icon,
        .pageLoading .loading-wrapper .loading-text,
        .loadingModalMask .centerWrapper .loading-gif,
        .loadingModalMask .centerWrapper .loading-text {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            padding: 5px;
        }

        .pageLoading .loading-text,
        .loadingModalMask .centerWrapper .loading-text {
            font-family: 'Segoe UI';
            color: rgb(242, 105, 37);
        }

        .pageLoading .loading-wrapper .loading-icon .spinner {
            border-radius: 50%;
            height: 35px;
            width: 35px;
        }


        .loadingModalMask .centerWrapper .loading-gif {
            border-radius: 50%;
            height: 15px;
            width: 15px;
        }

            .loadingModalMask .centerWrapper .loading-gif img {
                display: none;
            }

        .pageLoading .loading-wrapper .loading-icon .spinner::before,
        .pageLoading .loading-wrapper .loading-icon .spinner::after {
            content: '';
            position: absolute;
        }

        .pageLoading .loading-wrapper .loading-icon .spinner::before {
            /*border-radius: 50%;
            top: -2px;
            bottom: -2px;
            left: -2px;
            right: -2px;*/
        }

        .pageLoading .loading-wrapper .loading-icon .spinner::after {
            /*border-radius: 50%;
            top: 3px;
            bottom: 3px;
            left: 3px;
            right: 3px;*/
        }


/********************/
/*EDIT TEXT*/
/********************/
.editText-wrapper {
    position: fixed;
    z-index: 1;
}

.editText-input {
    padding: 1.5px 2px;
    margin-top: -4px;
    margin-left: -3px;
    border: 1px solid rgb(242, 105, 37);
    width: 100%;
}

.filter-edit-text .editText-input {
    margin: 0px;
    padding-right: 0px;
}

    .filter-edit-text .editText-input.filter-edit-error, .input-error {
        border: 2px solid red;
        border-radius: 3px;
    }

.auto-name-input-error {
    border: 2px solid red;
}

/********************/
/*WARNING BOXES*/
/********************/
.warnTextWrap {
    display: flex;
}

    .warnTextWrap > div {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .warnTextWrap .iconWrap:hover,
    .tcGroupTemplate-infoWrap .iconWrap:hover {
        background: none;
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
        cursor: default;
    }

.wtwRight > div:not(:first-child) {
    margin-top: 15px;
}

.wtInline {
    bottom: 0;
    text-align: right;
}

    .wtInline input, .wtInline div {
        display: inline-block;
        vertical-align: middle;
    }

.iconWrap.info-icon.wtwLeft {
    height: 160px;
}

.tcGroupTemplate-infoWrap .iconWrap {
    float: left;
}

/*###########*/
/*SUMMARY*/
/*###########*/
.summaryWrapper {
    position: absolute;
    top: 114px;
    bottom: 0;
    right: 100%;
    left: 0%;
    overflow: hidden;
}

.summaryLayout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.summary-grid-view, .summary-tree-view {
    position: absolute;
    top: 28px;
    bottom: 0;
    right: 0;
    left: 0;
    background: #dadada;
}

.summary-grid-view {
    overflow: auto;
}

.summary-tree-view {
    overflow-x: hidden;
    overflow-y: auto;
}


/*Tree View*/
.tcGroup-summary-tree-view {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 8px;
}

.ui-layout-pane {
    background: none !important;
}

/*Grid View*/
.gridster.ready {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.gridster .gs-w {
    background: #ccc;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.gridster .player {
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px #ff671b;
    background: #BBB;
    margin: 0;
}

.gridster .gs-w.try {
    /*background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: 37px -169px;*/
}

.gridster .preview-holder {
    border: none !important;
    border-radius: 0 !important;
    background: #666 !important;
    opacity: 1 !important;
    border-radius: 5px !important;
}

.gridster > ul {
    padding: 0 !important;
    margin: 10px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .gridster > ul > li {
        list-style: none;
        cursor: default !important;
        border-radius: 5px;
        min-width: 320px !important;
        min-height: 200px !important;
    }

.gridster-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.summary-grid-header,
.summary-grid-body,
.summary-grid-footer {
    position: absolute;
    right: 0;
    left: 0;
}

.summary-grid-header {
    text-align: center;
    background: #323232;
    color: rgb(242, 105, 37);
    padding: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    top: 0;
    height: 14px;
    line-height: 13px;
}

.summary-grid-header-left {
    position: absolute;
    left: 6px;
    top: 6px;
    cursor: default;
}

    .summary-grid-header-left > div {
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px;
    }

.summary-grid-toggle-legend {
    height: 14px;
    width: 14px;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb%28242%2C%20105%2C%2037%29%22%3E%3Cpath%20d%3D%22M8%2020c0%200%201.838-6%2012-6v6l12-8-12-8v6c-8%200-12%204.99-12%2010zM22%2024h-18v-12h3.934c0.315-0.372%200.654-0.729%201.015-1.068%201.374-1.287%203.018-2.27%204.879-2.932h-13.827v20h26v-8.395l-4%202.667v1.728z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-random-color {
    height: 14px;
    width: 14px;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3Argb(242%2C%20105%2C%2037)%22%3E%3Cpath%20d%3D%22M218.047%208.20102c84.6052%2C0%20153.218%2C16.8028%20153.218%2C37.5221%200%2C20.7192%20-68.6125%2C37.5221%20-153.218%2C37.5221%20-84.6056%2C0%20-153.218%2C-16.8028%20-153.218%2C-37.5221%200%2C-20.7192%2068.6125%2C-37.5221%20153.218%2C-37.5221zm170.249%20125.247c-3.76217%2C0.624901%20-4.12108%2C-8.733%20-0.744774%2C-9.33556%205.16979%2C-0.683064%2011.3113%2C-1.17%2017.1514%2C-0.936642%209.49728%2C0.379125%2022.5007%2C2.97129%2024.0168%2C14.4553%205.99614%2C45.522%20-9.32031%2C107.394%20-30.9723%2C164.417l0%20-29.5782c16.2623%2C-49.3037%2025.4351%2C-96.1336%2020.5075%2C-133.656%20-0.731651%2C-5.55105%20-11.0879%2C-6.10573%20-15.0501%2C-6.2639%20-5.24285%2C-0.209246%20-10.1757%2C0.272729%20-14.9086%2C0.89763zm-14.417%20-31.8072l6.79021%200.37416c-2.3549%2C-2.87908%20-5.14249%2C-4.60731%20-8.1762%2C-4.77471%20-9.21108%2C-0.508574%20-17.1894%2C13.5577%20-17.8157%2C31.4114%20-0.626319%2C17.8536%206.3359%2C32.7445%2015.5466%2C33.2527%203.47313%2C0.191159%206.76893%2C-1.69135%209.56289%2C-5.06482l-7.8297%20-0.431614c-7.53498%2C-0.416009%20-13.2155%2C-13.0151%20-12.6849%2C-28.1372%200.530563%2C-15.121%207.07145%2C-27.0459%2014.6068%2C-26.6299zm13.8592%2051.9834l0%20251.516c-0.103204%2C17.0911%20-23.0912%2C41.4183%20-50.9613%2C53.8294%20-30.3343%2C13.5084%20-72.5002%2C21.8648%20-119.306%2C21.8648%20-46.5317%2C0%20-88.5093%2C-8.28153%20-118.845%2C-21.6857%20-30.7233%2C-13.5747%20-51.422%2C-33.0304%20-51.422%2C-68.0205l0%20-17.4692%200%20-261.741%203.26743%2054.9522c-0.197542%2C4.49701%202.80319%2C7.13458%205.25349%2C7.25942%202.06586%2C0.406434%203.97071%2C-0.518859%204.05334%2C-3.05783l1.17391%20-32.1302c17.8295%2C-0.638732%2015.1001%2C18.3083%2015.1001%2C33.5645%200%2C60.0022%200%2C120.006%200%2C180.008%20-0.283014%2C8.54752%2013.8854%2C13.3545%2014.5873%2C3.86218%200%2C-53.5968%200%2C-107.195%200%2C-160.791%202.5911%2C2.58188%205.4677%2C3.91964%208.13825%2C3.98489l0%2023.9991c0.102495%2C7.76125%2011.6685%2C9.86222%2011.5075%2C3.69833%200%2C-21.5186%200%2C-42.3042%200%2C-63.8225%20-0.661075%2C-8.00454%2012.6296%2C-9.45579%2012.6083%2C1.00367%200%2C48.4482%200%2C96.8972%200%2C145.345%20-0.3277%2C12.5569%2017.2479%2C11.7383%2016.8195%2C0.611778%200%2C-42.8163%200%2C-85.633%200%2C-128.449%2033.1538%2C37.9994%2032.3455%2C80.7317%2032.8779%2C123.655%200.417783%2C33.7333%200%2C67.5269%200%2C101.263%20-0.42523%2C10.1896%2018.3658%2C9.50048%2018.6935%2C0.0524888%200%2C-31.4795%200%2C-61.3325%200%2C-92.8119%200%2C-31.4248%200%2C-62.9039%200%2C-94.4387%20-0.231589%2C-10.4939%209.04865%2C-21.552%2015.8878%2C-15.1175%204.97651%2C4.68214%207.73607%2C16.8979%208.34962%2C37.9835%200%2C22.2336%200%2C44.4676%200%2C66.5913%200.216339%2C11.1124%2017.3408%2C7.17962%2017.1532%2C-3.24863%200%2C-22.0687%200%2C-42.1811%200%2C-64.2499%20-0.0879542%2C-34.1968%2038.7949%2C-85.5263%2083.2185%2C-118.835%2020.4593%2C-14.5415%2041.9687%2C-25.4411%2061.3034%2C-29.5973%202.85958%2C-0.614616%209.88953%2C4.30195%2010.5414%2C6.54408l0%204.44807c-1.29839%2C-1.22781%20-2.72765%2C-1.94102%20-4.24592%2C-2.02472%20-6.68629%2C-0.36884%20-12.5395%2C11.5944%20-13.0701%2C26.7154%20-0.530563%2C15.1214%204.46226%2C27.6832%2011.1486%2C28.0524%202.19956%2C0.121292%204.30869%2C-1.09233%206.16744%2C-3.31424zm-295.231%20-95.4034c-5.40245%2C-2.41484%20-14.9749%2C-6.85866%20-14.9749%2C-14.0599%200%2C-4.35019%203.99447%2C-8.49255%2011.206%2C-12.2568%202.35916%2C3.39369%206.54692%2C9.13554%2010.6084%2C13.7507%2030.962%2C-7.95738%2072.7307%2C-12.8374%20118.693%2C-12.8374%2051.2656%2C0%2097.3189%2C6.07097%20128.973%2C15.7122%208.61739%2C2.62373%209.75583%2C2.86986%200.773146%2C7.66301%20-21.1796%2C11.3035%20-71.2986%2C19.2492%20-129.739%2C19.2492%20-54.8771%2C0%20-102.407%2C-7.00832%20-125.54%2C-17.2209zm168.598%2033.9528c-13.7744%2C0.938415%20-28.1982%2C1.43954%20-43.0582%2C1.43954%20-75.3179%2C0%20-139.511%2C-12.8119%20-163.992%2C-30.7588l-0.345078%2019.3684c-6.78702%2C-5.28683%20-10.2513%2C-11.0798%20-10.2513%2C-17.2107l0%20-18.2711c0%2C-0.827408%200.0982392%2C-1.67716%200.255706%2C-2.48719%204.81798%2C-24.7261%2081.0349%2C-44.385%20174.333%2C-44.385%2087.401%2C0%20159.822%2C17.2507%20172.589%2C39.7599%201.40691%2C2.30951%202.0992%2C4.68463%201.99919%2C7.11223l-1.02531%2023.8094c-0.596883%2C13.8656%20-50.9787%2C38.5208%20-149.098%2C41.1122%207.44242%2C-11.505%2018.5927%2C-19.489%2018.5927%2C-19.489zm-43.0582%20-89.5941c90.7812%2C0%20164.402%2C19.3201%20164.402%2C43.1437%200%2C23.8235%20-73.6209%2C43.1437%20-164.402%2C43.1437%20-90.7815%2C0%20-164.402%2C-19.3201%20-164.402%2C-43.1437%200%2C-23.8235%2073.6209%2C-43.1437%20164.402%2C-43.1437zm173.948%20414.32l0.00106396%2014.1826c0.00212792%2C42.9358%20-92.952%2C71.7579%20-174.525%2C71.7579%20-81.5733%2C0%20-174.525%2C-28.8213%20-174.525%2C-71.7579l0.018442%20-17.3458c0.785204%2C42.6372%2078.6229%2C77.1071%20174.506%2C77.1071%2093.5014%2C0%20170.06%2C-32.7775%20174.524%2C-73.944z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-export {
    height: 14px;
    width: 14px;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3Argb%28242%2C%20105%2C%2037%29%22%3E%3Cpath%20d%3D%22M36.5397%20346.13l6.10431%2088.3284c0.106042%2C1.06822%200.299683%2C1.34449%201.34059%2C1.60942l260.064%2066.331c1.35762%2C0.346852%202.97839%2C0.290107%204.34877%2C-0.0776693l-0.889473%20-96.1354c1.28846%2C-0.180874%202.46378%2C-0.580214%203.17735%2C-1.14872l148.26%20-118.365c0.100722%2C-0.516376%20-0.272374%2C-1.47749%20-2.06054%2C-1.80306l-84.6474%20-11.9568%20-35.7899%2044.0204%20-50.9751%2016.9918%20-46.992%20-79.9061%20-17.399%20-2.45775c-1.38244%2C-0.19435%20-3.49015%2C-0.0085117%20-4.74776%2C0.641924l-178.651%2092.4963c-0.927066%2C0.480202%20-1.30726%2C0.998706%20-1.1427%2C1.43138zm246.483%20-345.822l-45.7717%2010.901%202.9642%20136.231%20-45.4482%2012.5767%2095.2122%20161.901c33.7216%2C-41.4772%2067.4446%2C-82.9554%20101.167%2C-124.433l40.5444%20-13.5148%20-52.4331%20-9.97607%20-40.5444%2013.5148%200.641924%20-164.161%2040.5444%20-13.5148%20-96.8763%20-9.52566zm-64.0115%20258.669l3.1167%2066.4973c-1.62396%2C-0.264927%20-3.52668%2C0.0610005%20-4.93359%2C0.930258%20-15.814%2C9.7732%20-31.6185%2C19.5553%20-47.3598%2C29.4445l133.216%2029.5055%2049.9715%20-38.6722%2087.3921%20-54.9969%20-134.726%20104.245c-0.303939%2C0.047169%20-0.720657%2C0.0595819%20-0.929903%2C0.0138315l-241.874%20-53.5719%20156.127%20-83.3955z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-close {
    position: absolute;
    right: 6px;
    top: 6px;
    height: 14px !important;
    width: 14px !important;
    cursor: default;
    border-radius: 4px;
    padding: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' style='stroke:rgb(242, 105, 37); stroke-width:3'%3E%3Cline x1='1' y1='1' x2='12' y2='12' /%3E%3Cline x1='1' y1='12' x2='12' y2='1'/%3E%3Cline x1='1' y1='1' x2='12' y2='12' /%3E%3Cline x1='1' y1='12' x2='12' y2='1'/%3E%3C/svg%3E");
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

    .summary-grid-close:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' style='stroke:%23ccc; stroke-width:3'%3E%3Cline x1='1' y1='1' x2='12' y2='12' /%3E%3Cline x1='1' y1='12' x2='12' y2='1'/%3E%3Cline x1='1' y1='1' x2='12' y2='12' /%3E%3Cline x1='1' y1='12' x2='12' y2='1'/%3E%3C/svg%3E");
        /* background-size: 14px 14px; */
        /* background-repeat: no-repeat; */
        /* background-position: center center; */
        background-color: #444;
        transition: background 0s ease !important;
    }

.summary-grid-toggle-legend:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%22%3E%3Cpath%20d%3D%22M8%2020c0%200%201.838-6%2012-6v6l12-8-12-8v6c-8%200-12%204.99-12%2010zM22%2024h-18v-12h3.934c0.315-0.372%200.654-0.729%201.015-1.068%201.374-1.287%203.018-2.27%204.879-2.932h-13.827v20h26v-8.395l-4%202.667v1.728z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}


.summary-grid-random-color:hover {
    height: 14px;
    width: 14px;
    cursor: default;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23ccc%22%3E%3Cpath%20d%3D%22M218.047%208.20102c84.6052%2C0%20153.218%2C16.8028%20153.218%2C37.5221%200%2C20.7192%20-68.6125%2C37.5221%20-153.218%2C37.5221%20-84.6056%2C0%20-153.218%2C-16.8028%20-153.218%2C-37.5221%200%2C-20.7192%2068.6125%2C-37.5221%20153.218%2C-37.5221zm170.249%20125.247c-3.76217%2C0.624901%20-4.12108%2C-8.733%20-0.744774%2C-9.33556%205.16979%2C-0.683064%2011.3113%2C-1.17%2017.1514%2C-0.936642%209.49728%2C0.379125%2022.5007%2C2.97129%2024.0168%2C14.4553%205.99614%2C45.522%20-9.32031%2C107.394%20-30.9723%2C164.417l0%20-29.5782c16.2623%2C-49.3037%2025.4351%2C-96.1336%2020.5075%2C-133.656%20-0.731651%2C-5.55105%20-11.0879%2C-6.10573%20-15.0501%2C-6.2639%20-5.24285%2C-0.209246%20-10.1757%2C0.272729%20-14.9086%2C0.89763zm-14.417%20-31.8072l6.79021%200.37416c-2.3549%2C-2.87908%20-5.14249%2C-4.60731%20-8.1762%2C-4.77471%20-9.21108%2C-0.508574%20-17.1894%2C13.5577%20-17.8157%2C31.4114%20-0.626319%2C17.8536%206.3359%2C32.7445%2015.5466%2C33.2527%203.47313%2C0.191159%206.76893%2C-1.69135%209.56289%2C-5.06482l-7.8297%20-0.431614c-7.53498%2C-0.416009%20-13.2155%2C-13.0151%20-12.6849%2C-28.1372%200.530563%2C-15.121%207.07145%2C-27.0459%2014.6068%2C-26.6299zm13.8592%2051.9834l0%20251.516c-0.103204%2C17.0911%20-23.0912%2C41.4183%20-50.9613%2C53.8294%20-30.3343%2C13.5084%20-72.5002%2C21.8648%20-119.306%2C21.8648%20-46.5317%2C0%20-88.5093%2C-8.28153%20-118.845%2C-21.6857%20-30.7233%2C-13.5747%20-51.422%2C-33.0304%20-51.422%2C-68.0205l0%20-17.4692%200%20-261.741%203.26743%2054.9522c-0.197542%2C4.49701%202.80319%2C7.13458%205.25349%2C7.25942%202.06586%2C0.406434%203.97071%2C-0.518859%204.05334%2C-3.05783l1.17391%20-32.1302c17.8295%2C-0.638732%2015.1001%2C18.3083%2015.1001%2C33.5645%200%2C60.0022%200%2C120.006%200%2C180.008%20-0.283014%2C8.54752%2013.8854%2C13.3545%2014.5873%2C3.86218%200%2C-53.5968%200%2C-107.195%200%2C-160.791%202.5911%2C2.58188%205.4677%2C3.91964%208.13825%2C3.98489l0%2023.9991c0.102495%2C7.76125%2011.6685%2C9.86222%2011.5075%2C3.69833%200%2C-21.5186%200%2C-42.3042%200%2C-63.8225%20-0.661075%2C-8.00454%2012.6296%2C-9.45579%2012.6083%2C1.00367%200%2C48.4482%200%2C96.8972%200%2C145.345%20-0.3277%2C12.5569%2017.2479%2C11.7383%2016.8195%2C0.611778%200%2C-42.8163%200%2C-85.633%200%2C-128.449%2033.1538%2C37.9994%2032.3455%2C80.7317%2032.8779%2C123.655%200.417783%2C33.7333%200%2C67.5269%200%2C101.263%20-0.42523%2C10.1896%2018.3658%2C9.50048%2018.6935%2C0.0524888%200%2C-31.4795%200%2C-61.3325%200%2C-92.8119%200%2C-31.4248%200%2C-62.9039%200%2C-94.4387%20-0.231589%2C-10.4939%209.04865%2C-21.552%2015.8878%2C-15.1175%204.97651%2C4.68214%207.73607%2C16.8979%208.34962%2C37.9835%200%2C22.2336%200%2C44.4676%200%2C66.5913%200.216339%2C11.1124%2017.3408%2C7.17962%2017.1532%2C-3.24863%200%2C-22.0687%200%2C-42.1811%200%2C-64.2499%20-0.0879542%2C-34.1968%2038.7949%2C-85.5263%2083.2185%2C-118.835%2020.4593%2C-14.5415%2041.9687%2C-25.4411%2061.3034%2C-29.5973%202.85958%2C-0.614616%209.88953%2C4.30195%2010.5414%2C6.54408l0%204.44807c-1.29839%2C-1.22781%20-2.72765%2C-1.94102%20-4.24592%2C-2.02472%20-6.68629%2C-0.36884%20-12.5395%2C11.5944%20-13.0701%2C26.7154%20-0.530563%2C15.1214%204.46226%2C27.6832%2011.1486%2C28.0524%202.19956%2C0.121292%204.30869%2C-1.09233%206.16744%2C-3.31424zm-295.231%20-95.4034c-5.40245%2C-2.41484%20-14.9749%2C-6.85866%20-14.9749%2C-14.0599%200%2C-4.35019%203.99447%2C-8.49255%2011.206%2C-12.2568%202.35916%2C3.39369%206.54692%2C9.13554%2010.6084%2C13.7507%2030.962%2C-7.95738%2072.7307%2C-12.8374%20118.693%2C-12.8374%2051.2656%2C0%2097.3189%2C6.07097%20128.973%2C15.7122%208.61739%2C2.62373%209.75583%2C2.86986%200.773146%2C7.66301%20-21.1796%2C11.3035%20-71.2986%2C19.2492%20-129.739%2C19.2492%20-54.8771%2C0%20-102.407%2C-7.00832%20-125.54%2C-17.2209zm168.598%2033.9528c-13.7744%2C0.938415%20-28.1982%2C1.43954%20-43.0582%2C1.43954%20-75.3179%2C0%20-139.511%2C-12.8119%20-163.992%2C-30.7588l-0.345078%2019.3684c-6.78702%2C-5.28683%20-10.2513%2C-11.0798%20-10.2513%2C-17.2107l0%20-18.2711c0%2C-0.827408%200.0982392%2C-1.67716%200.255706%2C-2.48719%204.81798%2C-24.7261%2081.0349%2C-44.385%20174.333%2C-44.385%2087.401%2C0%20159.822%2C17.2507%20172.589%2C39.7599%201.40691%2C2.30951%202.0992%2C4.68463%201.99919%2C7.11223l-1.02531%2023.8094c-0.596883%2C13.8656%20-50.9787%2C38.5208%20-149.098%2C41.1122%207.44242%2C-11.505%2018.5927%2C-19.489%2018.5927%2C-19.489zm-43.0582%20-89.5941c90.7812%2C0%20164.402%2C19.3201%20164.402%2C43.1437%200%2C23.8235%20-73.6209%2C43.1437%20-164.402%2C43.1437%20-90.7815%2C0%20-164.402%2C-19.3201%20-164.402%2C-43.1437%200%2C-23.8235%2073.6209%2C-43.1437%20164.402%2C-43.1437zm173.948%20414.32l0.00106396%2014.1826c0.00212792%2C42.9358%20-92.952%2C71.7579%20-174.525%2C71.7579%20-81.5733%2C0%20-174.525%2C-28.8213%20-174.525%2C-71.7579l0.018442%20-17.3458c0.785204%2C42.6372%2078.6229%2C77.1071%20174.506%2C77.1071%2093.5014%2C0%20170.06%2C-32.7775%20174.524%2C-73.944z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-export:hover {
    height: 14px;
    width: 14px;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23ccc%22%3E%3Cpath%20d%3D%22M36.5397%20346.13l6.10431%2088.3284c0.106042%2C1.06822%200.299683%2C1.34449%201.34059%2C1.60942l260.064%2066.331c1.35762%2C0.346852%202.97839%2C0.290107%204.34877%2C-0.0776693l-0.889473%20-96.1354c1.28846%2C-0.180874%202.46378%2C-0.580214%203.17735%2C-1.14872l148.26%20-118.365c0.100722%2C-0.516376%20-0.272374%2C-1.47749%20-2.06054%2C-1.80306l-84.6474%20-11.9568%20-35.7899%2044.0204%20-50.9751%2016.9918%20-46.992%20-79.9061%20-17.399%20-2.45775c-1.38244%2C-0.19435%20-3.49015%2C-0.0085117%20-4.74776%2C0.641924l-178.651%2092.4963c-0.927066%2C0.480202%20-1.30726%2C0.998706%20-1.1427%2C1.43138zm246.483%20-345.822l-45.7717%2010.901%202.9642%20136.231%20-45.4482%2012.5767%2095.2122%20161.901c33.7216%2C-41.4772%2067.4446%2C-82.9554%20101.167%2C-124.433l40.5444%20-13.5148%20-52.4331%20-9.97607%20-40.5444%2013.5148%200.641924%20-164.161%2040.5444%20-13.5148%20-96.8763%20-9.52566zm-64.0115%20258.669l3.1167%2066.4973c-1.62396%2C-0.264927%20-3.52668%2C0.0610005%20-4.93359%2C0.930258%20-15.814%2C9.7732%20-31.6185%2C19.5553%20-47.3598%2C29.4445l133.216%2029.5055%2049.9715%20-38.6722%2087.3921%20-54.9969%20-134.726%20104.245c-0.303939%2C0.047169%20-0.720657%2C0.0595819%20-0.929903%2C0.0138315l-241.874%20-53.5719%20156.127%20-83.3955z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-body {
    top: 34px;
    bottom: 35px;
    background: #ccc;
    overflow: hidden;
}

.summary-grid-footer {
    bottom: 0;
    color: rgb(242, 105, 37);
    padding: 10px;
    background: #414042;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 15px;
}

.gridster .summary-grid-header.summary-grid-drag-handle {
    cursor: move;
}

.gridster .gs-resize-handle.gs-resize-handle-both {
    right: -4px;
    bottom: -4px;
}

.gridster ul,
.gridster li,
.gridster .gs-resize-handle.gs-resize-handle-both,
.ui-customSelect,
.ui-customSelect-open,
.ui-customSelect-dropdown,
.summary-grid-close,
.summary-grid-close:hover,
.summary-header-icon,
.summary-header-icon:hover,
.chart-icon,
.chart-icon:hover {
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -ms-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
}

    /*
define not to animate the background size - wierd browser sizing behavior
*/
    .summary-grid-close,
    .summary-grid-close:hover {
        -webkit-transition: background 0s ease !important;
        -moz-transition: background 0s ease !important;
        -ms-transition: background 0s ease !important;
        -o-transition: background 0s ease !important;
        transition: background 0s ease !important;
    }

/*Custom Drop Down*/
.summary-grid-footer-select-wrapper {
    position: absolute;
    top: 4px;
    left: 6px;
    min-width: 120px;
}

.ui-customSelect {
    border-radius: 4px;
    border: none;
    background: #e5e5e5;
    color: #555;
    padding-bottom: 4px;
}

.ui-customSelect-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-customSelect-window .ui-customSelect-arrow {
    position: absolute;
    top: 1px;
    right: 0;
}

.ui-customSelect-dropdown {
    margin-left: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
    background: #e5e5e5;
    box-shadow: 1px 1px 5px #666;
    margin-top: 4px;
}

/*chart js*/
.summary-chart-canvas-wrapper {
    position: relative;
    margin: auto;
}


.summary-chart-canvas {
}

/**********
icons
***********/

.chart-icon {
}

.chart-icon-footer {
    position: absolute;
}

.chart-icon-footer-left {
    top: 6px;
    left: 6px;
}

.chart-icon-footer-right {
    top: 7px;
    right: 20px;
}

.chart-icon-footer .chart-icon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 0 5px;
}


.gridster .gs-resize-handle.gs-resize-handle-both {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20style%3D%22stroke%3Argb(242%2C%20105%2C%2037)%3B%20stroke-width%3A2%3B%22%3E%3Cline%20x1%3D%220%22%20y1%3D%228%22%20x2%3D%228%22%20y2%3D%228%22%20%2F%3E%3Cline%20x1%3D%227%22%20y1%3D%228%22%20x2%3D%227%22%20y2%3D%22-6%22%2F%3E%3C%2Fsvg%3E');
}

    .gridster .gs-resize-handle.gs-resize-handle-both:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20style%3D%22stroke%3A%23ccc%3B%20stroke-width%3A2%3B%22%3E%3Cline%20x1%3D%220%22%20y1%3D%228%22%20x2%3D%228%22%20y2%3D%228%22%20%2F%3E%3Cline%20x1%3D%227%22%20y1%3D%228%22%20x2%3D%227%22%20y2%3D%22-6%22%2F%3E%3C%2Fsvg%3E');
    }

.chart-icon-footer-pie {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb(242%2C%20105%2C%2037)%22%3E%3Cpath%20d%3D%22M14%2018v-14c-7.732%200-14%206.268-14%2014s6.268%2014%2014%2014%2014-6.268%2014-14c0-2.251-0.532-4.378-1.476-6.262l-12.524%206.262zM28.524%207.738c-2.299-4.588-7.043-7.738-12.524-7.738v14l12.524-6.262z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

    .chart-icon-footer-pie:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%22%3E%3Cpath%20d%3D%22M14%2018v-14c-7.732%200-14%206.268-14%2014s6.268%2014%2014%2014%2014-6.268%2014-14c0-2.251-0.532-4.378-1.476-6.262l-12.524%206.262zM28.524%207.738c-2.299-4.588-7.043-7.738-12.524-7.738v14l12.524-6.262z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    }

.chart-icon-footer-bar {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb(242%2C%20105%2C%2037)%22%3E%3Cpath%20d%3D%22M0%2026h32v4h-32zM4%2018h4v6h-4zM10%2010h4v14h-4zM16%2016h4v8h-4zM22%204h4v20h-4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

    .chart-icon-footer-bar:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%22%3E%3Cpath%20d%3D%22M0%2026h32v4h-32zM4%2018h4v6h-4zM10%2010h4v14h-4zM16%2016h4v8h-4zM22%204h4v20h-4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    }

.chart-icon-footer-line {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb(242%2C%20105%2C%2037)%22%3E%3Cpath%20d%3D%22M4%2028h28v4h-32v-32h4zM9%2026c-1.657%200-3-1.343-3-3s1.343-3%203-3c0.088%200%200.176%200.005%200.262%200.012l3.225-5.375c-0.307-0.471-0.487-1.033-0.487-1.638%200-1.657%201.343-3%203-3s3%201.343%203%203c0%200.604-0.179%201.167-0.487%201.638l3.225%205.375c0.086-0.007%200.174-0.012%200.262-0.012%200.067%200%200.133%200.003%200.198%200.007l5.324-9.316c-0.329-0.482-0.522-1.064-0.522-1.691%200-1.657%201.343-3%203-3s3%201.343%203%203c0%201.657-1.343%203-3%203-0.067%200-0.133-0.003-0.198-0.007l-5.324%209.316c0.329%200.481%200.522%201.064%200.522%201.691%200%201.657-1.343%203-3%203s-3-1.343-3-3c0-0.604%200.179-1.167%200.487-1.638l-3.225-5.375c-0.086%200.007-0.174%200.012-0.262%200.012s-0.176-0.005-0.262-0.012l-3.225%205.375c0.307%200.471%200.487%201.033%200.487%201.637%200%201.657-1.343%203-3%203z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

    .chart-icon-footer-line:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%22%3E%3Cpath%20d%3D%22M4%2028h28v4h-32v-32h4zM9%2026c-1.657%200-3-1.343-3-3s1.343-3%203-3c0.088%200%200.176%200.005%200.262%200.012l3.225-5.375c-0.307-0.471-0.487-1.033-0.487-1.638%200-1.657%201.343-3%203-3s3%201.343%203%203c0%200.604-0.179%201.167-0.487%201.638l3.225%205.375c0.086-0.007%200.174-0.012%200.262-0.012%200.067%200%200.133%200.003%200.198%200.007l5.324-9.316c-0.329-0.482-0.522-1.064-0.522-1.691%200-1.657%201.343-3%203-3s3%201.343%203%203c0%201.657-1.343%203-3%203-0.067%200-0.133-0.003-0.198-0.007l-5.324%209.316c0.329%200.481%200.522%201.064%200.522%201.691%200%201.657-1.343%203-3%203s-3-1.343-3-3c0-0.604%200.179-1.167%200.487-1.638l-3.225-5.375c-0.086%200.007-0.174%200.012-0.262%200.012s-0.176-0.005-0.262-0.012l-3.225%205.375c0.307%200.471%200.487%201.033%200.487%201.637%200%201.657-1.343%203-3%203z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    }

.chart-icon-footer-small-square {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb(242%2C105%2C%2037)%3B%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
    margin: auto !important;
}

    .chart-icon-footer-small-square:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%3B%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
    }

.chart-icon-footer-medium-square {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb(242%2C%20105%2C%2037)%3B%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
}

    .chart-icon-footer-medium-square:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%3B%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
    }

.chart-icon-footer-large-square {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3Argb(242%2C%20105%2C%2037)%3B%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
}

    .chart-icon-footer-large-square:hover {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23ccc%3B%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
    }

/*icon disabled|active*/
.gridster .gs-resize-handle.gs-resize-handle-both:active,
.gridster .gs-resize-handle.gs-resize-handle-both.disabled,
.gridster .gs-resize-handle.gs-resize-handle-both.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20style%3D%22stroke%3A%23888%3B%20stroke-width%3A2%3B%22%3E%3Cline%20x1%3D%220%22%20y1%3D%228%22%20x2%3D%228%22%20y2%3D%228%22%20%2F%3E%3Cline%20x1%3D%227%22%20y1%3D%228%22%20x2%3D%227%22%20y2%3D%22-6%22%2F%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-pie:active,
.chart-icon-footer-pie.disabled,
.chart-icon-footer-pie.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%22%3E%3Cpath%20d%3D%22M14%2018v-14c-7.732%200-14%206.268-14%2014s6.268%2014%2014%2014%2014-6.268%2014-14c0-2.251-0.532-4.378-1.476-6.262l-12.524%206.262zM28.524%207.738c-2.299-4.588-7.043-7.738-12.524-7.738v14l12.524-6.262z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-bar:active,
.chart-icon-footer-bar.disabled,
.chart-icon-footer-bar.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%22%3E%3Cpath%20d%3D%22M0%2026h32v4h-32zM4%2018h4v6h-4zM10%2010h4v14h-4zM16%2016h4v8h-4zM22%204h4v20h-4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-line:active,
.chart-icon-footer-line.disabled,
.chart-icon-footer-line.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%22%3E%3Cpath%20d%3D%22M4%2028h28v4h-32v-32h4zM9%2026c-1.657%200-3-1.343-3-3s1.343-3%203-3c0.088%200%200.176%200.005%200.262%200.012l3.225-5.375c-0.307-0.471-0.487-1.033-0.487-1.638%200-1.657%201.343-3%203-3s3%201.343%203%203c0%200.604-0.179%201.167-0.487%201.638l3.225%205.375c0.086-0.007%200.174-0.012%200.262-0.012%200.067%200%200.133%200.003%200.198%200.007l5.324-9.316c-0.329-0.482-0.522-1.064-0.522-1.691%200-1.657%201.343-3%203-3s3%201.343%203%203c0%201.657-1.343%203-3%203-0.067%200-0.133-0.003-0.198-0.007l-5.324%209.316c0.329%200.481%200.522%201.064%200.522%201.691%200%201.657-1.343%203-3%203s-3-1.343-3-3c0-0.604%200.179-1.167%200.487-1.638l-3.225-5.375c-0.086%200.007-0.174%200.012-0.262%200.012s-0.176-0.005-0.262-0.012l-3.225%205.375c0.307%200.471%200.487%201.033%200.487%201.637%200%201.657-1.343%203-3%203z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-small-square:active,
.chart-icon-footer-small-square.disabled,
.chart-icon-footer-small-square.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%3B%22%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-medium-square:active,
.chart-icon-footer-medium-square.disabled,
.chart-icon-footer-medium-square.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%3B%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-large-square:active,
.chart-icon-footer-large-square.disabled,
.chart-icon-footer-large-square.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%3B%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%225%22%20ry%3D%225%22%2F%3E%3C%2Fsvg%3E');
}

.chart-icon-footer-horz-bar {
    transform: rotate(90deg);
}

.summary-grid-toggle-legend:active,
.summary-grid-toggle-legend.disabled,
.summary-grid-toggle-legend.disabled:hover {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22fill%3A%23888%22%3E%3Cpath%20d%3D%22M8%2020c0%200%201.838-6%2012-6v6l12-8-12-8v6c-8%200-12%204.99-12%2010zM22%2024h-18v-12h3.934c0.315-0.372%200.654-0.729%201.015-1.068%201.374-1.287%203.018-2.27%204.879-2.932h-13.827v20h26v-8.395l-4%202.667v1.728z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-random-color:active,
.summary-grid-random-color.disabled,
.summary-grid-random-color.disabled:hover {
    height: 14px;
    width: 14px;
    cursor: default;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23888%22%3E%3Cpath%20d%3D%22M218.047%208.20102c84.6052%2C0%20153.218%2C16.8028%20153.218%2C37.5221%200%2C20.7192%20-68.6125%2C37.5221%20-153.218%2C37.5221%20-84.6056%2C0%20-153.218%2C-16.8028%20-153.218%2C-37.5221%200%2C-20.7192%2068.6125%2C-37.5221%20153.218%2C-37.5221zm170.249%20125.247c-3.76217%2C0.624901%20-4.12108%2C-8.733%20-0.744774%2C-9.33556%205.16979%2C-0.683064%2011.3113%2C-1.17%2017.1514%2C-0.936642%209.49728%2C0.379125%2022.5007%2C2.97129%2024.0168%2C14.4553%205.99614%2C45.522%20-9.32031%2C107.394%20-30.9723%2C164.417l0%20-29.5782c16.2623%2C-49.3037%2025.4351%2C-96.1336%2020.5075%2C-133.656%20-0.731651%2C-5.55105%20-11.0879%2C-6.10573%20-15.0501%2C-6.2639%20-5.24285%2C-0.209246%20-10.1757%2C0.272729%20-14.9086%2C0.89763zm-14.417%20-31.8072l6.79021%200.37416c-2.3549%2C-2.87908%20-5.14249%2C-4.60731%20-8.1762%2C-4.77471%20-9.21108%2C-0.508574%20-17.1894%2C13.5577%20-17.8157%2C31.4114%20-0.626319%2C17.8536%206.3359%2C32.7445%2015.5466%2C33.2527%203.47313%2C0.191159%206.76893%2C-1.69135%209.56289%2C-5.06482l-7.8297%20-0.431614c-7.53498%2C-0.416009%20-13.2155%2C-13.0151%20-12.6849%2C-28.1372%200.530563%2C-15.121%207.07145%2C-27.0459%2014.6068%2C-26.6299zm13.8592%2051.9834l0%20251.516c-0.103204%2C17.0911%20-23.0912%2C41.4183%20-50.9613%2C53.8294%20-30.3343%2C13.5084%20-72.5002%2C21.8648%20-119.306%2C21.8648%20-46.5317%2C0%20-88.5093%2C-8.28153%20-118.845%2C-21.6857%20-30.7233%2C-13.5747%20-51.422%2C-33.0304%20-51.422%2C-68.0205l0%20-17.4692%200%20-261.741%203.26743%2054.9522c-0.197542%2C4.49701%202.80319%2C7.13458%205.25349%2C7.25942%202.06586%2C0.406434%203.97071%2C-0.518859%204.05334%2C-3.05783l1.17391%20-32.1302c17.8295%2C-0.638732%2015.1001%2C18.3083%2015.1001%2C33.5645%200%2C60.0022%200%2C120.006%200%2C180.008%20-0.283014%2C8.54752%2013.8854%2C13.3545%2014.5873%2C3.86218%200%2C-53.5968%200%2C-107.195%200%2C-160.791%202.5911%2C2.58188%205.4677%2C3.91964%208.13825%2C3.98489l0%2023.9991c0.102495%2C7.76125%2011.6685%2C9.86222%2011.5075%2C3.69833%200%2C-21.5186%200%2C-42.3042%200%2C-63.8225%20-0.661075%2C-8.00454%2012.6296%2C-9.45579%2012.6083%2C1.00367%200%2C48.4482%200%2C96.8972%200%2C145.345%20-0.3277%2C12.5569%2017.2479%2C11.7383%2016.8195%2C0.611778%200%2C-42.8163%200%2C-85.633%200%2C-128.449%2033.1538%2C37.9994%2032.3455%2C80.7317%2032.8779%2C123.655%200.417783%2C33.7333%200%2C67.5269%200%2C101.263%20-0.42523%2C10.1896%2018.3658%2C9.50048%2018.6935%2C0.0524888%200%2C-31.4795%200%2C-61.3325%200%2C-92.8119%200%2C-31.4248%200%2C-62.9039%200%2C-94.4387%20-0.231589%2C-10.4939%209.04865%2C-21.552%2015.8878%2C-15.1175%204.97651%2C4.68214%207.73607%2C16.8979%208.34962%2C37.9835%200%2C22.2336%200%2C44.4676%200%2C66.5913%200.216339%2C11.1124%2017.3408%2C7.17962%2017.1532%2C-3.24863%200%2C-22.0687%200%2C-42.1811%200%2C-64.2499%20-0.0879542%2C-34.1968%2038.7949%2C-85.5263%2083.2185%2C-118.835%2020.4593%2C-14.5415%2041.9687%2C-25.4411%2061.3034%2C-29.5973%202.85958%2C-0.614616%209.88953%2C4.30195%2010.5414%2C6.54408l0%204.44807c-1.29839%2C-1.22781%20-2.72765%2C-1.94102%20-4.24592%2C-2.02472%20-6.68629%2C-0.36884%20-12.5395%2C11.5944%20-13.0701%2C26.7154%20-0.530563%2C15.1214%204.46226%2C27.6832%2011.1486%2C28.0524%202.19956%2C0.121292%204.30869%2C-1.09233%206.16744%2C-3.31424zm-295.231%20-95.4034c-5.40245%2C-2.41484%20-14.9749%2C-6.85866%20-14.9749%2C-14.0599%200%2C-4.35019%203.99447%2C-8.49255%2011.206%2C-12.2568%202.35916%2C3.39369%206.54692%2C9.13554%2010.6084%2C13.7507%2030.962%2C-7.95738%2072.7307%2C-12.8374%20118.693%2C-12.8374%2051.2656%2C0%2097.3189%2C6.07097%20128.973%2C15.7122%208.61739%2C2.62373%209.75583%2C2.86986%200.773146%2C7.66301%20-21.1796%2C11.3035%20-71.2986%2C19.2492%20-129.739%2C19.2492%20-54.8771%2C0%20-102.407%2C-7.00832%20-125.54%2C-17.2209zm168.598%2033.9528c-13.7744%2C0.938415%20-28.1982%2C1.43954%20-43.0582%2C1.43954%20-75.3179%2C0%20-139.511%2C-12.8119%20-163.992%2C-30.7588l-0.345078%2019.3684c-6.78702%2C-5.28683%20-10.2513%2C-11.0798%20-10.2513%2C-17.2107l0%20-18.2711c0%2C-0.827408%200.0982392%2C-1.67716%200.255706%2C-2.48719%204.81798%2C-24.7261%2081.0349%2C-44.385%20174.333%2C-44.385%2087.401%2C0%20159.822%2C17.2507%20172.589%2C39.7599%201.40691%2C2.30951%202.0992%2C4.68463%201.99919%2C7.11223l-1.02531%2023.8094c-0.596883%2C13.8656%20-50.9787%2C38.5208%20-149.098%2C41.1122%207.44242%2C-11.505%2018.5927%2C-19.489%2018.5927%2C-19.489zm-43.0582%20-89.5941c90.7812%2C0%20164.402%2C19.3201%20164.402%2C43.1437%200%2C23.8235%20-73.6209%2C43.1437%20-164.402%2C43.1437%20-90.7815%2C0%20-164.402%2C-19.3201%20-164.402%2C-43.1437%200%2C-23.8235%2073.6209%2C-43.1437%20164.402%2C-43.1437zm173.948%20414.32l0.00106396%2014.1826c0.00212792%2C42.9358%20-92.952%2C71.7579%20-174.525%2C71.7579%20-81.5733%2C0%20-174.525%2C-28.8213%20-174.525%2C-71.7579l0.018442%20-17.3458c0.785204%2C42.6372%2078.6229%2C77.1071%20174.506%2C77.1071%2093.5014%2C0%20170.06%2C-32.7775%20174.524%2C-73.944z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.summary-grid-export:active,
.summary-grid-export.disabled,
.summary-grid-export.disabled:hover {
    height: 14px;
    width: 14px;
    border-radius: 4px;
    padding: 4px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22fill%3A%23888%22%3E%3Cpath%20d%3D%22M36.5397%20346.13l6.10431%2088.3284c0.106042%2C1.06822%200.299683%2C1.34449%201.34059%2C1.60942l260.064%2066.331c1.35762%2C0.346852%202.97839%2C0.290107%204.34877%2C-0.0776693l-0.889473%20-96.1354c1.28846%2C-0.180874%202.46378%2C-0.580214%203.17735%2C-1.14872l148.26%20-118.365c0.100722%2C-0.516376%20-0.272374%2C-1.47749%20-2.06054%2C-1.80306l-84.6474%20-11.9568%20-35.7899%2044.0204%20-50.9751%2016.9918%20-46.992%20-79.9061%20-17.399%20-2.45775c-1.38244%2C-0.19435%20-3.49015%2C-0.0085117%20-4.74776%2C0.641924l-178.651%2092.4963c-0.927066%2C0.480202%20-1.30726%2C0.998706%20-1.1427%2C1.43138zm246.483%20-345.822l-45.7717%2010.901%202.9642%20136.231%20-45.4482%2012.5767%2095.2122%20161.901c33.7216%2C-41.4772%2067.4446%2C-82.9554%20101.167%2C-124.433l40.5444%20-13.5148%20-52.4331%20-9.97607%20-40.5444%2013.5148%200.641924%20-164.161%2040.5444%20-13.5148%20-96.8763%20-9.52566zm-64.0115%20258.669l3.1167%2066.4973c-1.62396%2C-0.264927%20-3.52668%2C0.0610005%20-4.93359%2C0.930258%20-15.814%2C9.7732%20-31.6185%2C19.5553%20-47.3598%2C29.4445l133.216%2029.5055%2049.9715%20-38.6722%2087.3921%20-54.9969%20-134.726%20104.245c-0.303939%2C0.047169%20-0.720657%2C0.0595819%20-0.929903%2C0.0138315l-241.874%20-53.5719%20156.127%20-83.3955z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

/*new summary view*/
.summary-select-new-wrapper > div, .summary-select-new-wrapper > input {
    display: inline-block;
    vertical-align: middle;
}


.summary-select-new-wrapper > div {
    margin: 5px;
}

/*summary export*/
.summary-export-label {
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    text-align: right;
}

.summary-export-input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    min-width: 230px;
}

input.tcRecovCheckBox {
    height: 100%;
    width: 15px;
    display: block;
    margin: auto;
}

/*Timespinner*/
.ui-timespinner.ui-widget {
    /*border:1px solid #ccc;*/
    border: none;
}

.ui-timespinner .ui-timespinner-value {
    display: none !important;
}

.ui-timespinner.ui-widget > span, .ui-timespinner.ui-widget > div {
    width: initial !important;
    display: inline-block;
}


.ui-timespinner.ui-widget input {
    max-width: 20px !important;
}

.ui-spinner-button {
}

.ui-timespinner .ui-timespinner-hh,
.ui-timespinner .ui-timespinner-mm,
.ui-timespinner .ui-timespinner-ampm {
}

.ui-timespinner span.ui-timespinner-hh {
}

.ui-timespinner div.ui-timespinner-colon {
}

.ui-timespinner span.ui-timespinner-mm {
}

.ui-timespinner span.ui-timespinner-ampm {
}

.ui-timespinner-colon {
    padding: 0 2px;
}

.ui-dialog .ui-dialog-content {
    padding: 15px;
}

/*vnc*/
.vnc-proxy-btn {
    display: inline-block;
    border-radius: 2px;
    padding: 7px 5px;
    cursor: default;
    margin-top: 5px;
}

/*Configuration Testing*/
.tcConfigIframe {
    display: none;
}

.tcConfigIframeWrapper, .tcConfigIframeWrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/*reboot/shutdown wrapper*/
.tcRebootShutdown-linux > div, .tcRebootShutdown-windows > div {
    margin: 12px 0px;
}

.tcRebootShutdownWrapper {
    margin: 5px;
}

    .tcRebootShutdownWrapper > div, .tcRebootShutdownWrapper > input {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
    }

.tcRebootShutdownWrapper-tab {
    margin-left: 35px !important;
}

.tcRebootShutdownDialog-spinner {
    width: 35px;
}

.tcWindowsDialog .dialogInputWrapper {
    margin-top: 10px;
}

    .tcWindowsDialog .dialogInputWrapper > div {
        display: inline-block;
        vertical-align: middle;
    }

    .tcWindowsDialog .dialogInputWrapper .dialogInputLabel {
        text-align: right;
        min-width: 100px;
    }

.passwordShowHidedWrap.iconWrap {
    max-width: 24px !important;
    min-width: 24px !important;
}

.passwordShowHidedWrap .iconPlaceHolder {
    height: 22px !important;
    width: 22px !important;
    margin: auto !important;
    padding: 0 !important;
}

.dialogInputWrapper.dialogInputWrapper-InlineIcon > div {
    vertical-align: top;
    white-space: normal;
    max-width: 265px;
}

.dialogInputWrapper.dialogInputWrapper-InlineIcon .iconWrap:hover {
    background: none !important;
    border: none !important outline:none;
    box-shadow: none;
    cursor: default;
}

.dialogInputWrapper .dialogInputWrapperTab {
    margin-left: 50px;
}

/*wizard panel*/
.wizardPanel-summary {
    overflow-y: auto;
    overflow-x: hidden;
    height: 240px;
    width: 430px;
}

    .wizardPanel-summary div {
        cursor: default;
        user-select: none;
    }

    .wizardPanel-summary > .wizardPanel-input {
        display: table-row;
    }

    .wizardPanel-summary .wizardPanel-name {
        padding: 2px 4px;
        background: #999;
    }

        .wizardPanel-summary .wizardPanel-name label {
            padding: 2px 5px;
        }

    .wizardPanel-summary .wizardPanel-input > div {
        display: table-cell;
        white-space: nowrap;
        padding: 2px 5px;
    }

        .wizardPanel-summary .wizardPanel-input > div:first-child {
            background: #ccc;
            max-width: 160px;
            width: 160px;
        }

        .wizardPanel-summary .wizardPanel-input > div:last-child {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 235px;
            max-width: 235px;
        }

.tcWinUpdatePackage_FileButton {
    margin: 5px 0;
}

div#tcEditScheduledTask,
div#tcWinProcessListDialog {
    overflow: hidden;
}

.etwLabelWrap > div {
    overflow: hidden;
    width: 260px;
    text-overflow: ellipsis;
}

/*Sysprep */
.tcWinSysprepEditSettingsWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
}

    .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 2px;
    }

        .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div:first-child {
            margin-left: 5px;
        }

        .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div > button {
            float: right;
            width: 20%;
        }

        .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div > input,
        .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div > select {
            width: 100%;
            box-sizing: content-box;
            padding: 2px;
        }

            .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div > select:not(.sysprepSetting-timezone_TimeZones) {
                text-align: center;
            }

        .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div:first-child {
            width: 55%;
        }

        .tcWinSysprepEditSettingsDialog .sysprepSettingsWrapper > div:last-child {
            width: 38%;
        }

.sysprepSettingsWrapper.sysprepSetting-category {
    padding: 5px 10px;
    font-weight: bold;
}

.tcWinSysprepEditSettingsWrapper .wizardPanel-header {
    height: 34px;
}

.tcWinSysprepEditSettingsWrapper .wizardPanel-body {
    top: 34px;
    padding: 0;
    overflow: auto;
}

.tcWinSysprepEditSettingsWrapper .wizardPanel-header {
    height: 34px;
}

.tcWinSysprepEditSettingsWrapper .wizardPanel-body {
    top: 34px;
    padding: 0;
    overflow: auto;
}

/*Sysprep*/
.sysprepSetting_splitWrapper,
.sysprepSetting_splitWrapper > div,
.sysprepSetting_splitWrapper .sysprepSetting_sortList,
.sysprepSetting_splitWrapper .sysprepSetting_buttonWrapper,
.sysprepSetting_sortProperties {
    position: absolute;
}

    .sysprepSetting_splitWrapper, .sysprepSetting_splitWrapper > div {
        top: 0;
        bottom: 0;
    }

        .sysprepSetting_splitWrapper,
        .sysprepSetting_splitWrapper .sysprepSetting_sortList,
        .sysprepSetting_splitWrapper .sysprepSetting_buttonWrapper,
        .sysprepSetting_sortProperties {
            right: 0;
            left: 0;
        }

            .sysprepSetting_splitWrapper > div {
                width: 50%;
            }

                .sysprepSetting_splitWrapper > div:first-child {
                    left: 0%;
                    z-index: 1;
                }

                .sysprepSetting_splitWrapper > div:last-child {
                    right: 0%;
                }

            .sysprepSetting_splitWrapper .sysprepSetting_sortList,
            .sysprepSetting_sortProperties {
                overflow-y: auto;
                overflow-x: hidden;
                top: 29px;
                margin: 10px;
            }

.sysprepSetting_sortList {
    bottom: 35px;
}

.sysprepSetting_sortProperties {
    bottom: 0;
}

.sysprepSetting_splitWrapper .sysprepSetting_buttonWrapper {
    bottom: 0;
    text-align: center;
    padding: 5px;
    height: 35px;
}

    .sysprepSetting_splitWrapper .sysprepSetting_buttonWrapper button {
        margin: 5px 10px;
        padding: 2px 12px;
    }

.sysprepSetting_sortProperties .sysprepSettingsWrapper {
    margin: 5px;
}

    .sysprepSetting_sortProperties .sysprepSettingsWrapper > div:last-child {
        margin-top: 5px;
    }

    .sysprepSetting_sortProperties .sysprepSettingsWrapper input,
    .sysprepSetting_sortProperties .sysprepSettingsWrapper select {
        -ms-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 95%;
        padding: 2px;
    }

.sysprepSettingsWrapper.sysprepSetting-category {
    text-align: center;
}

.sysprepSetting-password-wrapper {
    width: 175px;
}

.sysprepSetting-password-wrapper, .sysprepSetting-accounts-passShowHide {
    display: inline-block;
    vertical-align: middle;
}

.sysprepSetting-autoLogon_Password,
.sysprepSetting-userAccount_AdminPassword {
    width: 96% !important;
}

.sysprep-sortlist-item-name {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sysprep-sortlist-item {
    min-height: 35px;
}

.tcWinSystemImageCloneWizard_selectedSettings,
.tcWinSystemImageCloneWizard_selectedFilename {
    width: 80%;
    padding: 1px 5px;
}

.wizardPanel-infoButton.tcWinSystemImageCloneWizard_SelectSettings,
.wizardPanel-infoButton.tcWinSystemImageCloneWizard_SelectFilename {
    padding: 2px 5px;
}

.sysprepSettingsWrapper.wizardPanel-inlineWrapper.wizardPanel-tab {
    margin-left: 10px;
}

.sysprepSettingsWrapper.wizardPanel-inlineWrapper.wizardPanel-inputWrapper > div:first-child {
    width: 20%;
    text-align: right;
    margin-right: 10px;
}

.sysprepSettingsWrapper.wizardPanel-inlineWrapper.wizardPanel-inputWrapper > div input {
    width: 100%;
    padding: 2px;
}

.sysprepSettingsWrapper.wizardPanel-inlineWrapper.wizardPanel-inputWrapper > div:nth-child(2) {
    width: 50%;
    !important;
}

.tcWinSystemImageCloneWizard_adminPass-showHide {
    margin-left: 10px;
}

.wizardPanel-centerWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
}

.tcRecoveryLogView-center {
    text-align: center;
    margin: 10px;
}

/*##########################################*/

.tcWinProcessGrid_Wrapper,
.tcWinProcessRefresh_Wrapper {
    position: absolute;
    left: 0;
    right: 0;
}

.tcWinProcessGrid_Wrapper {
    top: 0;
    bottom: 35px;
}

.tcWinProcessRefresh_Wrapper {
    bottom: 0px;
    height: 35px;
}

.tcWinProcess_AutoRefresh_Wrapper {
    margin: 6px
}


    .tcWinProcess_AutoRefresh_Wrapper div,
    .tcWinProcess_AutoRefresh_Wrapper input {
        display: inline-block;
        vertical-align: middle;
    }

    .tcWinProcess_AutoRefresh_Wrapper span {
        margin-left: 10px;
    }

    .tcWinProcess_AutoRefresh_Wrapper input {
        max-width: 50px;
    }

.tcWinProcessRefresh_Wrapper .ui-pane-header-search-wrapper {    
    margin: 4px;
    height: 24px;
}

.tcWinProcessRefresh_Wrapper .ui-pane-header-search-wrapper a,
.tcWinProcessRefresh_Wrapper .ui-pane-header-search-wrapper div,
.tcWinProcessRefresh_Wrapper .ui-pane-header-search-wrapper input {
    display: inline-block !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.tcWinProcessRefresh_Wrapper .ui-pane-header-search-wrapper .winProcSearchClear {
    margin-top: -12px;
    margin-right: -4px;
}

.tcDisplayMsgContent {
    height: 120px;
    width: 100%;
    resize: none;
    outline: none;
}

.tcWinAutoLogonCredentials input {
    width: 180px
}

/* Pharos styling */
.tcFirmwarePharos .fwlistheader {
    top: 0 !important;
}

.tcFirmwarePharos .tcFirmwareList-wrapper {
    top: 25px !important;
}