/*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;
}

/* Template Info */
.templateInfoDlg {
    display: none;
}

.templateInfoDlg div {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}

/*###########*/
/*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;
}

.treeGrp-multi-configBtn-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 112px;
    margin: 10px 0px 0px 25px;
}

.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,
.group-plat-help,
.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,
.group-plat-help.info-active,
.wizardPanel-info.info-active {
    left: 0;
}

.auto-name-info-modal,
.group-plat-help-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,
.group-plat-help-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,
.group-plat-help-panel .group-plat-help-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,
.group-plat-help-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;
}


/*################*/
/* XML Config Editor DIALOG */
/*################*/

.xmlConfigEditorWindow {
    display: none;
}

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

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

.xmlConfigEditorResizerLeft, .xmlConfigEditorResizerRight {
    position: absolute;
    top: 0;
    bottom: 0;
}

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

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

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

.xmlConfigEditorBodyLeft, .xmlConfigEditorBodyRight {
    position: absolute;
    top: 0;
    bottom: 0;
}

.xmlConfigEditorBodyLeft {
    width: 800px;
    left: 0;
}

.xmlConfigEditorBodyRight {
    left: 800px;
    right: 0;
}

#xmlConfigEditorContent {
    display: flex;
    flex: 1;
}

#xmlCfgTreeContainer {
    width: 30%;
    padding: 5px;
    background-color: #f4f4f4;
    border-right: 1px solid #ccc;
    overflow-y: scroll;
    height: 370px;
}

#xmlCfgTreeContainer ul {
    list-style-type: none;
    padding-left: 25px;
}

.xmlCfgTreeNested {
    display: none;
}

.xmlCfgTreeActive {
    display: block;
}

.xmlCfgTreeCaret {
    cursor: pointer;
    user-select: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #e0e0e0;
    text-align: center;
    line-height: 20px;
    margin-right: 6px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border: 1px solid black;
}

.xmlCfgTreeCaret::before {
    content: "+";
    color: black;
}

.xmlCfgTreeCaret-down::before {
    content: "-";
}

.xmlCfgTreeDotCaret {
    cursor: pointer;
    user-select: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #e0e0e0;
    text-align: center;
    line-height: 20px;
    margin-right: 6px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border: 1px solid black;
}

.xmlCfgTreeDotCaret::before {
    content: ".";
    color: black;
}

.xmlCfgTreeCaretContainer {
    display: inline-flex;
    align-items: center;
}

.xmlCfgTreeChildItem {
    cursor: pointer;
    margin: 2px 0;
}

.xmlCfgTreeChildItem:hover {
    background-color: #ddd;
}

#xmlCfgPathContainer {
    padding: 10px;
    border-top: 1px solid #ccc;
    font-weight: bold;
}

#xmlCfgContentContainer {
    width: 70%;
    padding: 10px;
    overflow-y: auto;
}

.xmledContainer {
    border: 1px solid #ccc;
    padding: 10px;
    font-family: monospace;
    white-space: pre;
    height: 290px;
    overflow-y: auto;
    background-color: #f5f5f5;
}

.xmledTag {
    color: blue;
}

.xmledAttribute {
    color: red;
}

.xmledValue {
    color: green;
}

.xmledComment {
    color: gray;
}

/*################*/
/*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,
.tcSupportBundlePharos .fwlistheader {
    top: 0 !important;
}

.tcFirmwarePharos .tcFirmwareList-wrapper,
.tcSupportBundlePharos .tcFirmwareList-wrapper {
    top: 25px !important;
}

.tcActivityLogPharos,
.tcSupportBundlePharos {
    width: 800px !important;
    height: 500px !important;
    overflow: auto !important;
}

.tcActivityLogPharos .form-row,
.tcSupportBundlePharos .form-row {
    margin-bottom: 10px;
}

.tcActivityLogPharos body,
.tcSupportBundlePharos body {
    overflow: hidden;
}

.tcActivityLogPharos .load-splash,
.tcSupportBundlePharos .load-splash {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: rgba(68, 68, 68, 1);
}

.tcActivityLogPharos .load-splash-label-wrapper,
.tcSupportBundlePharos .load-splash-label-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tcActivityLogPharos .load-splash-label div,
.tcSupportBundlePharos .load-splash-label div {
    color: rgba(226, 224, 224, 0.8);
}

/*version*/
.tcActivityLogPharos .version-info,
.tcSupportBundlePharos .version-info {
    position: absolute;
    text-align: right;
    color: rgb(242, 105, 37);
    /* float:right; */
}

.tcActivityLogPharos .html-gui-body-table-fixed-height,
.tcSupportBundlePharos .html-gui-body-table-fixed-height {
    height: 28vh !important;
}

.tcActivityLogPharos .ekt-input-wrapper,
.tcSupportBundlePharos .ekt-input-wrapper {
    padding: 1.0vh 1.5vh;
}

.tcActivityLogPharos .ekt-input-label,
.tcSupportBundlePharos .ekt-input-label {
    width: 200px;
    display: inline-block;
    flex: 0 0 10%;
}

.tcActivityLogPharos .ekt-input,
.tcSupportBundlePharos .ekt-input {
    width: 170px;
    display: inline-block;
}

.tcActivityLogPharos table,
.tcSupportBundlePharos table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Arial', sans-serif;
}

.tcActivityLogPharos th,
.tcSupportBundlePharos th,
.tcActivityLogPharos td,
.tcSupportBundlePharos td {
    border: 1px solid #ccc;
    padding: 6px 10px;
    text-align: left;
    font-size: 0.85em;
}

.tcActivityLogPharos th,
.tcSupportBundlePharos th {
    background-color: #4F4F4F;
    color: #ffffff;
    text-align: center;
}

.tcActivityLogPharos .filter-input,
.tcSupportBundlePharos .filter-input {
    margin-bottom: 10px;
    width: 100%;
    padding: 6px;
    border: 2px solid #ccc;
    box-sizing: border-box;
}

.tcActivityLogPharos thead th,
.tcSupportBundlePharos thead th {
    position: sticky;
    top: 0;
    z-index: 10;
}

.tcActivityLogPharos ::-webkit-scrollbar,
.tcSupportBundlePharos ::-webkit-scrollbar {
    width: 8px;
}

.tcActivityLogPharos ::-webkit-scrollbar-track,
.tcSupportBundlePharos ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.tcActivityLogPharos ::-webkit-scrollbar-thumb,
.tcSupportBundlePharos ::-webkit-scrollbar-thumb {
    background: #888;
}

.tcActivityLogPharos .details-toggle,
.tcSupportBundlePharos .details-toggle {
    cursor: pointer;
    padding: 5px 10px;
    border: none;
    background-color: #666;
    color: white;
    text-align: center;
    font-size: 0.9em;
    border-radius: 4px;
    margin-bottom: 5px;
    outline: none;
}

.tcActivityLogPharos .details-content,
.tcSupportBundlePharos .details-content {
    display: none;
    background-color: #f9f9f9;
    color: #333;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    font-family: 'Arial', sans-serif;
    font-size: 1em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    word-wrap: break-word;
    white-space: pre-wrap;
    font-family: monospace;
}

.tcActivityLogPharos #formContainer,
.tcSupportBundlePharos #formContainer {
    margin-bottom: 20px;
    text-align: center;
}

.tcActivityLogPharos #toggleButton,
.tcSupportBundlePharos #toggleButton {
    padding: 8px 16px;
    background-color: #4F4F4F;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    outline: none;
    transition: background-color 0.3s;
}

.tcActivityLogPharos #toggleButton:hover,
.tcSupportBundlePharos #toggleButton:hover {
    background-color: #666;
}

.tcActivityLogPharos #logQueryForm,
.tcSupportBundlePharos #logQueryForm {
    display: none;
    padding: 10px;
    border-radius: 4px;
    margin-top: 4px;
}

.tcActivityLogPharos .form-row,
.tcSupportBundlePharos .form-row {
    margin: 10px 0;
}

.tcActivityLogPharos #toggleFormButton,
.tcSupportBundlePharos #toggleFormButton {
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #4F4F4F;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    width: 110px;
}

.tcActivityLogPharos .form-row,
.tcSupportBundlePharos .form-row {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.tcActivityLogPharos label,
.tcSupportBundlePharos label {
    flex: 1;
    margin-right: 10px;
}

.tcActivityLogPharos input[type="number"],
.tcSupportBundlePharos input[type="number"],
.tcActivityLogPharos input[type="text"],
.tcSupportBundlePharos input[type="text"],
.tcActivityLogPharos select,
.tcSupportBundlePharos select {
    flex: 3;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.tcActivityLogPharos table,
.tcSupportBundlePharos table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
}

.tcActivityLogPharos #logsTable tr:nth-child(odd),
.tcSupportBundlePharos #supportBundleTable tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.tcActivityLogPharos #logsTable tr:nth-child(even),
.tcSupportBundlePharos #supportBundleTable tr:nth-child(even) {
    background-color: #ffffff;
}

.tcActivityLogPharos th,
.tcSupportBundlePharos th,
.tcActivityLogPharos td,
.tcSupportBundlePharos td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
}


.tcActivityLogPharos th, 
.tcSupportBundlePharos th {
    background-color: #4F4F4F;
    color: white;
}

.tcActivityLogPharos .button-container, 
.tcSupportBundlePharos .button-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tcActivityLogPharos #queryLogsButton,
.tcActivityLogPharos #toggleFormButton,
.tcSupportBundlePharos #queryLogsButton,
.tcSupportBundlePharos  #toggleFormButton
 {
    padding: 10px 20px;
    margin: 0 5px;
    background-color: #666;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    transition: background-color 0.3s;
}

.tcActivityLogPharos #queryLogsButton:hover,
.tcActivityLogPharos #toggleFormButton:hover,
.tcSupportBundlePharos #queryLogsButton:hover,
.tcSupportBundlePharos #toggleFormButton:hover
 {
    background-color: #777;
}

.tcActivityLogPharos #logsTable td, .tcSupportBundlePharos #supportBundleTable td {
    user-select: text;
}

.tcSupportBundlePharos .endpoint-id-display {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}