/**************************** Variable Settings *****************************/
:root {
    --main-background-color: #e4e4e4;
    --modal-background-color: #f7f7f7;
    --menu-background-color: #f2f2f2;
    --section-background-color: #fff;
    --input-background-color: #fff;
    --hover-background-color: #f7f7f7;
    --highlight-background-color: #fff;
    --disabled-background-color: #f7f7f7;
    --box-shadow: #999;
    --border-color: #9f9fa3;
    --border-color-subdued: #cbcbcb;
    --toolbar-background-subdued: #FFFFFF;
    --toolbar-background-strong: #dddddd;
    --link-color: #0087cd;
    --fake-link: #626469;
    --detail-label-color: #626469;
    --text-color: #333333;
    --text-color-subdued: #9fa0a4;
    --text-color-strong: #000;    
    --button-color-subdued: #f7f7f7;
    --button-color-hover-subdued: #fff;
    --button-color-strong: #e6e6e6;
    --button-color-hover-strong: #ededed;
    --button-border-color: #9fa0a4;
    --button-primary-border-color: #0087cd;
    --tab-text-color: #626469;
    --toggle-background-color: rgba(0,0,0,0.2);    
}

:root body.highContrast {
    --main-background-color: #161A1D;
    --modal-background-color: #21272c;
    --menu-background-color: #2c343a;
    --section-background-color: #21272c;
    --input-background-color: #161a1d;
    --hover-background-color: #2c343a;
    --highlight-background-color: #2c343a;
    --disabled-background-color: #384147;
    --box-shadow: #000;
    --border-color: #626469;
    --border-color-subdued: #454d54;
    --toolbar-background-subdued: #000000;
    --toolbar-background-strong: #222222;
    --link-color: #42b4e6;
    --fake-link: #9fa0a4;
    --detail-label-color: #9fa0a4;
    --text-color: #fff;
    --text-color-subdued: #9fa0a4;
    --text-color-strong: #fff;
    --button-color-subdued: #626469;
    --button-color-strong: #384147;
    --button-color-hover-subdued: #7b7e84;
    --button-color-hover-strong: #454d54;
    --button-border-color: #6f7177;
    --button-primary-border-color: #cbcbcb;
    --tab-text-color: rgba(255,255,255,0.8);
    --toggle-background-color: rgba(255,255,255,0.2);
}


/* DEFAULTS
----------------------------------------------------------*/
html {
    min-height: 100%; /* make sure it is at least as tall as the viewport */
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

body {
    height: 100%; /* force the BODY element to match the height of the HTML element */
    font-size: 12px;
    font-family: Arial, Verdana, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #e4e4e4;
    background-color: var(--main-background-color);
    line-height: 1.428571429;
    cursor: default;
    color: #333333;
    color: var(--text-color);
}

form {
    padding: 0px;
    margin: 0px;
}

/***************************** Links ****************************/

a:link, a:visited, .fakeLink, .ui-widget-content .fakeLink {
    color: #0087cd;
    color: var(--link-color);
    text-decoration: none;
    cursor: pointer;
}

    a:hover, .fakeLink:hover, .ui-widget-content .fakeLink:hover {
        color: #0087cd;
        color: var(--link-color);
        text-decoration: underline;
    }

    a:active,, .fakeLink:active, .ui-widget-content .fakeLink:active {
        color: #0087cd;
        color: var(--link-color);
    }

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/
.toolBar {
    background: -webkit-linear-gradient(#FFFFFF, #dddddd); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: -webkit-linear-gradient(var(--toolbar-background-subdued),var(--toolbar-background-strong)); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dddddd));
    background: -webkit-gradient(linear, left top, left bottom, from(var(--toolbar-background-subdued)), to(var(--toolbar-background-strong)));
    background: -o-linear-gradient(#FFFFFF, #dddddd);
    background: -o-linear-gradient(var(--toolbar-background-subdued), var(--toolbar-background-strong));
    background: linear-gradient(#FFFFFF, #dddddd); /* Standard syntax */
    background: linear-gradient(var(--toolbar-background-subdued), var(--toolbar-background-strong)); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#FFFFFF", endColorStr="#dddddd"); /* IE 9 */
}

/* Overrides jQuery dialog buttons. */
input[type=button], input[type=submit], .ui-dialog .ui-dialog-buttonpane button {
    border-width: 1px;
    border: 1px solid #9fa0a4;
    border-color: var(--button-border-color);
    border-style: solid;
    border-radius: 3px;
    background-image: -webkit-linear-gradient( 90deg, rgb(230,230,230) 0%, rgb(247,247,247) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(230,230,230) 0%, rgb(247,247,247) 100%);
    min-width: 100px;
    height: 28px;
    /*text*/
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    text-align: center;
    padding: 0px 15px 0px 15px;
    margin: 0px 4px 0px 4px;
}


/* Overrides jQuery dialog buttons. */
div.fakeButton {
    display: inline-block;
    height: 28px;
    border-radius: 3px;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}

input[type=button], input[type=submit], .ui-dialog .ui-dialog-buttonpane button, div.fakeButton {
    color: #333333;
    color: var(--text-color);
    border: 1px solid #9fa0a4;
    border-color: var(--button-border-color);
    background: -webkit-linear-gradient(#f7f7f7,#e6e6e6);
    background: -webkit-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
    background: -webkit-gradient(linear,left top, left bottom,from(#f7f7f7),to(#e6e6e6));
    background: -webkit-gradient(linear,left top, left bottom,from(var(--button-color-subdued)),var(--button-color-strong));
    background: -o-linear-gradient(#f7f7f7,#e6e6e6);
    background: -o-linear-gradient(var(--button-color-subdued),var(--button-color-strong));
    background: linear-gradient(#f7f7f7,#e6e6e6);
    background: linear-gradient(var(--button-color-subdued),var(--button-color-strong));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f7f7f7",endColorStr="#e6e6e6");
    background-color: #f7f7f7;
    background-color: var(--button-color-subdued);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
}

input[type=button]:focus, input[type=submit]:focus, .ui-dialog .ui-dialog-buttonpane button:focus, div.fakeButton:focus {
    outline: 0;
}

input[type=button]:hover, input[type=submit]:hover, .ui-dialog .ui-dialog-buttonpane button:hover, div.fakeButton:hover {
    background: -webkit-linear-gradient(#fff,#ededed);
    background: -webkit-linear-gradient(var(--button-color-hover-subdued),var(--button-color-hover-strong));
    background: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#ededed));
    background: -webkit-gradient(linear,left top, left bottom,from(var(--button-color-hover-subdued)),to(var(--button-color-hover-strong)));
    background: -o-linear-gradient(#fff,#ededed);
    background: -o-linear-gradient(var(--button-color-hover-subdued),var(--button-color-hover-strong));
    background: linear-gradient(#fff,#ededed);
    background: linear-gradient(var(--button-color-hover-subdued),var(--button-color-hover-strong));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff",endColorStr="#ededed");
    background-color: #fff;
    background-color: var(--button-color-hover-subdued);
}

input[type=button]:active, input[type=submit]:active, .ui-dialog .ui-dialog-buttonpane button:active, div.fakeButton:active {
    background: -webkit-linear-gradient(#fff,#ededed);
    background: -webkit-linear-gradient(var(--button-color-hover-subdued),var(--button-color-hover-strong));
    background: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#ededed));
    background: -webkit-gradient(linear,left top, left bottom,from(var(--button-color-hover-subdued)),to(var(--button-color-hover-strong)));
    background: -o-linear-gradient(#fff,#ededed);
    background: -o-linear-gradient(var(--button-color-hover-subdued),var(--button-color-hover-strong));
    background: linear-gradient(#fff,#ededed);
    background: linear-gradient(var(--button-color-hover-subdued),var(--button-color-hover-strong));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff",endColorStr="#ededed");
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2);
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2);
    background-color: #fff;
    background-color: var(--button-color-hover-subdued);
}

.button-tall {
    height: 38px !important;
}

.button-primary {
    border-color: #0087cd !important;
    border-color: var(--button-primary-border-color) !important;
}

span.CancelLink, span.CommandLink {
    margin: 3px 13px 0px 16px;
    color: #626469;
    color: var(--fake-link);
    border-bottom: 1px solid #626469;
    border-bottom-color: var(--fake-link);
    height: 17px;
    font-weight: bold;
    cursor: pointer;
}

input[type=text], input[type=search], input[type=number], input[type=password], select, input.tp-time-input, .form-control {
    border-width: 1px;
    border-color: #9f9fa3;
    border-color: var(--border-color); 
    border-style: solid;
    border-radius: 3px;
    background-color: #fff;
    background-color: var(--input-background-color);    
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(98,100,105,0.2);
    box-shadow: inset 0px 1px 3px 0px rgba(98,100,105,0.2);
    height: 28px;
    /*text*/
    font-size: 13px;
    font-family: "Arial";
    color: rgb(0, 0, 0);
    color: var(--text-color);
    padding: 2px 0px 1px 6px;
}

select {
    padding: 1px 0px 1px 6px;
}

.input-small {
    width: 60px;
}

.input-medium {
    width: 80px;
}

.input-large {
    width: 125px;
}

.input-xlarge {
    width: 165px;
}

.input-full {
    width: 100%;
}

.sectionTitle {
    font-weight: bold;
}

label {
    color: #626469;
    color: var(--detail-label-color);
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 4px;
}

label input[type="radio"], label input[type="checkbox"] {
    margin-right: 8px;
    cursor: pointer;
}

label span:first-of-type {
    vertical-align: text-bottom;
}

input[type=radio] + label {
    margin-left: 5px;
}

select.form-control {
    border: solid 1px #a1acb7;
    border-radius: 3px;
    height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

textarea {
    border-radius: 4px;
    padding: 2px 0px 1px 6px;
    color: #333;
    color: var(--text-color);
    background-color: #fff;
    background-color: var(--input-background-color);    
}

select {
    cursor: pointer;
}

.radioLabel, .checkboxLabel {
    cursor: pointer;
}


/* DISABLED FORM ELEMENTS   
----------------------------------------------------------*/

.disabled, div.disabledFakeButton, input[type=button]:disabled, input[type=submit]:disabled, span.CancelLink[disabled], a[disabled], div.disabled, span.disabled {
    opacity: 0.4;
    cursor: default;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, select:disabled {
    cursor: default;
    background-color: #F7F7F7;
    background-color: var(--disabled-background-color);
    color: #9fa0a4;
    color: var(--text-color-subdued);
    border: 1px solid #cbcbcb;
    border-color: var(--border-color-subdued);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.6;
}

/* MISC  
----------------------------------------------------------*/
.floatPrimary {
    float: left;
}

.floatSecondary {
    float: right;
}

.clickable {
    cursor: pointer;
}

.clear {
    clear: both;
}

.clearGapHalf {
    clear: both;
    padding: 5px 0px 0px 0px;
}

.clearGapEight {
    clear: both;
    padding: 8px 0px 0px 0px;
}

.clearGap {
    clear: both;
    padding: 10px 0px 0px 0px;
}

.seperator {
    border-top: 1px solid #cbcbcb;
}

/* http://stackoverflow.com/questions/11131875/what-is-the-cleanest-way-to-disable-css-transition-effects-temporarily */
.notransition {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* The following tag needs to be !important because IE will not respect
    attribute-class specificity (input[type=text] .validationError) */
.validationError {
    border: 1px solid red !important;
}

.validationErrorMessage {
    color: red;
}

.scrollable {
    overflow-y: auto;
}

.ellipsis {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none !important;
}

.controlButtonWrapper {
    margin: 0px 0px 0px 10px;
    float: right;
}

.controlButtonWrapper input {
    float: right;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.allowSelect {
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

.areaCap, .areaCapNoTheme {
    width: 100%;
    height: 5px;
    background-color: #9f9fa3;
    background-color: var(--border-color);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-shrink: 0;
}

.control-area-header {
    background-color: #F2F2F2;
    background-color: var(--menu-background-color);
}


/***************** General Layout Area Classes ***************/

/* This is full screen dimension.  Override if you need different*/
#mainContent, #settingsContent {
    position: absolute;
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    min-width: 980px;
    min-height: 500px;
}

#mainContentContainer {
    position: absolute;
    padding: 3px 0px 0px 0px;
    border: 0px;
    height: 100%;
    overflow: hidden;
}

#mainContentContainer.mainContentContainerLibraryVisible {
    left: 316px; /* Dynamic setting in LibraryAppLayout */
}

#mainContentContainer.mainContentContainerLibraryCollapsed {
    left: 48px; /* Dynamic setting in LibraryAppLayout */
}

#mainContentContainer.mainContentContainerFullScreen {
    left: 0px !important; /* Dynamic setting in LibraryAppLayout */
    right: 0px !important;
}

#mainContentContainer .mainContent {
    height: 100%;
}


.mainContentScroll {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
    -webkit-overflow-scrolling: touch;
}

.mainContentNoScroll {
    overflow: hidden;
    padding: 5px 5px 8px 5px;
    width: 100%;
    height: 100%;
}

.mainContentFullPageContainer {
    width: 100%;
    height: 100%;
    background-color: white;
    background-color: var(--section-background-color);
    position: relative;
    border: 1px solid #9f9fa3;
    border-color: var(--border-color);
    border-radius: 5px;
    overflow: hidden;
}

.mainContentFullPageBody {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 10px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.layoutControlAreaWrapper .layoutControlAreaItem {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding-bottom: 10px;
    flex-shrink: 0;
}

.layoutControlAreaWrapper .layoutControlAreaItem.seperator {
    padding-top: 10px;
}

.layoutControlAreaWrapper .layoutControlAreaItem:first-child {
    border-top: none;
}

.layoutControlAreaWrapper .layoutControlAreaItem .layoutRow {
    width: 100%;
}

.layoutControlAreaWrapper .layoutControlAreaItem .layoutRow:not(:last-child) {
    padding-bottom: 8px;
}

.layoutControlAreaWrapper .layoutControlAreaItem label {
    margin: 0;
}



/***************** Empty Application Marker ***************/
.layoutEmptyNoteWrapper {
    background-color: #e4e4e4;
    background-color: var(--main-background-color);
    opacity: .9;
    border-radius: 20px;
    position: absolute;
    width: 90%;
    text-align: center;
    display: block;
    color: #9fa0a4;
    color: var(--text-color-subdued);
    font-family: Arial;
    font-size: 32px;
    margin-right: -50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.layoutEmptyNoteWrapper .layoutEmptyNoteMessage {
    font-style: italic;
    margin-top: 36px;
}

.layoutEmptyNoteWrapper .layoutEmptyNoteTitle {
    font-weight: bold;
}


.layoutEmptyNoteWrapper .layoutEmptyNoteIcon {
    display: inline-block;
    height: 350px;
    width: 350px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 36px;
}

@media screen and (max-height:600px) {
    .layoutEmptyNoteWrapper .layoutEmptyNoteIcon {
        display: none;
    }
}


/* Some Max sizes
----------------------------------------------------------*/
.maxWidth50px {
    max-width: 50px;
}

.maxWidth100px {
    max-width: 100px;
}

.maxWidth150px {
    max-width: 150px;
}

.maxWidth200px {
    max-width: 200px;
}

/* Animations
----------------------------------------------------------*/

.pulse {
    -webkit-animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: pulse;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1.2s;
    -moz-animation-fill-mode: both;
    -moz-animation-name: pulse;
    -moz-animation-iteration-count: infinite;
    animation-duration: 1.2s;
    animation-fill-mode: both;
    animation-name: pulse;
    animation-iteration-count: infinite;
}


@-webkit-keyframes pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.65;
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.65;
    }
}


.dotContainer {
    position: relative;
    width: 8px;
    height: 8px;
}

.dot {
    position: absolute;
    top: 0px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.sonarWave {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    pointer-events: none;
    animation: sonarWave 1.5s steps(24) infinite;
    -webkit-animation: sonarWave 1.5s steps(24) infinite;
    -moz-animation: sonarWave 1.5s steps(24) infinite;
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sonarWave {
        animation: sonarWave 1.5s steps(12) infinite;
    }
}

@-webkit-keyframes sonarWave {
    from {
        opacity: 0.6;
    }

    to {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}

@keyframes sonarWave {
    from {
        opacity: 0.6;
    }

    to {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}


/* Custom Selection Overrides
----------------------------------------------------------*/
.customListItem {
    border-left: 3px solid transparent;
}

.customListItem:hover {
    color: #000;
    color: var(--text-color-strong);
    background-color: #ececec;
    background-color: var(--main-background-color);
    border-left-color: #9fa0a4;
    border-left-color: var(--button-border-color);
}

/* MoreLess Links */
.moreLessWrapper {
    overflow: hidden;
}

.moreLessMoreLink {
    float: right;
    margin: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #626469;
    color: var(--fake-link);
    border-bottom: 1px solid #626469;
    border-bottom-color: var(--fake-link);
    height: 15px;
}

/* Search Wrapper */
.searchWrapper {
    position: relative;
}

.searchWrapper .searchField {
    width: 100%;
    height: 28px;
    float: left;
    padding-left: 36px;
    padding-right: 36px;
}


.searchWrapper .searchField::-ms-clear {
    /* Hide the IE clear X */
    display: none;
}

.searchWrapper .searchIcon {
    position: absolute;
    cursor: pointer;
    left: 5px;
    top: 3px;
}

.searchWrapper .clearIcon {
    display: none;
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 3px;
}

.searchWrapper input[type="search"]:not(:placeholder-shown) + .clearIcon {
    display: inline-block;
}

.searchWrapper input[type="search"]:not(:placeholder-shown) {
    border: solid 2px #9fa0a4;
    border-color: var(--button-border-color);
    background-color: #f2f2f2;
    background-color: var(--menu-background-color);
    
}

.themeColorContrast {
    color: #fff !important;
    color: var(--section-background-color) !important;
}

.themeBorder {
    border: 1px solid #9f9fa3;
    border-color: var(--border-color);
}


.contentContainer {
    border: 1px solid #9f9fa3;
    border-color: var(--border-color);
    background-color: #fff;
    background-color: var(--section-background-color);
    color: #333333;
    color: var(--text-color);
}

.contentContainerSubdued {
    background-color: #f2f2f2;
    background-color: var(--menu-background-color);
}


.navigationArea {
    border: 1px solid #9f9fa3;
    border-color: var(--border-color);
    background-color: #f2f2f2;
    background-color: var(--menu-background-color);
}

/* Banner Content
----------------------------------------------------------*/
.headerInfo
{
	color:#626469;
	color:var(--detail-label-color);
}

.headerInfo .currentUserName {
	font-weight:bold;
}

.headerInfo .linkButton {
	cursor:pointer;
}

.userImage {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	margin-right: 3px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
}

/* Header Content
----------------------------------------------------------*/
#headerContent .headerSection {
	height: 40px;
	margin-top: 8px;
	margin-left: 15px;
}
#headerContent .headerIcon {
	height:40px;
	width:40px;
	float:left;
}

#headerContent .headerIcon svg {
	display: block;
	margin: 4px auto;
}

#headerContent .headerText {
	font-size: 20px;
	font-family: "Arial Rounded MT Bold", Arial;
	font-weight: bold;
	padding: 5px 0 0 10px;
	float:left;
}
#headerContent .tab-bar {
	background-color: #FFFFFF;
	background-color: var(--section-background-color);
	margin: 3px 5px 0px 5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-left: 5px;
}

#headerContent .tab-bar .tab {
	padding: 3px 8px 0px 8px;
}

#headerContent .tab-bar .tab.selected, #headerContent .tab-bar .tab.selected:hover {
	background-color: #fff !important;
	background-color: var(--section-background-color) !important;
	padding-top: 3px;
}


#headerContent .helpLink a, #headerContent .helpLink span, #headerContent .helpLink div {
	color: #626469;
	color:var(--fake-link);
}

#headerContent .helpLink {
	float:right;
	margin-right: 10px;
}
/* Dialogs
----------------------------------------------------------*/
.ui-dialog {
    border-radius: 3px;
    padding: 0px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.ui-dialog .dialog-body {
    padding: 20px 20px 0px 20px;
}

.ui-dialog .ui-dialog-titlebar {
    border-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 0px 3px 10px;
    background-image: none;
}

 /* Close button in dialog title bar */
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    border: 0px !important;
    background: transparent;
    font-weight: normal;
    color: #626469;
    color: var(--fake-link);
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
    background-size:contain !important;
    background: url('/SystemDataService/Content/images/dialog_close_16.png');
}

body.highContrast .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
    background-size: contain !important;
    background: url('/SystemDataService/Content/images/HC/dialog_close_16.png');
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
    width: 20px;
    height: 20px;
}

.ui-dialog .separatorBar {
    height: 0px;
}

.ui-dialog .ui-dialog-content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0px;
    background-color: #F7F7F7; 
    background-color: var(--modal-background-color);
    overflow: hidden;
    outline: 0;
}

.ui-dialog .controlButtonWrapper {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    padding: 8px 0px 8px 0px;
    border-top: 1px #cbcbcb solid;
    border-top-color: var(--border-color-subdued);
    height: 45px;
    margin: 0px 8px 0px 8px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 8px 4px 8px 4px;
    border-top: 1px #9f9fa3 solid;
    border-top-color: var(--border-color);
    margin-top: 0px;
    background-color: #f7f7f7;
    background-color: var(--modal-background-color);
}

.ui-dialog .validationError {
    border: 1px solid red;
}

.ui-dialog .dialogValidationErrorMessage {
    color: red;
    float: left;
}

.ui-dialog .dialog-button, .ui-dialog .dialog-okbutton {
    margin: 0px 0px 0px 5px;
}

.ui-dialog .headerTextSmall {
    font-size: 13px;
    font-weight: bold;
    cursor: default;
}

.ui-dialog .PrevValMessage, .ui-dialog .NextValMessage {
    float: left;
    width: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.ui-dialog .control-buttons {
    float: right;
}

.ui-dialog .control-buttons input {
    float: none;
}

.ui-dialog .validationMessage {
    float: left;
    width: 370px;
    position: relative;
    word-wrap: normal;
    height: 35px;
    overflow: hidden;
    margin-left: 10px;
}


/* Styles for Full dialogs */
.ui-dialog .dialog-body-full {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 5px;
    bottom: 0px;
}

.ui-dialog .dialog-body-full .interactiveContent {
    top: 20px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 53px;
}

.ui-dialog .dialog-body-full .interactiveContentTight {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 53px;
}



/* Dialog Tabs 
----------------------------------------------------------*/

.ui-dialog .dialog-tabs .dialogTab {
	margin: 0px 12px 4px 5px;
	padding: 2px 2px 4px 15px;
}

.ui-dialog .dialog_datacontent {
	border-radius: 8px;
	float: left;
}


/* Navigation Tabs */

.tab-bar {
	overflow: hidden;
	padding-top: 7px;
	font-size: 0;
	background-color: #FFFFFF;
	background-color: var(--toolbar-background-subdued);
	border-bottom: solid 1px #cbcbcb;
	border-bottom-color: var(--border-color-subdued);
}

.tab-bar .tab {
	cursor: pointer;
	padding: 3px 6px 0px 6px;
	display: inline-block;
	margin-left: 6px;
	height: 26px;
	text-transform: uppercase;
	min-width: 20px;
	max-width: 180px;
	vertical-align: bottom;
	text-align: center;
	font-size: 12px;
	color: #626469;
	color: var(--tab-text-color);
}

.tab-bar .tab {
	border-bottom: solid 1px transparent;  
}

.tab-bar .selected {
	border-bottom: solid 3px transparent;  
	cursor: default;
}



/**************************** 9px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-9 {
    width: 9px;
    height: 9px;
    display: inline-block;
}

.icon-arrowup-9 {
    background-image: url('/SystemDataService/Content/images/up_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-arrowup-9 {
    background-image: url('/SystemDataService/Content/images/HC/up_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-arrowdown-9 {
    background-image: url('/SystemDataService/Content/images/down_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-arrowdown-9 {
    background-image: url('/SystemDataService/Content/images/HC/down_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-arrowleft-9 {
    background-image: url('/SystemDataService/Content/images/left_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-arrowleft-9 {
    background-image: url('/SystemDataService/Content/images/HC/left_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-arrowright-9 {
    background-image: url('/SystemDataService/Content/images/right_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-arrowright-9 {
    background-image: url('/SystemDataService/Content/images/HC/right_arrow_9.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/**************************** 12px Icons ****************************/
.icon-12 {
    width: 12px;
    height: 12px;
    display: inline-block;
}

/**************************** 16px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-16 {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.icon-favorite-16, .ui-widget-content .icon-favorite-16 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 0;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-favorite-16, body.highContrast .ui-widget-content .icon-favorite-16 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 0;
    background-size: 16px;
    background-repeat: no-repeat;
}

.icon-home-16, .ui-widget-content .icon-home-16 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -16px;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-home-16, body.highContrast .ui-widget-content .icon-home-16 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -16px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.icon-addfolder-16, .ui-widget-content .icon-addfolder-16 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -32px;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-addfolder-16, body.highContrast .ui-widget-content .icon-addfolder-16 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -32px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.icon-add-16, .ui-widget-content .icon-add-16 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -48px;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-add-16, body.highContrast .ui-widget-content .icon-add-16 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -48px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.icon-share-16, .ui-widget-content .icon-share-16 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -160px;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-share-16, body.highContrast .ui-widget-content .icon-share-16 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -160px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.icon-close-16, .ui-widget-content .icon-close-16 {
    background-image: url('/SystemDataService/Content/images/close_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-close-16, body.highContrast .ui-widget-content .icon-close-16 {
    background-image: url('/SystemDataService/Content/images/HC/close_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-delete-16, .ui-widget-content .icon-delete-16 {
    background-image: url('/SystemDataService/Content/images/delete_16.png') !important;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-delete-16, body.highContrast .ui-widget-content .icon-delete-16 {
    background-image: url('/SystemDataService/Content/images/HC/delete_16.png') !important;
    background-size: 16px;
    background-repeat: no-repeat;
}

.icon-duplicate-16, .ui-widget-content .icon-duplicate-16 {
    background-image: url('/SystemDataService/Content/images/duplicate_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-duplicate-16, body.highContrast .ui-widget-content .icon-duplicate-16 {
    background-image: url('/SystemDataService/Content/images/HC/duplicate_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-export-16, .ui-widget-content .icon-export-16 {
    background-image: url('/SystemDataService/Content/images/export_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-export-16, body.highContrast .ui-widget-content .icon-export-16 {
    background-image: url('/SystemDataService/Content/images/HC/export_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-loading-16 {
    background-image: url('/SystemDataService/Content/images/ajax_16.gif') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-loading-16 {
    background-image: url('/SystemDataService/Content/images/HC/ajax_16.gif') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-lock-16 {
    background-image: url('/SystemDataService/Content/images/lock_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-lock-16 {
    background-image: url('/SystemDataService/Content/images/HC/lock_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-maximize-16 {
    background-image: url('/SystemDataService/Content/images/maximize_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-maximize-16 {
    background-image: url('/SystemDataService/Content/images/HC/maximize_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-minimize-16 {
    background-image: url('/SystemDataService/Content/images/minimize_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-minimize-16 {
    background-image: url('/SystemDataService/Content/images/HC/minimize_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-mute-16 {
    background-image: url('/SystemDataService/Content/images/mute_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-mute-16 {
    background-image: url('/SystemDataService/Content/images/HC/mute_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-muted-16 {
    background-image: url('/SystemDataService/Content/images/muted_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-muted-16 {
    background-image: url('/SystemDataService/Content/images/HC/muted_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-opennewwindow-16 {
    background-image: url('/SystemDataService/Content/images/new_window_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-opennewwindow-16 {
    background-image: url('/SystemDataService/Content/images/HC/new_window_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-settings-16 {
    background-image: url('/SystemDataService/Content/images/settings_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-settings-16 {
    background-image: url('/SystemDataService/Content/images/HC/settings_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-warning-16 {
    background-image: url('/SystemDataService/Content/images/warning_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-warning-16 {
    background-image: url('/SystemDataService/Content/images/HC/warning_16.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-info-16 {
    background-image: url('/SystemDataService/Content/images/info_32.png') !important;
    background-size: 16px;
    background-repeat: no-repeat;
}
body.highContrast .icon-info-16 {
    background-image: url('/SystemDataService/Content/images/HC/info_32.png') !important;
    background-size: 16px;
    background-repeat: no-repeat;
}

/**************************** 24px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-24 {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icon-arrow-right-grey-24, .ui-widget-content .icon-arrow-right-grey-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -48px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-arrow-right-grey-24, body.highContrast .ui-widget-content .icon-arrow-right-grey-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -48px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-arrow-left-dark-24, .ui-widget-content .icon-arrow-left-dark-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -72px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-arrow-left-dark-24, body.highContrast .ui-widget-content .icon-arrow-left-dark-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -72px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-arrow-left-grey-24, .ui-widget-content .icon-arrow-left-grey-24, .icon-arrow-right-dark-24, .ui-widget-content .icon-arrow-right-dark-24 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-menu-24 {
    background-image: url('/SystemDataService/Content/images/hamburger_24.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-menu-24 {
    background-image: url('/SystemDataService/Content/images/HC/hamburger_24.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-edit-24 {
    background-image: url('/SystemDataService/Content/images/edit_24.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-edit-24 {
    background-image: url('/SystemDataService/Content/images/HC/edit_24.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-clear-hover-24 {
    background-image: url('/SystemDataService/Content/images/sprite_clear_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-clear-hover-24 {
    background-image: url('/SystemDataService/Content/images/HC/sprite_clear_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-clear-hover-24:hover {
    /* Shift sprite */
    background-position: 0px -24px;
}

.icon-remove-hover-24 {
    background-image: url('/SystemDataService/Content/images/sprite_remove_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-remove-hover-24 {
    background-image: url('/SystemDataService/Content/images/HC/sprite_remove_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-remove-hover-24:hover {
    /* Shift sprite */
    background-position: 0px -24px;
}

.icon-up-hover-24 {
    background-image: url('/SystemDataService/Content/images/sprite_up_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-up-hover-24 {
    background-image: url('/SystemDataService/Content/images/HC/sprite_up_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-up-hover-24:hover {
    /* Shift sprite */
    background-position: 0px -24px;
}

.icon-down-hover-24 {
    background-image: url('/SystemDataService/Content/images/sprite_down_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-down-hover-24 {
    background-image: url('/SystemDataService/Content/images/HC/sprite_down_48.png') !important;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-down-hover-24:hover {
    /* Shift sprite */
    background-position: 0px -24px;
}

.icon-favorite-24, .ui-widget-content .icon-favorite-24 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 0;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-favorite-24, .ui-widget-content .icon-favorite-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 0;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-home-24, .ui-widget-content .icon-home-24 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -32px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-home-24, body.highContrast .ui-widget-content .icon-home-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -32px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-addfolder-24, .ui-widget-content .icon-addfolder-24 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -48px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-addfolder-24, body.highContrast .ui-widget-content .icon-addfolder-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -48px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-add-24, .ui-widget-content .icon-add-24 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -96px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-add-24, body.highContrast .ui-widget-content .icon-add-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -96px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-folder-yellow-24, .ui-widget-content .icon-folder-yellow-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -144px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-folder-yellow-24, body.highContrast .ui-widget-content .icon-folder-yellow-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -144px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-folder-grey-24, .ui-widget-content .icon-folder-grey-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -120px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-folder-grey-24, body.highContrast .ui-widget-content .icon-folder-grey-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -120px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-folder-blue-24, .ui-widget-content .icon-folder-blue-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -96px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-folder-blue-24, body.highContrast .ui-widget-content .icon-folder-blue-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -96px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-kebob-24, .ui-widget-content .icon-kebob-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -168px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-kebob-24, body.highContrast .ui-widget-content .icon-kebob-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -168px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-share-24, .ui-widget-content .icon-share-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -240px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-share-24, body.highContrast .ui-widget-content .icon-share-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -240px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-collapse-left-24, .ui-widget-content .icon-collapse-left-24, .icon-collapse-right-24, .ui-widget-content .icon-collapse-right-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -24px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-collapse-left-24, body.highContrast .ui-widget-content .icon-collapse-left-24, body.highContrast .icon-collapse-right-24, body.highContrast .ui-widget-content .icon-collapse-right-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -24px;
    background-size: 24px;
    background-repeat: no-repeat;
}

.icon-open-left-24, .ui-widget-content .icon-open-left-24, .icon-open-right-24, .ui-widget-content .icon-open-right-24 {
    background: url('/SystemDataService/Content/images/common_library_48.png') 0 -0px;
    background-size: 24px;
    background-repeat: no-repeat;
}
body.highContrast .icon-open-left-24, body.highContrast .ui-widget-content .icon-open-left-24, body.highContrast .icon-open-right-24, body.highContrast .ui-widget-content .icon-open-right-24 {
    background: url('/SystemDataService/Content/images/HC/common_library_48.png') 0 -0px;
    background-size: 24px;
    background-repeat: no-repeat;
}


/**************************** 32px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-32 {
    width: 32px;
    height: 32px;
    display: inline-block;
}

.icon-menu-32 {
    background-image: url('/SystemDataService/Content/images/hamburger_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-menu-32 {
    background-image: url('/SystemDataService/Content/images/HC/hamburger_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-mute-32 {
    background-image: url('/SystemDataService/Content/images/mute_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-mute-32 {
    background-image: url('/SystemDataService/Content/images/HC/mute_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-muted-32 {
    background-image: url('/SystemDataService/Content/images/muted_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-muted-32 {
    background-image: url('/SystemDataService/Content/images/HC/muted_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-reset-32 {
    background-image: url('/SystemDataService/Content/images/reset_32.png') !important;
    background-size: 32px;
    background-repeat: no-repeat;
}
body.highContrast .icon-reset-32 {
    background-image: url('/SystemDataService/Content/images/HC/reset_32.png') !important;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-slideshow-32 {
    background-image: url('/SystemDataService/Content/images/slideshow_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-slideshow-32 {
    background-image: url('/SystemDataService/Content/images/HC/slideshow_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-favorite-32, .ui-widget-content .icon-favorite-32 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 0;
    background-size: 32px;
    background-repeat: no-repeat;
}
body.highContrast .icon-favorite-32, body.highContrast .ui-widget-content .icon-favorite-32 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 0;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-home-32, .ui-widget-content .icon-home-32 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -32px;
    background-size: 32px;
    background-repeat: no-repeat;
}
body.highContrast .icon-home-32, body.highContrast .ui-widget-content .icon-home-32 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -32px;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-addfolder-32, .ui-widget-content .icon-addfolder-32 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -64px;
    background-size: 32px;
    background-repeat: no-repeat;
}
body.highContrast .icon-addfolder-32, body.highContrast .ui-widget-content .icon-addfolder-32 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -64px;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-add-32, .ui-widget-content .icon-add-32 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -96px;
    background-size: 32px;
    background-repeat: no-repeat;
}
body.highContrast .icon-add-32, body.highContrast .ui-widget-content .icon-add-32 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -96px;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-zoom-32 {
    background-image: url('/SystemDataService/Content/images/zoom_32.png') !important;
    background-size: 32px;
    background-repeat: no-repeat;
}
body.highContrast .icon-zoom-32 {
    background-image: url('/SystemDataService/Content/images/HC/zoom_32.png') !important;
    background-size: 32px;
    background-repeat: no-repeat;
}

.icon-info-32 {
    background-image: url('/SystemDataService/Content/images/info_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-info-32 {
    background-image: url('/SystemDataService/Content/images/HC/info_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-error-32 {
    background-image: url('/SystemDataService/Content/images/error_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-error-32 {
    background-image: url('/SystemDataService/Content/images/HC/error_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-fail-32 {
    background-image: url('/SystemDataService/Content/images/fail_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-fail-32 {
    background-image: url('/SystemDataService/Content/images/HC/fail_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-safety-warning-32 {
    background-image: url('/SystemDataService/Content/images/safety_warning_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-safety-warning-32 {
    background-image: url('/SystemDataService/Content/images/HC/safety_warning_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-success-32 {
    background-image: url('/SystemDataService/Content/images/success_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-success-32 {
    background-image: url('/SystemDataService/Content/images/HC/success_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-warning-32 {
    background-image: url('/SystemDataService/Content/images/warning_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-warning-32 {
    background-image: url('/SystemDataService/Content/images/HC/warning_32.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


/**************************** 40px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-40 {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.icon-info-40 {
    background-image: url('/SystemDataService/Content/images/info_40.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-info-40 {
    background-image: url('/SystemDataService/Content/images/HC/info_40.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/**************************** 48px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-48 {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.icon-down-arrow-48 {
    background-image: url('/SystemDataService/Content/images/down_arrow_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-down-arrow-48 {
    background-image: url('/SystemDataService/Content/images/HC/down_arrow_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-dropdown-arrow-48 {
    background-image: url('/SystemDataService/Content/images/dropdown_arrow_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-dropdown-arrow-48 {
    background-image: url('/SystemDataService/Content/images/HC/dropdown_arrow_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-edit-48 {
    background-image: url('/SystemDataService/Content/images/edit_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-edit-48 {
    background-image: url('/SystemDataService/Content/images/HC/edit_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-maximize-48 {
    background-image: url('/SystemDataService/Content/images/maximize_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-maximize-48 {
    background-image: url('/SystemDataService/Content/images/HC/maximize_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-minimize-48 {
    background-image: url('/SystemDataService/Content/images/minimize_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-minimize-48 {
    background-image: url('/SystemDataService/Content/images/HC/minimize_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-menu-48 {
    background-image: url('/SystemDataService/Content/images/hamburger_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-menu-48 {
    background-image: url('/SystemDataService/Content/images/HC/hamburger_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-save-48 {
    background-image: url('/SystemDataService/Content/images/save_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-save-48 {
    background-image: url('/SystemDataService/Content/images/HC/save_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-save-as-new-48 {
    background-image: url('/SystemDataService/Content/images/save_as_new_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-save-as-new-48 {
    background-image: url('/SystemDataService/Content/images/HC/save_as_new_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-search-48 {
    background-image: url('/SystemDataService/Content/images/search_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-search-48 {
    background-image: url('/SystemDataService/Content/images/HC/search_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-clear-hover-48 {
    background-image: url('/SystemDataService/Content/images/sprite_clear_48.png') !important;
    background-size: 48px;
    background-repeat: no-repeat;
}
body.highContrast .icon-clear-hover-48 {
    background-image: url('/SystemDataService/Content/images/HC/sprite_clear_48.png') !important;
    background-size: 48px;
    background-repeat: no-repeat;
}

.icon-clear-hover-48:hover {
    /* Shift sprite */
    background-position: 0px -48px; 
}

.icon-warning-48 {
    background-image: url('/SystemDataService/Content/images/warning_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-warning-48 {
    background-image: url('/SystemDataService/Content/images/HC/warning_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-refresh-48 {
    background-image: url('/SystemDataService/Content/images/refresh_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-refresh-48 {
    background-image: url('/SystemDataService/Content/images/HC/refresh_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-filter-48 {
    background-image: url('/SystemDataService/Content/images/filter_label_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-filter-48 {
    background-image: url('/SystemDataService/Content/images/HC/filter_label_48.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/**************************** 64px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-64 {
    width: 64px;
    height: 64px;
    display: inline-block;
}

.icon-addfolder-64, .ui-widget-content .icon-addfolder-64 {
    background: url('/SystemDataService/Content/images/common_library_64.png') 0 -64px;
    background-size: 64px;
    background-repeat: no-repeat;
}
body.highContrast .icon-addfolder-64, body.highContrast .ui-widget-content .icon-addfolder-64 {
    background: url('/SystemDataService/Content/images/HC/common_library_64.png') 0 -64px;
    background-size: 64px;
    background-repeat: no-repeat;
}

.icon-error-64 {
    background-image: url('/SystemDataService/Content/images/error_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-error-64 {
    background-image: url('/SystemDataService/Content/images/HC/error_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-fail-64 {
    background-image: url('/SystemDataService/Content/images/fail_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-fail-64 {
    background-image: url('/SystemDataService/Content/images/HC/fail_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-safety-warning-64 {
    background-image: url('/SystemDataService/Content/images/safety_warning_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-safety-warning-64 {
    background-image: url('/SystemDataService/Content/images/HC/safety_warning_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-success-64 {
    background-image: url('/SystemDataService/Content/images/success_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 20px;
}
body.highContrast .icon-success-64 {
    background-image: url('/SystemDataService/Content/images/HC/success_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 20px;
}

.icon-warning-64 {
    background-image: url('/SystemDataService/Content/images/warning_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 20px;
}
body.highContrast .icon-warning-64 {
    background-image: url('/SystemDataService/Content/images/HC/warning_64.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-left: 20px;
}

/**************************** 128px Icons ****************************/

/* Use this class to size a div that contains just an icon. */
.icon-128 {
    width: 128px;
    height: 128px;
    display: inline-block;
}

.icon-info-128 {
    background-image: url('/SystemDataService/Content/images/info_128.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-info-128 {
    background-image: url('/SystemDataService/Content/images/HC/info_128.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/**************************** Custom Icons ****************************/
.icon-loading-bubble {
    background-image: url('/SystemDataService/Content/images/loading_bubble.gif') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
body.highContrast .icon-loading-bubble {
    background-image: url('/SystemDataService/Content/images/HC/loading_bubble.gif') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.ui-menu {
    border: 1px solid #9f9fa3;
    border-color: var(--border-color);
    border-radius: 5px;
    background: #f7f7f7;
    background: var(--highlight-background-color);
    color: #333333;
    color: var(--text-color);
    padding: 2px;
    -webkit-box-shadow: 0px 8px 8px #999;
    -webkit-box-shadow: 0px 8px 8px var(--box-shadow);
    box-shadow: 0px 8px 8px #999;
    box-shadow: 0px 8px 8px var(--box-shadow);
    min-width: 160px;
    z-index: 101;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Context Menu override to allow Tooltips to display on disable items*/
.ui-menu .ui-state-disabled, .ui-contextmenu .ui-state-disabled {
    pointer-events: auto !important;
}