:root {
    --mode: dark;
    --outer_background: #001A2B;
    --content_border: #1A1A2B;
    --content_background: #3D3D40;
    --dashboard_text: #D4D4D4;
    --dashboard_tile_border: #111111;
    --dashboard_tile_background: #002034;
    --dashboard_result: #7CB5EC;
    --dashboard_ap_stats: #D4D4D4;
}

a { color: black; }
html { height: 100%; }
body { font-family: Tahoma, Arial, sans-serif; font-size: 10pt; height: 98%; overflow: hidden; background: var(--outer_background); }
hr { color: #ddd; background-color: #ddd; border: 1px dotted gray; border-style: none none dotted; }
table { padding: 0; margin: 0; border: 0; }
input[type=text], input[type=password], textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    outline: none;
    border-color: rgba(150,150,150,.75) !important;
    box-shadow: 0 0 8px rgba(150,150,150,.25);
    -moz-box-shadow: 0 0 8px rgba(150,150,150,.25);
    -webkit-box-shadow: 0 0 8px rgba(150,150,150,.25);
}
.barrelroll {
    -webkit-transition: -webkit-transform 4s ease;
    -webkit-transform: rotate(360deg);
    -moz-transition: -moz-transform 4s ease;
    -moz-transform: rotate(360deg);
    -o-transition: -o-transform 4s ease;
    -o-transform: rotate(360deg);
    transition: transform 4s ease;
    transform: rotate(360deg);
}

:focus {
    outline: none;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    outline: none;
    border-color: rgba(25,84,120,.75) !important;
    box-shadow: 0 0 8px rgba(130,162,181,.5);
    -moz-box-shadow: 0 0 8px rgba(130,162,181,.5);
    -webkit-box-shadow: 0 0 8px rgba(130,162,181,.5);
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover {
    /* outline:no ne; border-color:rgba(153,255,0,.75)!important; box-shadow:0 0 8px rgba(204,153,0,.25);-moz-box-shadow:0 0 8px rgba(204,153,0,.25);-webkit-box-shadow:0 0 8px rgba(204,153,0,.25); */
}

select {
    border-radius: 3px;
    border: 1px solid #ccc;
    outline: none;
    border-color: rgba(150,150,150,.75) !important;
    box-shadow: 0 0 8px rgba(150,150,150,.5);
    -moz-box-shadow: 0 0 8px rgba(150,150,150,.5);
    -webkit-box-shadow: 0 0 8px rgba(150,150,150,.5);
}

select:focus {
    border-radius: 3px;
    outline: none;
    border-color: rgba(25,84,120,.75) !important;
    box-shadow: 0 0 8px rgba(130,162,181,.5);
    -moz-box-shadow: 0 0 8px rgba(130,162,181,.5);
    -webkit-box-shadow: 0 0 8px rgba(130,162,181,.5);
}

span.dynatree-checkbox, span.dynatree-expander { }
div, html, body, table, p, span, button, ul { }

div#accordion, div#accordion div, div#accordion li, div#accordion ul, div#SetupMenuAccord, div#SetupMenuAccord div {
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
}

::selection { background: #CCFB5D; }
::-moz-selection { background: #CCFB5D; }

#mainr {
    left: 58px;
    top: 65px;
    position: absolute;
    width: auto;
    height: 550px;
    background: var(--content_background);
    border-radius: 5px;
}

#leftnav {
    left: 8px;
    top: 63px;
    position: absolute;
    width: auto;
    height: 550px;
    background: var(--content_border);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    box-shadow: 0 0 10px #222;
    -moz-box-shadow: 0 0 10px #222;
    -webkit-box-shadow: 0 0 10px #222;
    border-radius: 5px;
}

#mainl {
    background-color: #004169;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.MainContent {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    height: 400px;
}

.MainContentTable {
    width: 750px;
    border: 0;
}

.mainContentLimitWidth {
    width: 740px;
    clear: both;
}

.mainContentFullWidth {
    width: 100%;
    clear: both;
}

.mainContentDialog {
    padding: 12px;
}

.mainContentDialogWidth {
    width: 1011px;
    clear: both;
}

.mainDataEntryContentDialogWidth {
    width: 1100px;
    clear: both
}

.mainContentDialogAutoWidth {
    width: 900px;
    clear: both;
}

#MainContentCell {
    background-color: #FBFBEF;
    height: 100%;
}

#MainContentDiv {
    margin: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
    padding: 10px;
}

#MainContentAjax {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3d3d40;
    text-align: left;
    display: none;
    margin-bottom: 1em;
}

.mainContentDialogHeight {
    height: 530px;
}

.mainContentDialogAutoHeight {
    height: 530px;
}

.MenuHeader {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #666666;
}

.V3MenuHeader {
    text-align: center;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.menuTitles {
    font-size: 1em;
    font-style: italic;
}

.menuLeft {
    overflow: hidden;
    margin-left: 7px;
    top: 65px;
    left: -500px;
    position: absolute;
    width: 300px;
    vertical-align: top;
    background-color: #ffffff;
    z-index: 1000;
}

/***************** DASHBOARDS *****************/

#lblDashboardTitle { color: var(--dashboard_text); }
#lblDashboardDateRange { color: var(--dashboard_text); }

.tile {
    color: var(--dashboard_text);
    border: 1px solid var(--dashboard_tile_border);
    background-color: var(--dashboard_tile_background);
}

.kpiSnapshotLink { color: var(--dashboard_text); }

.kpiResultMain { color: var(--dashboard_result); }

#lblDashboardDateRangeIcon {
    background-image: url(images/calendar-15-white.png);
    height: 14px;
    width: 14px;
}

.APDashPanelSummaryCount {
    color: var(--dashboard_ap_stats);
}

.recentItemsReportLink, .recentItemsDataLink {
    background-color: var(--dashboard_tile_background);
    color: var(--dashboard_text);
}

.apCurrentLinks {
    color: var(--dashboard_text);
}
/***************************************************************************************************************************/
/* start of accordion side bar */
.accordionHeader {
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid transparent;
    background-color: transparent;
}

.accordionHeader:Hover {
    border: 1px solid #ccc;
    background-color: #eee;
}

.accordionHeaderSelected {
    padding: 2px 2px 2px 2px;
    margin: 2px 0 2px 0;
    text-align: center;
    cursor: pointer;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
    border: 1px solid #cc9;
    background-color: #326687;
}

.accordionContent {
    overflow: hidden !important;
    padding: 0 0 0 1px;
}
/* css fix to allow for popup/flyout menu inside the accordionpane */
.accordionContentDiv {
    position: fixed;
    z-index: 10000;
    height: 380px;
    overflow: visible;
    left: 11px;
    margin-top: -13px;
}

.accordionLink {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#leftcontentdiv #AccordionBar {
    overflow: visible;
}
/* end of accordion side bar */
.searchItemSite {
    margin-bottom: 5px;
    font-size: 12pt;
}

.searchItemArea {
    margin-bottom: 5px;
    font-size: 11pt;
}

.searchItemGeneral {
    height: auto;
    padding-bottom: 5px;
}

.searchItemGeneral:hover {
    background-color: #ccc;
}

.searchResultMenu {
    background: white;
    margin-right: 5px;
    margin-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 2px;
    overflow: auto;
}

.setupMenuHeader {
    margin-bottom: 5px;
    font-size: 11pt;
    font-weight: bold;
}

.setupMenuItem {
    height: auto;
    padding-bottom: 5px;
    color: #326687;
    margin-left: 10px;
}

.setupMenuItem:hover {
    text-decoration: underline;
    cursor: pointer;
}

#AjaxMenuContainer {
    height: 100%;
}

.actionPlanningRptSelected {
    border: 1px dotted #4E4E4E;
    background-color: #B2B4BF;
}

.actionPlanningRptDefault {
    font-weight: bold;
}

.actionPlanningRptItem:Hover {
    background-color: #BEF781;
    border: 1px solid #9AFE2E;
}

.actionPlanningRptItem {
    cursor: pointer;
    border: 1px solid transparent;
}

.actionPlanningRptSubject {
    color: Gray;
}

#ActionPlanDialogForm1 {
    height: 625px;
    width: 960px;
}

#ActionPlanEditFormDiv {
    position: absolute;
    left: 0;
    height: 610px;
    width: 470px;
    background-color: white;
    display: block;
    padding: 5px;
    border: 0;
}

.ActionPlanEditFormDivHide {
    left: 480px !important;
}

#ActionPlanListDiv {
    position: absolute;
    left: 0;
    height: 610px;
    width: 470px;
    background-color: white;
    display: block;
    padding: 5px;
}

.ActionPlanListDivHide {
    left: -480px !important;
}

#ActionPlanDetailsDiv {
    position: absolute;
    padding: 5px;
    width: 475px;
    height: 610px;
    background-color: white;
    z-index: 10000;
}

#ActionPlanAddEditDataDiv {
    position: absolute;
    height: 500px;
    width: 480px;
    background-color: transparent;
    padding: 2px 5px;
    overflow: visible;
    border: 0;
    display: none;
}

#ActionPlanInfoDiv {
    width: 180px;
    height: 625px;
    display: none;
    position: absolute;
    z-index: 1000;
    background: #ecf8e0;
    border: #bef781 1px solid;
    top: 1px;
    left: -210px;
    padding: 10px;
}

#ActionPlanAddEditRepeaterDiv {
    width: 95%;
    height: 510px;
    overflow: auto;
}

.hidden {
    position: absolute;
    top: 0;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.datePicker {
    padding: 0 0.2em;
    margin: 0 0.2em;
    cursor: pointer;
    width: 100px;
    text-align: left;
}

.datePicker-wide {
    width: 150px;
}

#dataentryListBox option:Hover {
    background-color: #99CC00;
}

.dataEntryPanels {
    height: 100%;
    width: 100%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

.dataEntryHeaders {
    background: #e2e2e2;
    font-weight: bold;
}

.divider {
    clear: both;
    width: 100%;
    height: 1em;
    padding-top: 1em;
}

.disabled {
    color: Gray;
}

.DescriptionTitle {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 9pt;
    color: #999999;
    width: auto;
    position: relative;
    top: 15px;
    right: -10px;
    height: 30px;
    float: left;
}

.footerText {
    font-size: 0.7em;
}

.filterTitles {
    width: 100%;
    padding-left: 5px;
    margin-bottom: 0;
    margin-top: 0;
}

.filterOptions {
    font-weight: bold;
}

.draggable-plain {
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    color: black !important;
    background: none !important;
    font-weight: normal !important;
}

.draggableContainer {
    white-space: nowrap;
    cursor: move;
    overflow: hidden;
    opacity: 1;
    text-align: left;
    padding: 3px;
    transition-property: left, top, background;
    -webkit-transition-property: left, top, background;
    -moz-transition-property: left, top, background;
    -o-transition-property: left, top, background;
    transition-duration: 0s, 0s, 0.5s;
    -webkit-transition-duration: 0s, 0s, 0.5s;
    -moz-transition-duration: 0s, 0s, 0.5s;
    -o-transition-duration: 0s, 0s, 0.5s;
    transition-timing-function: ease, ease, ease;
    -webkit-transition-timing-function: ease, ease, ease;
    -moz-transition-timing-function: ease, ease, ease;
    -o-transition-timing-function: ease, ease, ease;
}

.reportSetupDraggable {
    list-style: none outside none;
    background: white;
}

.reportSetupHighlight, .dragDropHighlight {
    border: 2px solid lightblue;
    box-shadow: 0 0 5px lightblue;
    border-radius: 3px;
}

.draggableDragging {
    opacity: 0.8;
}

#DialogContent {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #333;
    box-shadow: 0 0 20px #333;
    border: 3px solid #555;
}

.invisible {
    display: none;
}

#InfoBar {
    display: none;
    width: 300px;
    position: absolute;
    z-index: 1000;
    background: white;
    top: 50px;
    left: 854px;
    padding: 10px;
    overflow: auto;
    font-weight: normal;
    border: 2px solid #b2bc00;
    border-radius: 5px;
}

.infoBarTitle {
    font-weight: bold;
}

.DowntimeGrid td {
    border: 1px solid #C1C5C8;
}

.DowntimeGrid th {
    border: 1px solid #C1C5C8;
}

.fg-menu li {
    white-space: nowrap;
    overflow: hidden;
}

.fg-menu-container {
    transition: all 0s ease !important;
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 1s ease !important;
}

.fg-button:hover {
}

.gridContainers {
    border: 1px solid #E0E0E0;
    overflow-x: auto;
}

.gridStyle {
    background: #ffffff;
}

.gridStyle tr:Hover td {
    background: #F2F5A9;
    cursor: pointer;
}

.gridStyle td {
    border-top: 1px solid #F8ECE0;
    border-bottom: 1px solid #F8ECE0;
    border-left: 0;
    border-right: 0;
}

.gridHeaderStyle {
    padding: 2px;
    height: 20px;
    color: Black;
}

.gridHeaderStyle th {
    padding: 2px 10px;
    border: 1px solid #F8ECE0;
    border-top: 0;
}

.gridHeaderStyle th:Hover {
    border: 1px solid #004169;
    background: #afd58b url('jQuery/themes/custom-theme/images/ui-bg_highlight-soft_25_afd58b_1x100.png') 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}

.gridHeaderStyle a:link {
    color: #ffffff;
}

.gridRowStyle {
    background: #ffffff;
}

.gridAltRowStyle {
    background: #f5fbef;
}

.gridPagerControls {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.groupSmallContent {
    font-size: 0.8em;
}

#HeaderMethodBarContainer {
    display: table-cell;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    width: 85%;
}

.MainHeaderButton {
    background: transparent;
    padding-right: 0.3%;
}

.icon {
    margin: 0 5px 0 2px;
}

#menuImg {
    cursor: pointer;
}

#LeftMenuBarPanel {
    border: 0;
    width: 300px;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    position: relative;
}

.loadingSpin {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    background: url('images/ajax-loader.gif') no-repeat 45% 50%;
}

.ui-accordion-content .loadingSpin {
    left: 0;
    display: block;
}

.loadingModale {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333333;
    text-align: center;
    z-index: 1000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.LoginStatus {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 9pt;
    color: #eeeeee;
    background-color: transparent;
}

.LoginStatusAndName {
    padding-left: 10px;
    padding-right: 5px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 9pt;
}

.LoginStatusAndName a:Link {
    text-decoration: none;
}

.LoginControl td {
    padding: 3px;
    text-align: right;
}

.LoginControlTextBox {
    width: 150px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 8pt;
    color: #888888;
}

.LoginControlButton {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 9pt;
}

.LoginControlInstructionText {
}

td.LoginControlLabel {
    text-align: left;
}

td.LoginControlText {
    text-align: left;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #888888;
    padding-bottom: 10px;
}

.LoginInfoTable {
    background-image: url( 'Images/LeftMenuBarHomeGraphic_incite.png' );
    background-position: top left;
    position: relative;
    top: 10px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    display: none;
}



.modalBackground {
    background-color: #333333;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.modalPopup {
    background-color: #333333;
    width: 408px;
    padding: 10px;
}

.modalPopupTitle {
    cursor: move;
    background-color: #DDDDDD;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    color: Black;
    text-align: center;
}

.modalPopupButtons {
    border-color: Gray;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}

.modalPopupDragHandler {
    cursor: move;
    background-color: #DDDDDD;
    border: solid 1px Gray;
    color: Black;
    text-align: center;
}

.PageTitle {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 2em;
    height: 2em;
    color: #004169;
    width: auto;
    float: left;
    text-align: center;
}

.pageTitleBar {
    width: 100%;
    clear: both;
    float: none;
    padding-bottom: 1em;
    height: 2em;
}

.pageContent, .setupPageContent {
    overflow: auto;
    -ms-oveflow-x: hidden;
    clear: both;
    margin-top: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.PageControls {
    float: right;
    position: relative;
    top: 5px;
}

#popup {
    background-color: White;
}

.positionHelper .fg-menu-container {
    -webkit-box-shadow: 0 0 15px rgba(119, 119, 119, .5);
}

.qtip-wrapper {
    -webkit-box-shadow: 2px 2px 2px #999;
}
/* .qtip-contentWrapper { border-radius: 5px; } */

#ReportControl {
    background-color: #ffffff;
}

#ReportControl .ui-tabs-panel {
    border-color: transparent;
    border-width: 1px !important;
}

#ReportControl #rcTabs {
    border-color: transparent;
    border-radius: 10px;
    background-color: #ffffff;
}

#ReportSetupContainer {
    padding: 0;
}

.recentTrendsBox {
    width: 230px;
    height: 200px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}

.recentTrendsBox:hover {
    cursor: pointer;
    border: 1px solid #b2bc00;
}

.reportTitle {
    font-size: 1.5em;
}

#RecentReportsMenu a:link {
    overflow-x: hidden;
}

#RecentReportsMenu .ui-icon {
    margin-top: 2px;
}

#RecentReportsMenu li {
    font-family: Calibri;
    height: 24px;
}

#RecentDataMenu a:link {
    overflow-x: hidden;
}

#RecentDataMenu .ui-icon {
    margin-top: 2px;
}

#RecentDataMenu li {
    font-family: Calibri;
    height: 24px;
}

.searchbox {
}

.headerButton:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}


.setupButtons {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    cursor: pointer;
    background-color: #F5F5F5;
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.4)));
}
/* #btnChangePassword:Hover { opacity: 0.5; filter:alpha(opacity=50);  } */
/* .setupButtonsHover { opacity: 0.5; filter:alpha(opacity=50); } */
.setupButtonsLabels {
    float: left;
    width: 100px;
    margin: 0 10px;
    text-align: center;
}

.setupButtonRow {
    clear: both;
    width: 750px;
    height: 120px;
    margin: 5px 15px 0 15px;
}

.setupCategoryLabels {
    display: inline-block;
    clear: both;
    width: 98%;
    height: 20px;
    padding-top: 2px;
    margin: 8px 0 6px 20px;
    font-family: Calibri;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #b2bc00;
}

.setupButtonsPanel {
    width: 100%;
    padding-top: 5px;
}

.simpleitempageritem {
    word-wrap: break-word;
}

.startpageSystemInfo {
    color: #828282;
    font-size: 11pt;
    font-weight: bold;
    position: relative;
    left: 0;
}

.startpageSiteLabel, .startpageLastLoginLabel {
    font-weight: bold;
}

.startpageVerticalLine {
    float: left;
    position: relative;
    top: 20px;
    padding: 20px 30px 10px 20px;
}

.startpageMyInfoLabel {
    color: #828282;
    font-size: 11pt;
    font-weight: bold;
}

.startpageSectionTitle {
    font-size: 10pt;
    font-weight: bold;
    margin-top: 20px;
}

.startpageImageButtonHover {
    cursor: pointer
}

#StartPageContent {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.SubHeader {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #666666;
    margin-right: 5px;
}

.SubTitle {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #888888;
}

#struct {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.timePicker {
    padding: 0em 0.1em;
    margin: 0em 0.2em;
    width: 100px;
    text-align: left;
    cursor: pointer;
}

.timePicker select {
    font-size: 0.8em;
}

.toolbarItems {
    float: left;
    margin: 1px;
    padding: 1px 2px 1px 2px;
}

.Titles {
    width: 100%;
    height: 22px;
    vertical-align: middle;
    padding-top: 4px;
    padding-left: 5px;
    display: table;
    border-radius: 5px;
}

.V3Titles {
    color: black;
    font-weight: bold;
    padding: 4px 8px;
}

.updatepanel {
    width: 100%;
    height: 100%;
}

.updateProgressSpin {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000000;
    background: url('images/ajax-loader.gif') no-repeat 50% 50%;
    display: none;
}

#setupLock {
    float: left;
    margin-right: 18px;
    height: 30px;
    width: 30px;
}

.lockDiv {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000000;
    border: 0;
}

.lockIcon {
    background: url('images/lock-icon-30-dark.png') no-repeat 50% 50%;
}

.unlockIcon {
    background: url('images/lock-icon-30-light.png') no-repeat 50% 50%;
}

#AppUpdateProgressSpin { /* background: url('images/ajax-loader-dark.gif') #000000 no-repeat 50% 50%; */
    background: #222222 !important;
    font-size: 2em;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 110%;
    height: 110%;
    padding: 50px;
}

#AppUpdateProgressModal {
    background-color: #000000;
    background-image: url(images/bg_tile.jpg);
}

.updateProgressModal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    z-index: 1000000;
    filter: alpha(opacity=100);
    opacity: 1;
    display: none;
}

.updateProgressModalBackground {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/html_bg.png) #111111 repeat-x;
    text-align: center;
    z-index: 100000;
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
}

.ui-border-highlight {
    border-color: rgba(25,84,120,.75) !important;
    box-shadow: 0 0 8px rgba(130,162,181,.5);
    -moz-box-shadow: 0 0 8px rgba(130,162,181,.5);
    -webkit-box-shadow: 0 0 8px rgba(130,162,181,.5);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease
}

.ui-border-header-shadow {
    border-color: #545454;
    box-shadow: 0 0 8px rgba(52,40,44,.5);
    -moz-box-shadow: 0 0 8px rgba(52,40,44,.5);
    -webkit-box-shadow: 0 0 8px rgba(52,40,44,.5);
}

.ui-box-shadow-all {
    box-shadow: 0 0 3px #888888;
    -webkit-box-shadow: 0 0 3px #888888;
    -moz-box-shadow: 0 0 3px #888888;
}

.ui-box-shadow-all-strong {
    border-color: #545454;
    box-shadow: 0 0 8px rgba(52,40,44,.5);
    -moz-box-shadow: 0 0 8px rgba(52,40,44,.5);
    -webkit-box-shadow: 0 0 8px rgba(52,40,44,.5);
}
/* .ui-corner-all-strong { border-radius: 5px !important; } */
.ui-corner-all-strong2 {
    border-radius: 10px !important;
}

.ui-corner-bottom-strong2 {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.ui-draggable-dragging-alt {
    color: #000;
    background-color: transparent;
    background-image: url('images/CloudIcon60x60.png');
    background-repeat: no-repeat;
    background-position: left top;
    height: 60px;
    width: 60px;
    border: 0;
    border-color: #545454;
    box-shadow: 0 0 8px rgba(52,40,44,0);
    -moz-box-shadow: 0 0 8px rgba(52,40,44,0);
    -webkit-box-shadow: 0 0 8px rgba(52,40,44,0);
}

.ui-dialog {
    transition: all 0s ease !important;
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
}

.ui-icon {
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_ffffff_256x240.png);
}
/* icons_004169*/
.ui-icon-green {
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_b2bc00_256x240.png);
}
/* icons_004169*/
.ui-icon-blue {
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_004169_256x240.png);
}

.ui-icon-red {
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-grey {
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_a8adb4_256x240.png);
}

.ui-iconDefault {
    width: 16px;
    height: 16px;
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_cccccc_256x240.png);
}

.ui-iconDefaultSelected {
    width: 16px;
    height: 16px;
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_b2bc00_256x240.png);
}

.ui-icon-deletebutton {
    display: inline;
    background-image: url(images/clear.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
    cursor: pointer;
}

.ui-icon-canemail {
    display: inline;
    background-image: url(images/canemail.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
    cursor: pointer;
}

.ui-icon-cantemail {
    display: inline;
    background-image: url(images/cantemail.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
    cursor: pointer;
}

.ui-icon-addcoldivider {
    display: inline;
    background-image: url(images/addColDivider.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
    cursor: pointer;
}

.ui-icon-removecoldivider {
    display: inline;
    background-image: url(images/removeColDivider.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
    cursor: pointer;
}

.ui-icon-closebutton {
    display: inline;
    background-image: url(images/clear.gif);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
    cursor: pointer;
}

.ui-icon-closebutton2 {
    background-image: url('images/popup/close.png');
    height: 30px;
    width: 30px;
}

.ui-icon-closebutton2:hover {
    -webkit-transform: scale(1.2, 1.2);
    cursor: pointer;
}

.ui-icon-refreshSmall {
    background-image: url('images/refresh-15.png');
    height: 15px;
    width: 15px;
}

.ui-icon-dateRangeSmall {
    background-image: url('images/calendar-15.png');
    height: 14px;
    width: 14px;
}

.ui-icon-dateRolloverSmall {
    background-image: url('images/clock.png');
    height: 14px;
    width: 14px;
}

.ui-icon-setupSmall {
    background-image: url('images/setup-16.png');
    height: 16px;
    width: 16px;
}

.ui-icon-reportSmall {
    background-image: url('images/Report-Summary-15.png');
    height: 15px;
    width: 15px;
}

.ui-icon-printSmall {
    background-image: url('images/print-16.png');
    height: 16px;
    width: 16px;
}

.ui-icon-pdfSmall {
    background-image: url('images/pdf-16.png');
    height: 16px;
    width: 16px;
}

.ui-icon-filterSmall {
    background-image: url('images/filter-16.png');
    height: 16px;
    width: 16px;
}

.ui-icon-saveSmall {
    background-image: url('images/save-16.png');
    height: 16px;
    width: 16px;
}

.ui-icon-deleteSmall {
    background-image: url('images/delete.gif');
    height: 16px;
    width: 16px;
}

.ui-icon-magnify {
    background-image: url('images/search_magnify_icon.gif');
    height: 15px;
    width: 15px;
}

.ui-icon-magnify-searchmode {
    background-image: url('images/search_magnify_icon.gif');
    height: 15px;
    width: 15px;
}

.ui-icon.ui-icon-ap-add, .ui-icon.ui-icon-ap-add:hover, .ui-icon.ui-icon-ap-add:active, .ui-icon.ui-icon-ap-add:focus {
    background-image: url('images/toolbar/newmo1.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-add, .ui-state-focus .ui-icon-ap-add, .ui-button:hover .ui-icon-ap-add, .ui-button:focus .ui-icon-ap-add {
    background-image: url("images/toolbar/newmo1.png");
}

.ui-icon.ui-icon-ap-edit {
    background-image: url('images/toolbar/editmo1.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-edit, .ui-state-focus .ui-icon-ap-edit, .ui-button:hover .ui-icon-ap-edit, .ui-button:focus .ui-icon-ap-edit {
    background-image: url("images/toolbar/editmo1.png");
}

.ui-icon.ui-icon-ap-del-issue {
    background-image: url('images/toolbar/delete.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-del-issue, .ui-state-focus .ui-icon-ap-del-issue, .ui-button:hover .ui-icon-ap-del-issue, .ui-button:focus .ui-icon-ap-del-issue {
    background-image: url("images/toolbar/delete.png");
}

.ui-icon.ui-icon-ap-del-action {
    background-image: url('images/toolbar/closesub.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-icon.ui-icon-ap-rapid-close {
    background-image: url('images/toolbar/multiclose.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-icon.ui-icon-ap-export-excel {
    background-image: url('images/toolbar/exportToExcel.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-export-excel, .ui-state-focus .ui-icon-ap-export-excel, .ui-button:hover .ui-icon-ap-export-excel, .ui-button:focus .ui-icon-ap-export-excel {
    background-image: url("images/toolbar/exportToExcel.png");
}

.ui-icon.ui-icon-ap-gantt {
    background-image: url('images/toolbar/ganttChart.png');
    height: 24px;
    margin-top: -11px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-gantt, .ui-state-focus .ui-icon-ap-gantt, .ui-button:hover .ui-icon-ap-gantt, .ui-button:focus .ui-icon-ap-gantt {
    background-image: url("images/toolbar/ganttChart.png");
}

.ui-icon.ui-icon-ap-report {
    background-image: url('images/toolbar/report.png');
    height: 24px;
    margin-top: -11px;
    margin-left: -11px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-report, .ui-state-focus .ui-icon-ap-report, .ui-button:hover .ui-icon-ap-report, .ui-button:focus .ui-icon-ap-report {
    background-image: url("images/toolbar/report.png");
}

.ui-icon.ui-icon-ap-dashboard {
    background-image: url('images/toolbar/dashboard.png');
    height: 24px;
    margin-top: -10px;
    margin-left: -11px;
    width: 24px;
}

.ui-state-hover .ui-icon-ap-dashboard, .ui-state-focus .ui-icon-ap-dashboard, .ui-button:hover .ui-icon-ap-dashboard, .ui-button:focus .ui-icon-ap-dashboard {
    background-image: url("images/toolbar/dashboard.png");
}

.ui-icon.ui-icon-de-report {
    background-image: url('images/toolbar/report.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-report, .ui-state-focus .ui-icon-de-report, .ui-button:hover .ui-icon-de-report, .ui-button:focus .ui-icon-de-report {
    background-image: url("images/toolbar/report.png");
}

.ui-icon.ui-icon-de-add {
    background-image: url('images/toolbar/newmo1.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-add, .ui-state-focus .ui-icon-de-add, .ui-button:hover .ui-icon-de-add, .ui-button:focus .ui-icon-de-add {
    background-image: url("images/toolbar/newmo1.png");
}

.ui-icon.ui-icon-de-edit {
    background-image: url('images/toolbar/editmo1.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-edit, .ui-state-focus .ui-icon-de-edit, .ui-button:hover .ui-icon-de-edit, .ui-button:focus .ui-icon-de-edit {
    background-image: url("images/toolbar/editmo1.png");
}

.ui-icon.ui-icon-de-del {
    background-image: url('images/toolbar/delete.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-del, .ui-state-focus .ui-icon-de-del, .ui-button:hover .ui-icon-de-del, .ui-button:focus .ui-icon-de-del {
    background-image: url("images/toolbar/delete.png");
}

.ui-icon.ui-icon-de-add-row {
    background-image: url('images/toolbar/addrowmo1.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-add-row, .ui-state-focus .ui-icon-de-add-row, .ui-button:hover .ui-icon-de-add-row, .ui-button:focus .ui-icon-de-add-row {
    background-image: url("images/toolbar/addrowmo1.png");
}

.ui-icon.ui-icon-de-export-excel {
    background-image: url('images/toolbar/exportToExcel.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-export-excel, .ui-state-focus .ui-icon-de-export-excel, .ui-button:hover .ui-icon-de-export-excel, .ui-button:focus .ui-icon-de-export-excel {
    background-image: url("images/toolbar/exportToExcel.png");
}

.ui-icon.ui-icon-de-import-excel {
    background-image: url('images/toolbar/addrowmo.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-import-excel, .ui-state-focus .ui-icon-de-import-excel, .ui-button:hover .ui-icon-de-import-excel, .ui-button:focus .ui-icon-de-import-excel {
    background-image: url("images/toolbar/addrowmo.png");
}

.ui-icon.ui-icon-de-toolbar-setup {
    background-image: url('images/toolbar/setup.png');
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-state-hover .ui-icon-de-toolbar-setup, .ui-state-focus .ui-icon-de-toolbar-setup, .ui-button:hover .ui-icon-de-toolbar-setup, .ui-button:focus .ui-icon-de-toolbar-setup {
    background-image: url("images/toolbar/setup.png");
}

.ui-icon.ui-icon-setup-dataentry {
    background-image: url('images/toolbar/dataentry.png');
    height: 30px;
    margin-top: -13px;
    margin-left: -15px;
    width: 30px;
}

.ui-state-hover .ui-icon-setup-dataentry, .ui-state-focus .ui-icon-setup-dataentry, .ui-button:hover .ui-icon-setup-dataentry, .ui-button:focus .ui-icon-setup-dataentry {
    background-image: url("images/toolbar/dataentry.png");
}

.ui-icon.ui-icon-setup-report {
    background-image: url('images/toolbar/report.png');
    height: 30px;
    margin-top: -11px;
    margin-left: -11px;
    width: 30px;
}

.ui-state-hover .ui-icon-setup-report, .ui-state-focus .ui-icon-setup-report, .ui-button:hover .ui-icon-setup-report, .ui-button:focus .ui-icon-setup-report {
    background-image: url("images/toolbar/report.png");
}

.ui-icon.ui-icon-dt-add {
    background-image: url('images/toolbar/newmo1.png') !important;
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-icon.ui-icon-dt-edit {
    background-image: url('images/toolbar/editmo1.png') !important;
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-icon.ui-icon-dt-del-issue {
    background-image: url('images/toolbar/delete.png') !important;
    height: 24px;
    margin-top: -12px;
    margin-left: -10px;
    width: 24px;
}

.ui-icon.ui-icon-dt-menu, .setupTheme .ui-icon.ui-icon-dt-menu {
    background-image: url(images/icon-downtime.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-user-menu, .setupTheme .ui-icon.ui-icon-user-menu {
    background-image: url(images/icon-user.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-bar, .setupTheme .ui-icon.ui-icon-report-bar {
    background-image: url(images/Report-Bar-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-shewhart, .setupTheme .ui-icon.ui-icon-report-shewhart {
    background-image: url(images/Report-Shewhart-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-line, .setupTheme .ui-icon.ui-icon-report-line {
    background-image: url(images/Report-Line-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-pie, .setupTheme .ui-icon.ui-icon-report-pie {
    background-image: url(images/Report-Pie-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-spider, .setupTheme .ui-icon.ui-icon-report-spider {
    background-image: url(images/Report-Spider-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-stackedbar, .setupTheme .ui-icon.ui-icon-report-stackedbar {
    background-image: url(images/Report-StackedBar-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-tab, .setupTheme .ui-icon.ui-icon-report-tab {
    background-image: url(images/Report-Tabular-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-crosstab, .setupTheme .ui-icon.ui-icon-report-tab {
    background-image: url(images/Report-Crosstab-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-summary, .setupTheme .ui-icon.ui-icon-report-summary {
    background-image: url(images/Report-Summary-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-pareto, .setupTheme .ui-icon.ui-icon-report-pareto {
    background-image: url(images/icon-pareto.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-histogram, .setupTheme .ui-icon.ui-icon-report-histogram {
    background-image: url(images/Report-Histogram-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-bubble, .setupTheme .ui-icon.ui-icon-report-bubble {
    background-image: url(images/Report-Bubble-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupDataTable, .setupTheme .ui-icon.ui-icon-report-setupDataTable {
    background-image: url(images/icon-datatable-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupKPIs, .setupTheme .ui-icon.ui-icon-report-setupKPIs {
    background-image: url(images/icon-kpi-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupKPIs-custom, .setupTheme .ui-icon.ui-icon-report-setupKPIs-custom {
    background-image: url(images/icon-kpi-custom.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupAreas, .setupTheme .ui-icon.ui-icon-report-setupAreas {
    background-image: url(images/icon-area-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupReport, .setupTheme .ui-icon.ui-icon-report-setupReport {
    background-image: url(images/icon-report-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupFields, .setupTheme .ui-icon.ui-icon-report-setupFields {
    background-image: url(images/icon-fields-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupComboFields, .setupTheme .ui-icon.ui-icon-report-setupComboFields {
    background-image: url(images/icon-combofields-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupTextFields, .setupTheme .ui-icon.ui-icon-report-setupTextFields {
    background-image: url(images/icon-textfields-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupDateFields, .setupTheme .ui-icon.ui-icon-report-setupDateFields {
    background-image: url(images/icon-datefields-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-setupCheckboxes, .setupTheme .ui-icon.ui-icon-report-setupCheckboxes {
    background-image: url(images/icon-checkboxes-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-ipadcount, .setupTheme .ui-icon.ui-icon-report-ipadcount {
    background-image: url(images/icon-ipadcount-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-ipadtristate, .setupTheme .ui-icon.ui-icon-report-ipadtristate {
    background-image: url(images/icon-ipadtristate-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-weeklysummary, .setupTheme .ui-icon.ui-icon-report-weeklysummary {
    background-image: url(images/icon-weeklysummary.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-comment, .setupTheme .ui-icon.ui-icon-report-comment {
    background-image: url(images/icon-commentsreport.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-custom, .setupTheme .ui-icon.ui-icon-report-custom {
    background-image: url(images/Report-Custom.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-corp, .setupTheme .ui-icon.ui-icon-report-corp {
    background-image: url(images/Report-Summary-20x20.png) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-dist, .setupTheme .ui-icon.ui-icon-report-dist {
    background-image: url(images/msg_unread.gif) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon.ui-icon-report-dist-disabled, .setupTheme .ui-icon.ui-icon-report-dist-disabled {
    background-image: url(images/msg_unread_disabled.gif) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding: 0 2px;
}

.ui-icon-changemanagement {
    background-image: url(images/icon-changemanagement-100x100.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-icon-datadictionary {
    background-image: url(images/icon-datadictionary-100x100.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-icon-activesession {
    background-image: url(images/icon-activesession-100x100.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-icon-setup-report {
    background-image: url(images/setup/icon-report-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-kpi {
    background-image: url(images/setup/icon-kpi-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-ri {
    background-image: url(images/setup/icon-ri-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-datatable {
    background-image: url(images/setup/icon-datatable-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-dataview {
    background-image: url(images/setup/icon-dataview-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-field {
    background-image: url(images/setup/icon-field-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-area {
    background-image: url(images/setup/icon-area-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-downtime {
    background-image: url(images/setup/icon-downtime-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-user {
    background-image: url(images/setup/icon-user-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-user-rights {
    background-image: url(images/setup/icon-user-rights-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-program {
    background-image: url(images/setup/icon-program-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-activesession {
    background-image: url(images/setup/activesession.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-email {
    background-image: url(images/setup/icon-email-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-email-group {
    background-image: url(images/setup/icon-email-group-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-ranges {
    background-image: url(images/setup/icon-ranges-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon-setup-extuser {
    background-image: url(images/setup/icon-extuser-100x100.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.ui-icon.ui-icon-setup-grey {
    background-image: url('images/setup-16-grey.png');
    height: 16px;
    width: 16px;
}

.ui-icon.ui-icon-setup-grey:hover {
    background-image: url('images/setup-16.png');
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.ui-icon-left {
    float: left;
}

.ui-icon-right {
    float: right;
}

.ui-icon.ui-icon-site {
    background-image: url(images/DataEntryIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-folder {
    background-image: url(images/icon-folder-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-dataentry, .setupTheme .ui-icon.ui-icon-dataentry {
    background-image: url(images/DataEntryIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-dataview, .setupTheme .ui-icon.ui-icon-dataview {
    background-image: url(images/DataViewIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-dataimport, .setupTheme .ui-icon.ui-icon-dataimport {
    background-image: url(images/DataImportIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-datalookup, .setupTheme .ui-icon.ui-icon-datalookup {
    background-image: url(images/DataLookupIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-dashboard, .setupTheme .ui-icon.ui-icon-dashboard {
    background-image: url(images/DashboardIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-icon-multidashboard, .setupTheme .ui-icon.ui-icon-multidashboard {
    background-image: url(images/DashboardMultiIcon-20x20.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}

.ui-icon.ui-skip-back {
    background-image: url(images/Play-Skip-Back-40x40.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    padding: 0;
}

.ui-icon.ui-skip-forward {
    background-image: url(images/Play-Skip-Forward-40x40.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    padding: 0;
}

.ui-icon.ui-arrow-left {
    background-image: url(images/Play-Back-40x40.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    padding: 0;
}

.ui-icon.ui-arrow-right {
    background-image: url(images/Play-Normal-40x40.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    padding: 0;
}

.ui-icon.ui-print-normal {
    background-image: url('images/print.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-pdf-normal {
    background-image: url('images/pdf.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-ap-normal {
    background-image: url('images/ap.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-excel-normal {
    background-image: url('images/excel.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-setup-normal {
    background-image: url('images/setup-16.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
    float: right;
}

.ui-icon.ui-saveComments-normal {
    background-image: url('images/savecomments.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-previousDT {
    background-image: url('ImagesNavBar/previcon_blue.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-previousDT:hover {
    background-image: url('ImagesNavBar/previcon_green.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-previousDT.greyout {
    background-image: url('ImagesNavBar/previcon_grey.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

.ui-icon.ui-nextDT {
    background-image: url('ImagesNavBar/nexticon_blue.png') !important;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    padding: 0;
}

    .ui-icon.ui-nextDT:hover {
        background-image: url('ImagesNavBar/nexticon_green.png') !important;
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        padding: 0;
    }

    .ui-icon.ui-nextDT.greyout {
        background-image: url('ImagesNavBar/nexticon_grey.png') !important;
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        padding: 0;
    }

.ui-icon-late {
    background-image: url(Images/late.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
    padding: 0;
}

.ui-icon-new {
    background-image: url(Images/NewItem.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
    padding: 0;
}

.ui-icon-flag {
    height: 12px;
    width: 12px;
    padding: 0;
}

.ui-icon-flag-red {
    background-image: url(Images/flag_red.gif);
    background-repeat: no-repeat;
}

.ui-icon-flag-none {
    background-image: url(Images/flag_none.gif);
    background-repeat: no-repeat;
}

.ui-icon-ap-late {
    background-image: url(Images/apLate-24.png);
    background-repeat: no-repeat;
}

.ui-icon-ap-complete {
    background-image: url(Images/apComplete-24.png);
    background-repeat: no-repeat;
}

.ui-icon-button {
    cursor: pointer;
}

    .ui-icon-button:hover {
        opacity: 0.5;
    }

.inner_text_shadow {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .75);
}

.ui-background-color1 {
    background-color: whitesmoke;
}

.ui-button {
    cursor: pointer;
}

.ui-delete {
    background: #c11b17;
    color: #ffffff;
    border: 1px solid #c11b17 !important;
}

.ui-delete:hover {
    background: #c24641;
    color: #ffffff;
}

.ui-delete:focus {
    background: #c11b17;
    background-image: none !important;
    color: #ffffff;
}

.ui-delete:active {
    background-color: #b22222;
    background-image: none !important;
    color: #ffffff;
}

.ui-title-large {
    font-size: 1.5em;
}

.ui-title-larger {
    font-size: 2em;
}

.ui-title {
    text-align: center;
    clear: both;
    font-weight: bold;
}

.ui-title-color {
    color: #004169;
}

.ui-title-left {
    text-align: left;
    float: left;
}

.ui-title-fullWidth {
    width: 100%;
    padding-left: 5px;
}

.ui-font-small {
    font-size: 0.8em;
}

.ui-font-small-container {
    line-height: 1.4em;
    height: 1.4em;
}

.ui-font-alert-color {
    color: #ff0000;
}

.ui-header {
    padding: 0.5em 0em;
}

.ui-ongoing-color, .ui-widget-content.ui-ongoing-color {
    color: #387C44;
}

.ui-ongoing-color-background, .ui-widget-content.ui-ongoing-color-background {
    background: #D8E4BC;
}

.ui-late-color, .ui-widget-content.ui-late-color {
    color: #E55451;
}

.ui-late-color-background, .ui-widget-content.ui-late-color-background {
    background: #E6B8B7;
}

.ui-completed-color, .ui-widget-content.ui-completed-color {
    color: #153E7E;
}

.ui-completed-color-background, .ui-widget-content.ui-completed-color-background {
    background: #B8CCE4;
}

.ui-awaitingreview-color-background, .ui-widget-content.ui-awaitingreview-color-background {
    background: #F1951C;
    color: white !important;
}

.ui-bgcolor1, .ui-widget-content.ui-bgcolor1 {
    background: #B5EAAA;
    color: #000000 !important;
}

.ui-bgcolor2 {
    background: #C6DEFF;
}

.ui-bgOnGoing {
    background: #387c44;
}

.ui-bgLate {
    background: #e55451;
}

.ui-bgComplete {
    background: #153e7e;
}

.ui-bgAwaitingApproval, .ui-widget-content.ui-bgAwaitingApproval {
    background: #FFFF00;
    color: #000000 !important;
}

.ui-bgAwaitingReview, .ui-widget-content.ui-bgAwaitingReview {
    color: #F1951C !important;
}

.ui-bgMissingInfo {
    background-color: #FFEFD5;
}

.ui-bgcolor1Text {
    color: #B5EAAA;
}

.ui-bgOnGoingText {
    color: #387c44;
}

.ui-bgLateText {
    color: #e55451;
}

.ui-bgCompleteText {
    color: #153e7e;
}

/* change jqgrid formating for us */
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    white-space: normal !important;
}

.ui-jqgrid .ui-jqgrid-htable th div { /* height: 40px !important; */
}

.ui-jqgrid tr.ui-row-ltr td {
    white-space: nowrap !important;
}

.ui-jqgrid .subgrid-data .ui-th-column {
    text-shadow: none;
    background: #CCC;
    border-color: #a8adb4;
    color: #444;
}

.ui-selected {
    background: #aaa !important;
}

.ui-selected-dynamic-report {
    background: #336699 !important;
}

.ui-sortable {
    transition: all 0s ease !important;
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
}

.simplelistbox {
    overflow-y: auto;
    overflow-x: visible;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 3px;
    border-color: rgba(150,150,150,.75);
    box-shadow: 0 0 8px rgba(150,150,150,.25);
    max-width: 280px;
}

.ui-transition-on {
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

.ui-transition-off {
    transition: all 0s ease !important;
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
}

.ui-transition-opacity-on {
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.ui-transition-opacity-off {
    transition: opacity 0s ease;
    -webkit-transition: opacity 0s ease;
    -moz-transition: opacity 0s ease;
    -o-transition: opacity 0s ease;
}

.rSetupDropDown {
    min-width: 50%;
    margin: 0;
}

.rSetupDropDownRight {
    min-width: 29%;
    margin: 0;
}

.rSetupTitle {
    max-width: 100%;
}

.setupTheme .fg-menu-breadcrumb {
    display: none;
}

.modalHyperlink {
    padding-left: 2px;
    color: blue;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}

tr.WhereConditionRow td {
    border-bottom: 1px dotted #b2bc00;
    padding-bottom: 8px;
}

tr:last-child.WhereConditionRow td {
    border-bottom: none;
}

.upper {
    vertical-align: top;
}

.verticalLine {
    border-left: 1px dotted gray;
    padding: 8px 0 0 0;
}

.listSearch {
    background: black;
    color: white;
    padding-left: 2px;
    text-align: left;
    min-width: 110px;
}

.listSearch input {
    width: 53%;
    margin: 2px 0;
}

li:first-child span.ui-tabs-close {
    display: none !important;
}

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

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

.cellPadTop4 {
    padding-top: 4px;
}

.cellColourRed {
    color: #e55451;
    font-weight: bold;
}

.cellColourRedCT {
    color: #e55451;
    font-weight: bolder;
}

.cellColourGreenCT {
    color: #409a51;
    font-weight: bolder;
}

.rsSDChart {
    width: 22%;
    height: 100px;
    border: 2px dashed #a8adb4;
    margin-top: 10px;
    margin-left: 1%;
    margin-right: 1%;
    background-repeat: no-repeat;
    background-position: center;
}

#rsSDChartConfig table tr td {
    padding-bottom: 6px;
}

#rsSWChartConfig table tr td {
    padding-bottom: 6px;
}

.close-image {
    display: block;
    float: right;
    position: relative;
    top: -10px;
    right: -10px;
    height: 20px;
    z-index: 10000;
}

.lockDate {
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.lockDateUnlocked {
    background: url('images/lock-icon-20-light.png') no-repeat 50% 50%;
}

.lockDateLocked {
    background: url('images/lock-icon-20-dark.png') no-repeat 50% 50%;
}

.ChartConfigError {
    color: red;
    display: none;
}

/* Left Navigation Panel */
#leftnavButtons {
    width: 50px;
    padding-left: 2px;
}

.leftnavButton {
    margin-top: 12px;
}

/* Action Plan Div */
#APDashPanelSummary {
    height: 120px;
}

#APDashPanelSummaryInfo {
    display: inline-block;
    vertical-align: top;
}

#APDashPanelSummaryChart {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    float: right;
    margin-top: -2px;
}

#APDashPanelDetail {
    margin-left: 4px;
    height: 200px;
}

#APDashApprovalDetail, #APDashAssignedDetail {
    height: 176px;
}

#APDashDetailApproval, #APDashDetailAssigned {
    height: 50%;
}

#APDashApprovalDetailImg, #APDashAssignedDetailImg {
    display: inline-block;
    height: 30px;
}

#APDashApprovalDetailLabel, #APDashAssignedDetailLabel {
}

#APDashApprovalDetailBackLink, #APDashAssignedDetailBackLink {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    cursor: pointer;
}

#StartPageAPApprovalRequiredRepeater, #StartPageCurrentActionPlanRepeater {
    height: 140px;
    margin-left: 2px;
}

.APDashPanelSummaryCount {
    display: inline-block;
    width: 20px;
    text-align: right;
    font-family: Calibri;
    font-size: 13px;
    font-weight: bold;
}

.APDashPanelSummaryLabel {
    display: inline-block;
    width: 149px;
    margin-left: 6px;
    font-family: Calibri;
    font-size: 13px;
    font-weight: bold;
}

.APDashPanelSummaryIndent { /*padding-left: 12px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.APDashPanelSummaryGrey {
    color: #A8ADB4;
}

.APDashParagraph {
    -webkit-margin-before: 0;
    margin-top: 0;
    margin-bottom: 4px;
}

.APDashPanelLegend {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 2px;
}

.dashboardContentDiv {
    overflow: hidden;
    overflow-x: hidden !important;
}

.dashboardScrollable {
    overflow-y: auto;
    overflow-x: hidden;
}

.dashboardMoreLink {
    color: #B2Bc00;
    font-style: italic;
    font-weight: bold;
    font-family: Calibri;
    cursor: pointer;
}

.dashboardMoreLink:hover {
    text-decoration: underline;
}

.dashboardSubHeader {
    display: inline-block;
    color: #A8ADB4;
    font-style: italic;
    font-weight: bold;
    font-family: Calibri;
    font-size: 14px;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 2px;
}

.dashboardBackLink {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: 4px;
    margin-right: 4px;
    color: #B2Bc00;
    font-style: italic;
    font-weight: bold;
    font-family: Calibri;
    cursor: pointer;
}

.dashboardTitleBar {
    height: 24px;
}

.dashboardDetailImg:hover {
    cursor: pointer;
}

.dashboardNotificationName {
    z-index: 0;
    float: left;
    width: 10px;
}

.dashboardSubTitle {
    font-size: 10px;
    color: #a8adb4;
    font-weight: bold;
    text-align: center;
    margin-bottom: -2px;
    display: block;
}

/* KPI Snapshot Div */
.kpiSnapshotItem {
    width: 366px;
    display: inline-block;
    min-height: 28px;
    vertical-align: bottom;
    margin-left: 3px;
    margin-bottom: 8px;
}

.kpiSnapshotLink {
    display: inline-block;
    width: 149px;
    text-decoration: none;
    word-wrap: break-word;
    margin-left: 4px;
}

.kpiSnapshortGroupHeader {
    font-size: 15px;
    font-weight: bold;
    margin-top: 4px;
}

.recentItemsReportLink, .recentItemsDataLink {
    display: inline-block;
    width: 149px;
    text-decoration: none;
    word-wrap: break-word;
}

.kpiSnapshotLink:hover {
    text-decoration: underline;
}

.kpiSnapshotResult {
    display: inline-block;
    width: 60px;
    text-align: right;
}

.kpiSnapshotResultValue {
    font-size: 16px;
    text-align: right;
    margin-bottom: -2px;
}

.kpiSnapshotResultDate {
    font-size: 9px;
    color: #a8adb4;
    font-weight: bold;
    text-align: right;
}

.kpiSnapshotArea {
    font-size: 10px;
    color: #a8adb4;
    font-weight: bold;
    text-align: left;
    margin-bottom: -2px;
}

.kpiSnapshotName {
    display: inline-block;
    width: 149px;
}

.kpiSnapshotSparkline {
    display: inline-block;
    width: 124px;
    height: 30px;
}

.kpiSnapshotSparklineChart {
    top: 2px;
}

.kpiSnapshotHighlight {
    color: #e55451;
}

.SnapshotArea {
    margin-left: 3px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    color: #004169;
}

#KPISnapshotDashboardContent {
    overflow-y: auto;
}

#KPISnapShotRepeaterDiv {
    font-family: Calibri;
}

#btnAddKPIFav, #btnAddReportFav {
    height: 15px;
    margin-right: 4px;
}

.trendDashboardReport {
    width: 230px;
    height: 200px;
    text-align: center;
    overflow: hidden;
    margin: 5px 5px 40px 10px;
}

.graphContainer {
    margin-bottom: 40px;
}

#DashboardTrendsContainer * {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

/* Notification Div */
.dashboardNotificationGroup {
    height: 25%;
}

.dashboardRecentItemsGroup {
    height: 50%;
}

#NotificationSummary {
    height: 100%;
}

.deEntryRequiredLinks, .deCommentRequiredLinks, .dataViolationLink, .downtimeEntryRequiredLinks {
    float: right;
    padding-left: 4px;
    z-index: 1000;
    background-color: white;
}

.dataEntryRequiredItem, .dataCommentRequiredItem, .kpiViolationItem, .downtimeEntryRequiredItem, .recentItemsItem {
    display: inline-block;
    white-space: nowrap;
    width: 98%;
}

#lblSetupMenuTitle {
    font-size: 14px;
    color: white;
    font-weight: bold;
}

#setupMenuCtrlPnlLink, #KPIMenuDashboardLink, #DataMenuDashboardLink, #APDataLink, #DTDataLink, #DashboardSetupLink, #DashboardMultiViewSetupLink {
    font-size: 11px;
    color: #b2bc00;
    font-weight: bold;
    text-decoration: none;
}

    #setupMenuCtrlPnlLink:hover, #KPIMenuDashboardLink:hover, #DataMenuDashboardLink:hover, #APDataLink:hover, #DTDataLink:hover, #DashboardSetupLink:hover, #DashboardMultiViewSetupLink:hover {
        text-decoration: underline;
    }

#loginPanel {
    background: white;
    width: 800px;
    height: 600px;
    margin-bottom: 200px;
    margin-left: auto;
    margin-right: auto;
}

#loginControl {
    width: 480px;
    height: 240px;
    background: whitesmoke;
    border: 1px solid #ddd;
    margin-left: auto;
    margin-right: auto;
    padding-top: 48px;
    padding-bottom: 18px;
    box-shadow: 0 0 12px #ddd;
    -moz-box-shadow: 0 0 12px #ddd;
    -webkit-box-shadow: 0 0 12px #ddd;
    border-radius: 10px !important;
}

#inciteLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}

#mainLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    margin-top: 12px;
}

#ServerDropDownList {
    margin-left: auto;
    margin-right: auto;
}

.loginLabel {
    margin-left: 100px;
    font-family: Calibri;
    font-size: 16px;
}

.RememberLabel {
    font-family: Calibri;
    font-size: 16px;
}

.loginDropdown {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 12px;
    width: 280px;
}

#Persist {
    margin-top: 12px;
}

#lnkForgotPassword {
    color: #b2bc00;
}

.apGridFilterItems {
    font-family: Calibri;
    font-size: 14px;
}

#AccordContentAp, #AccordContentDt {
    border-radius: 3px;
}

.notificationTitleDiv, .notificationTitleDivDetail {
    float: left;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.notificationSubtitle {
    padding-left: 8px;
    color: #A8ADb4;
}

.dashboardpin {
    display: inline-block;
    width: 16px;
    float: right;
}

.dashboardpin:hover {
    cursor: pointer;
}

#lblLiveView {
    color: #666666;
    font-weight: bold;
    font-size: 16px;
}

#lnkLiveView {
    color: #004169;
    text-decoration: none;
    padding-bottom: 6px;
}

#lnkLiveView:hover {
    color: #004169;
    text-decoration: underline;
}

#lnkLiveDashboards {
    color: #004169;
    text-decoration: none;
}

#lnkLiveDashboards:hover {
    color: #004169;
    text-decoration: underline;
}

.dashboardpin:hover {
    cursor: pointer;
}

/* Notifications Menu */
.notificationBodyData {
    border-bottom: 1px solid rgba(100, 100, 100, .4);
    padding: 10px;
}

.notificationBodyData:hover {
    background-color: #f5f5f5;
}

.notificationBodyDataImage {
    float: left;
}
.notificationBodyDataTitle {
    text-align: left;
    display: block;
    margin-left: 55px;
    font-weight: bold;
    margin-bottom: 5px;
}
.notificationBodyDataDate {
    display: inline-block;
    margin-left: 25px;
    text-align: left;
    font-size: 11px;
    color: gray;
    font-weight: bold;
    float: left;
}
.notificationBodyDataSubtitle {
    display: inline-block;
    font-size: 11px;
    color: gray;
    float: left;
    margin-left: 10px;
}
.notificationBodyDataSite {
    display: inline-block;
    text-align: left;
    font-size: 11px;
    color: gray;
    font-weight: bold;
    margin-right: 10px;
}

.deEntryRequiredNotificationLinks, .deCommentRequiredNotificationLinks, .dataViolationNotificationLinks, .downtimeEntryRequiredNotificationLinks {
    cursor: pointer;
}

.notificationFilter {
    width: 19%;
    text-align: center;
    display: inline-block;
}
.notificationFilterSelector {
    height: 0.25em;
    width: 20%;
    margin: 0;
    background: #004169;
    border: none;
    text-align: left;
    transition: .3s ease-in-out;
}

.allNotificationsFilter:hover ~ hr {
    margin-left: 0%;
}

.dataEntryNotificationsFilter:hover ~ hr {
    margin-left: 20%;
}

.KPINotificationsFilter:hover ~ hr {
    margin-left: 40%;
}

.commentsNotificationsFilter:hover ~ hr {
    margin-left: 60%;
}

.downtimeNotificationsFilter:hover ~ hr {
    margin-left: 80%;
}
#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 42px;
    margin-left: 194px;
    width: 400px;
    z-index: 1000;
    display: none;
}

#notificationContainer:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent #e9eaed;
    margin-top: -20px;
    margin-left: 271px;
}

#notificationTitle, #searchResultTitle {
    background-color: #e9eaed;
    font-weight: bold;
    text-align: left;
    padding: 3px 0 0 0;
    font-size: 13px;
    border-bottom: 1px solid #dddddd;
}
.notificationsBody, .searchResultsBody {
    max-height: 385px;
    overflow: auto;
}
#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    font-size: 12px;
    border-top: 1px solid #dddddd;
}
.notificationCounter {
    padding: 3px 5px 3px 5px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    margin-left: -20px;
    border-radius: 9px;
    position: absolute;
    margin-top: -6px;
    font-size: 9px;
}
.notificationCounterSub {
    padding: 3px 5px 3px 5px;
    background: #ffffff;
    color: #000000;
    margin-left: -6px;
    border-radius: 9px;
    border-color: black;
    border: solid;
    border-width: 1px;
    position: absolute;
    margin-top: -6px;
    font-size: 9px;
}

#searchResultContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 42px;
    margin-left: 194px;
    width: 400px;
    z-index: 1000;
    display: none;
}

#searchResultContainer:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent #e9eaed;
    margin-top: -20px;
    margin-left: 240px;
}

.searchResultFilter {
    width: 24%;
    text-align: center;
    display: inline-block;
}

.searchResultFilterSelector {
    height: 0.25em;
    width: 25%;
    margin: 0;
    background: #004169;
    border: none;
    text-align: left;
    transition: .3s ease-in-out;
}

.searchResultBodyDataTitle {
    text-align: left;
    display: block;
    margin-left: 35px;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.searchResultBodyDataTitle:hover {
    text-decoration: underline;
}

.searchResultBodyDataTitle:hover {
    text-decoration: underline;
}

.searchResultBodySiteTitle {
    text-align: left;
    display: block;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
}

/* Data Entry */
#DataEntryLegend {
    visibility: hidden;
    display: inline;
}

/* Combobox */
.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-button, .custom-combobox-button:hover, .custom-combobox-button:active, .custom-combobox-button:focus {
    position: absolute;
    top: 25%;
    bottom: 0;
    margin-left: -17.52px;
    padding: 0;
    padding-left: 14.5px;
    height: 10px;
    width: 0;
    border: none !important;
    background-image: url('images/icon-combobox-user.gif') !important;
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.custom-combobox-input { padding-left: 4px; border-radius: 3px; border: 1px solid #ccc; outline:none; border-color:rgba(150,150,150,.75)!important; box-shadow:0 0 8px rgba(150,150,150,.5);-moz-box-shadow:0 0 8px rgba(150,150,150,.5);-webkit-box-shadow:0 0 8px rgba(150,150,150,.5);}
.custom-combobox-input:focus { border-radius: 3px; outline:none; border-color:rgba(25,84,120,.75)!important; box-shadow:0 0 8px rgba(130,162,181,.5);-moz-box-shadow:0 0 8px rgba(130,162,181,.5);-webkit-box-shadow:0 0 8px rgba(130,162,181,.5); }
.custom-combobox-input:disabled { background-color: white; }
ul.ui-autocomplete { border: 0.75px solid #7A9CD3; }

.custom-combobox-input {
    padding-left: 4px;
    border-radius: 3px;
    border: 1px solid #ccc;
    outline: none;
    border-color: rgba(150,150,150,.75) !important;
    box-shadow: 0 0 8px rgba(150,150,150,.5);
    -moz-box-shadow: 0 0 8px rgba(150,150,150,.5);
    -webkit-box-shadow: 0 0 8px rgba(150,150,150,.5);
}

    .custom-combobox-input:focus {
        border-radius: 3px;
        outline: none;
        border-color: rgba(25,84,120,.75) !important;
        box-shadow: 0 0 8px rgba(130,162,181,.5);
        -moz-box-shadow: 0 0 8px rgba(130,162,181,.5);
        -webkit-box-shadow: 0 0 8px rgba(130,162,181,.5);
    }

    .custom-combobox-input:disabled {
        background-color: white;
    }

ul.ui-autocomplete {
    border: 0.75px solid #7A9CD3;
}

/* Option Path Widget */
.OptionPathWidgetHandle {
    color: #32739b;
    font-weight: bold;
    font-family: Calibri;
    font-size: 11pt;
    padding: 2px;
}

.OptionPathWidgetHandle:hover {
    color: #649bcd;
    cursor: pointer;
}

.OptionPathWidgetLabel {
    color: #649bcd;
    font-weight: bold;
    font-family: Calibri;
    font-size: 11pt;
    padding: 2px;
    padding-left: 1px;
}

.OptionPathWidgetLabelContainer {
    white-space: nowrap;
    background-color: white;
    padding-top: 0;
}

.OptionPathWidgetContainer {
    padding: 0;
    padding-top: 1px;
    border-color: #aaaaaa;
}

.OptionPathWidgetHighlight {
    color: orange;
}

.OptionPathWidgetOuterDiv {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px;
    margin: 1px;
    border-radius: 4px;
}

/* AP Reports */

.apListParentID:hover, .apWorkloadOngoing:hover, .apWorkloadLate:hover, .apWorkloadDue7:hover,
.apWorkloadDue14:hover, .apWorkloadDueLater:hover, .apWorkloadComplete:hover {
    cursor: pointer;
    text-decoration: underline;
}

.apListParentID {
    font-weight: bold;
}

.taskApContextMenu:hover, .projApContextMenu:hover {
    cursor: pointer;
    text-decoration: underline;
}

.taskApTileContextMenu:hover, .projApTileContextMenu:hover {
    cursor: pointer;
    text-decoration: underline;
}

.apContextMenuTooltipContainer {
    border: 1px solid #004169;
}

.apReportIDCell {
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    border: none;
}

.apReportTitleCell {
    text-align: left;
    vertical-align: top;
    font-size: 20px;
    font-weight: bold;
    color: #004169;
    border-bottom: 2px solid #b2bc00;
    background-color: white;
}

.apReportFieldNameCell {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 4px 0;
}

.apReportFieldDataCell {
    text-align: left;
    vertical-align: top;
    padding: 4px 0;
}

.apReportStatusNameCell, .apReportEmptyCell {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 4px 0;
    border-bottom: none;
}

.apReportStatusTableCell {
    padding: 4px 0;
    border-bottom: none;
}

.apRptStatusPct {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding: 4px 0;
}

.apRptStatusDate {
    text-align: left;
    vertical-align: top;
    padding: 4px 0;
}

.apRptStatusUser {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 4px 0;
}

.apRptStatusUpdate {
    text-align: left;
    vertical-align: top;
    padding: 4px 0;
    border-bottom: 1px solid #E5E5F0;
}

.apReportNoBorder {
    border: none;
    padding: 3px 0;
}

.apReportTopBorder {
    border-bottom: none;
    border-top: 1px solid #E5E5F0;
    padding: 2px 0;
}

.apReportDetailNameCell {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 2px 0;
    border: none;
}

.apReportDetailDataCell {
    text-align: left;
    vertical-align: top;
    padding: 2px 0;
    border: none;
}

.apReportDetailDataCell p { margin-block: 0; }

.apActionListGroupHeader {
    padding-left: 5px;
    font-weight: bold;
    border-top: 1px solid #b2bc00;
    border-bottom: 1px solid #b2bc00;
    background-color: #ddd;
}

.apActionListGroupSummary {
    padding-right: 5px;
    text-align: right;
    border-top: 1px solid #b2bc00;
    border-bottom: 1px solid #b2bc00;
    color: #666666;
    background-color: #ddd;
}

.apActionListTotalSummary {
    padding-right: 5px;
    text-align: right;
    color: #ffffff;
    background-color: #004169;
}

.apActionListTotalHeader {
    padding-left: 5px;
    font-weight: bold;
    color: #ffffff;
    background-color: #004169;
}

.apReportProjSummaryDataCell, .apReportProjDetailTaskCell {
    padding: 3px 0;
}

.apReportProjDetailParentCell {
    padding: 3px 0;
    font-weight: bold;
    border-bottom: 1px solid #b2bc00;
    background: #ddd;
}

.apReportProjDetailIntermediateCell {
    padding: 3px 0;
    font-weight: bold;
    border-bottom: 1px solid #b2bc00;
    background: #fff;
}

.padLeft1 {
    padding-left: 12px;
}

.padLeft2 {
    padding-left: 24px;
}

.padLeft3 {
    padding-left: 36px;
}

.padLeft4 {
    padding-left: 48px;
}

.TabularDataRow:hover {
    background-color: #dfefff;
}

.apContextMenuDiv, .apTileContextMenuDiv {
    display: block;
    padding: 4px 6px;
}

.apContextMenuDiv:not(:last-child), .apTileContextMenuDiv:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.apContextMenuDiv:hover, .apTileContextMenuDiv:hover {
    cursor: pointer;
    background-color: #dfefff;
}

.apContextMenuLink, .apTileContextMenuLink {
    text-decoration: none;
    font-family: Calibri;
    font-size: 10pt;
}

.apContextMenuDetailLink, .apContextMenuGanttChartLink, .apContextMenuEditLink {
    text-decoration: none;
    font-family: Calibri;
    font-size: 10pt;
}

.qtip-title {
    font-family: Calibri;
    font-size: 10pt;
    padding: 2px 6px !important;
}

.apGanttTooltip {
    position: relative;
    font-family: Calibri;
    font-size: 10pt;
}

.apGanttTooltipTitle {
    background: rgb(225, 225, 225);
    padding: 2px 6px;
    font-weight: bold;
    width: 300px;
}

.apGanttTooltipDetail {
    display: inline-block;
    padding: 2px 6px;
}

.apGanttTooltipFieldName {
    display: inline-block;
    padding: 2px 6px;
    font-weight: bold;
    width: 76px;
}

.apGanttTooltipLink {
    display: inline-block;
    padding: 2px 6px;
    width: 92px;
    color: #a8adb4;
}

    .apGanttTooltipLink:hover {
        cursor: pointer;
        color: #004169;
    }

svg {
    overflow: visible !important;
}

.highcharts-container {
    overflow: visible !important;
}

#rcTabs li .ui-icon-close {
    background-image: url(jQuery/themes/custom-theme2/images/ui-icons_a8adb4_256x240.png);
    float: left;
    margin: 0.4em 0.2em 0 0;
    cursor: pointer;
}

/* New V3.2 Filter */
.FilterSectionHeader, .dtrfSectionHeader, .aprfSectionHeader {
    color: black;
    line-height: 2em;
    font-size: 11pt;
    text-align: center;
    border: 1px solid;
    border-radius: 4px;
}

.FilterSectionContent, .dtrfSectionContent, .aprfSectionContent {
    color: black;
    max-height: 540px;
    background: rgba(238, 238, 238, 0.7);
}

.apProjDetTopLevel {
    border-style: solid;
    border-color: #000000;
    border-width: 1px 1px 0px 1px;
    margin-bottom: 2px;
    font-family: Calibri;
    font-size: 11pt;
}

.apProjDetLeftBorder {
    display: table-cell;
    width: 6px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.apProjDetContent {
    display: table-cell;
    vertical-align: top;
}

.apProjDetColumnName {
    display: table-cell;
    font-weight: bold;
    padding-left: 6px;
    padding-bottom: 2px;
    vertical-align: top;
}

.apProjDetColumnValue {
    display: table-cell;
    padding-left: 6px;
    vertical-align: top;
}

.apProjDetLeftColName, .apProjDetRightColName, .apProjDetRightColValue {
    display: table-cell;
    vertical-align: top;
}

.apProjDetDateColName, .apProjDetDateColValue {
    display: table-cell;
    vertical-align: top;
}

.apProjDetLeftColValue {
    display: table-cell;
    vertical-align: top;
}

.apProjDetDateColValue {
    display: table-cell;
    padding-right: 6px;
    vertical-align: top;
}

.apProjDetLeftTable {
    display: table-cell;
    border-bottom: 1px solid #000000;
    vertical-align: top;
}

.apProjDetRightTable {
    display: table-cell;
    border-bottom: 1px solid #000000;
    vertical-align: top;
}

.apProjDetDateTable {
    display: table-cell;
    border-bottom: 1px solid #000000;
    vertical-align: top;
}

.apProjDetDateColumnValue {
    display: table-cell;
    text-align: right;
    font-family: monospace;
    font-size: 10pt;
    vertical-align: top;
}

.apProjDetChildren {
    background-color: #FFFFFF;
}

.apProjDetStatusIcon {
    display: table-cell;
    width: 26px;
    height: 18px;
}

.apProjDetIconLate {
    background-image: url('Images/apLate-24.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.apProjDetIconComp {
    background-image: url('Images/apComplete-24.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.apProjDetStatusUpdateDate {
    display: table-cell;
    width: 96px;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
}

.apProjDetStatusUpdateName {
    padding-right: 6px;
    font-weight: bold;
    color: #333333;
}

.apProjDetStatusUpdateText {
    display: table-cell;
    padding-left: 16px;
}

.apProjDetStatusUpdateProgress {
    display: table-cell;
    width: 30px;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
    text-align: right;
}

.downtimeParetoGroup {
    color: #66778A;
    font-size: 11px;
}

.apProjDetTopLevel p {
    margin-block: 0 !important;
}