@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*!
 *  JDA Font CSS 1.2.0 by JDA
 *  Some SCSS/CSS utility methods taken with MIT license from Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'JDAIconsFamily-Regular';
  src: url("../../fonts/JDAIconsFamily-Regular.otf?v=1.2.0");
  src: url("../../fonts/JDAIconsFamily-Regular.eot?#iefix&v=1.2.0") format("embedded-opentype"), url("../../fonts/JDAIconsFamily-Regular.woff?v=1.2.0") format("woff"), url("../../fonts/JDAIconsFamily-Regular.ttf?v=1.2.0") format("truetype"), url("../../fonts/JDAIconsFamily-Regular.svg?v=1.2.0#JDAIconsFamily-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/roboto-v18-latin-300.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("../../fonts/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto-v18-latin-300.woff2") format("woff2"), url("../../fonts/roboto-v18-latin-300.woff") format("woff"), url("../../fonts/roboto-v18-latin-300.ttf") format("truetype"), url("../../fonts/roboto-v18-latin-300.svg#Roboto") format("svg");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/roboto-v18-latin-regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("../../fonts/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("../../fonts/roboto-v18-latin-regular.woff") format("woff"), url("../../fonts/roboto-v18-latin-regular.ttf") format("truetype"), url("../../fonts/roboto-v18-latin-regular.svg#Roboto") format("svg");
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/roboto-v18-latin-italic.eot");
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../../fonts/roboto-v18-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto-v18-latin-italic.woff2") format("woff2"), url("../../fonts/roboto-v18-latin-italic.woff") format("woff"), url("../../fonts/roboto-v18-latin-italic.ttf") format("truetype"), url("../../fonts/roboto-v18-latin-italic.svg#Roboto") format("svg");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/roboto-v18-latin-500.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../../fonts/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto-v18-latin-500.woff2") format("woff2"), url("../../fonts/roboto-v18-latin-500.woff") format("woff"), url("../../fonts/roboto-v18-latin-500.ttf") format("truetype"), url("../../fonts/roboto-v18-latin-500.svg#Roboto") format("svg");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/roboto-v18-latin-700.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../../fonts/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../../fonts/roboto-v18-latin-700.woff2") format("woff2"), url("../../fonts/roboto-v18-latin-700.woff") format("woff"), url("../../fonts/roboto-v18-latin-700.ttf") format("truetype"), url("../../fonts/roboto-v18-latin-700.svg#Roboto") format("svg");
}
.jf, .j-graphic-space, .j-graphic-add, .j-graphic-add-btn, .j-graphic-add-comment, .j-graphic-add-favorites, .j-graphic-add-folder, .j-graphic-alert-require-field, .j-graphic-attachment, .j-graphic-audio, .j-graphic-back, .j-graphic-bottom, .j-graphic-calculate, .j-graphic-calendar, .j-graphic-cancel-close, .j-graphic-chart, .j-graphic-clock, .j-graphic-collapsed, .j-graphic-collapsed-all, .j-graphic-comments, .j-graphic-confrim, .j-graphic-copy, .j-graphic-copy-multiple, .j-graphic-critical-error, .j-graphic-delete, .j-graphic-down, .j-graphic-edit, .j-graphic-expanded, .j-graphic-expanded-all, .j-graphic-export, .j-graphic-export-to-database, .j-graphic-favorites, .j-graphic-filter, .j-graphic-find, .j-graphic-firstpage, .j-graphic-folder, .j-graphic-foward, .j-graphic-grid-view, .j-graphic-go-to, .j-graphic-graph, .j-graphic-grid, .j-graphic-help, .j-graphic-help-btn, .j-graphic-hierarchy, .j-graphic-home, .j-graphic-image, .j-graphic-import, .j-graphic-import-from-cloud, .j-graphic-import-from-database, .j-graphic-information, .j-graphic-last-page, .j-graphic-last-page-down, .j-graphic-last-page-up, .j-graphic-left, .j-graphic-library, .j-graphic-list-view, .j-graphic-lock, .j-graphic-log-in, .j-graphic-log-out, .j-graphic-maximize, .j-graphic-menu, .j-graphic-minimize, .j-graphic-more-options, .j-graphic-move, .j-graphic-move-back, .j-graphic-move-foward, .j-graphic-next, .j-graphic-next-down, .j-graphic-next-page, .j-graphic-open-folder, .j-graphic-open-tab, .j-graphic-pin, .planningModelsPin, .j-graphic-preview, .j-graphic-previous, .j-graphic-previous-page, .j-graphic-previous-up, .j-graphic-print, .j-graphic-refresh, .j-graphic-refresh-database, .j-graphic-remove-folder, .j-graphic-report, .j-graphic-resources, .j-graphic-restore-reset, .j-graphic-right, .j-graphic-save, .j-graphic-scenario-management, .j-graphic-search, .j-graphic-settings, .j-graphic-sort-ascending, .j-graphic-sort-descending, .j-graphic-tab-overflow, .j-graphic-thumbs-down, .j-graphic-thumbs-up, .j-graphic-top, .j-graphic-unpin, .planningModelsPin.pinned, .j-graphic-up, .j-graphic-upload-to-cloud, .j-graphic-video, .j-graphic-warning-error, .j-graphic-wizard, .j-graphic-zoom-in, .j-graphic-zoom-out, .j-graphic-collapse-up, .j-graphic-expand-down, .j-graphic-expand-right, .j-graphic-collapse-left, .j-graphic-arrow-down, .j-graphic-arrow-right, .navToggle, .pivotToggler.collapsed, .j-graphic-arrow-left, .navToggle.expanded, .pivotToggler, .sortIndicator.multiSortDesc, .sortIndicator.descending, .unsortedInner, .h-action, .j-graphic-arrow-up, .sortIndicator.multiSortAsc, .sortIndicator.ascending, .sortIndicator.unsorted, .j-graphic-dashboard-exception, .j-graphic-dashboard-kpi, .j-graphic-dashboard-graph, .j-graphic-dashboard-worklist, .j-graphic-confirm, .j-graphic-flag, .j-graphic-link {
  display: inline-block;
  font-family: JDAIconsFamily-Regular;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.jf-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.jf-2x {
  font-size: 2em;
}

.jf-3x {
  font-size: 3em;
}

.jf-4x {
  font-size: 4em;
}

.jf-5x {
  font-size: 5em;
}

.jf-fw {
  width: 1.28571em;
  text-align: center;
}

.jf-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}
.jf-ul > li {
  position: relative;
}

.jf-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}
.jf-li.jf-lg {
  left: -1.85714em;
}

.jf-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.jf.pull-left, .pull-left.j-graphic-space, .pull-left.j-graphic-add, .pull-left.j-graphic-add-btn, .pull-left.j-graphic-add-comment, .pull-left.j-graphic-add-favorites, .pull-left.j-graphic-add-folder, .pull-left.j-graphic-alert-require-field, .pull-left.j-graphic-attachment, .pull-left.j-graphic-audio, .pull-left.j-graphic-back, .pull-left.j-graphic-bottom, .pull-left.j-graphic-calculate, .pull-left.j-graphic-calendar, .pull-left.j-graphic-cancel-close, .pull-left.j-graphic-chart, .pull-left.j-graphic-clock, .pull-left.j-graphic-collapsed, .pull-left.j-graphic-collapsed-all, .pull-left.j-graphic-comments, .pull-left.j-graphic-confrim, .pull-left.j-graphic-copy, .pull-left.j-graphic-copy-multiple, .pull-left.j-graphic-critical-error, .pull-left.j-graphic-delete, .pull-left.j-graphic-down, .pull-left.j-graphic-edit, .pull-left.j-graphic-expanded, .pull-left.j-graphic-expanded-all, .pull-left.j-graphic-export, .pull-left.j-graphic-export-to-database, .pull-left.j-graphic-favorites, .pull-left.j-graphic-filter, .pull-left.j-graphic-find, .pull-left.j-graphic-firstpage, .pull-left.j-graphic-folder, .pull-left.j-graphic-foward, .pull-left.j-graphic-grid-view, .pull-left.j-graphic-go-to, .pull-left.j-graphic-graph, .pull-left.j-graphic-grid, .pull-left.j-graphic-help, .pull-left.j-graphic-help-btn, .pull-left.j-graphic-hierarchy, .pull-left.j-graphic-home, .pull-left.j-graphic-image, .pull-left.j-graphic-import, .pull-left.j-graphic-import-from-cloud, .pull-left.j-graphic-import-from-database, .pull-left.j-graphic-information, .pull-left.j-graphic-last-page, .pull-left.j-graphic-last-page-down, .pull-left.j-graphic-last-page-up, .pull-left.j-graphic-left, .pull-left.j-graphic-library, .pull-left.j-graphic-list-view, .pull-left.j-graphic-lock, .pull-left.j-graphic-log-in, .pull-left.j-graphic-log-out, .pull-left.j-graphic-maximize, .pull-left.j-graphic-menu, .pull-left.j-graphic-minimize, .pull-left.j-graphic-more-options, .pull-left.j-graphic-move, .pull-left.j-graphic-move-back, .pull-left.j-graphic-move-foward, .pull-left.j-graphic-next, .pull-left.j-graphic-next-down, .pull-left.j-graphic-next-page, .pull-left.j-graphic-open-folder, .pull-left.j-graphic-open-tab, .pull-left.j-graphic-pin, .pull-left.planningModelsPin, .pull-left.j-graphic-preview, .pull-left.j-graphic-previous, .pull-left.j-graphic-previous-page, .pull-left.j-graphic-previous-up, .pull-left.j-graphic-print, .pull-left.j-graphic-refresh, .pull-left.j-graphic-refresh-database, .pull-left.j-graphic-remove-folder, .pull-left.j-graphic-report, .pull-left.j-graphic-resources, .pull-left.j-graphic-restore-reset, .pull-left.j-graphic-right, .pull-left.j-graphic-save, .pull-left.j-graphic-scenario-management, .pull-left.j-graphic-search, .pull-left.j-graphic-settings, .pull-left.j-graphic-sort-ascending, .pull-left.j-graphic-sort-descending, .pull-left.j-graphic-tab-overflow, .pull-left.j-graphic-thumbs-down, .pull-left.j-graphic-thumbs-up, .pull-left.j-graphic-top, .pull-left.j-graphic-unpin, .pull-left.planningModelsPin.pinned, .pull-left.j-graphic-up, .pull-left.j-graphic-upload-to-cloud, .pull-left.j-graphic-video, .pull-left.j-graphic-warning-error, .pull-left.j-graphic-wizard, .pull-left.j-graphic-zoom-in, .pull-left.j-graphic-zoom-out, .pull-left.j-graphic-collapse-up, .pull-left.j-graphic-expand-down, .pull-left.j-graphic-expand-right, .pull-left.j-graphic-collapse-left, .pull-left.j-graphic-arrow-down, .pull-left.j-graphic-arrow-right, .pull-left.navToggle, .pull-left.j-graphic-arrow-left, .pull-left.pivotToggler, .pull-left.sortIndicator.multiSortDesc, .pull-left.sortIndicator.descending, .pull-left.unsortedInner, .pull-left.h-action, .pull-left.j-graphic-arrow-up, .pull-left.sortIndicator.multiSortAsc, .pull-left.sortIndicator.ascending, .pull-left.sortIndicator.unsorted, .pull-left.j-graphic-dashboard-exception, .pull-left.j-graphic-dashboard-kpi, .pull-left.j-graphic-dashboard-graph, .pull-left.j-graphic-dashboard-worklist, .pull-left.j-graphic-confirm, .pull-left.j-graphic-flag, .pull-left.j-graphic-link {
  margin-right: .3em;
}
.jf.pull-right, .pull-right.j-graphic-space, .pull-right.j-graphic-add, .pull-right.j-graphic-add-btn, .pull-right.j-graphic-add-comment, .pull-right.j-graphic-add-favorites, .pull-right.j-graphic-add-folder, .pull-right.j-graphic-alert-require-field, .pull-right.j-graphic-attachment, .pull-right.j-graphic-audio, .pull-right.j-graphic-back, .pull-right.j-graphic-bottom, .pull-right.j-graphic-calculate, .pull-right.j-graphic-calendar, .pull-right.j-graphic-cancel-close, .pull-right.j-graphic-chart, .pull-right.j-graphic-clock, .pull-right.j-graphic-collapsed, .pull-right.j-graphic-collapsed-all, .pull-right.j-graphic-comments, .pull-right.j-graphic-confrim, .pull-right.j-graphic-copy, .pull-right.j-graphic-copy-multiple, .pull-right.j-graphic-critical-error, .pull-right.j-graphic-delete, .pull-right.j-graphic-down, .pull-right.j-graphic-edit, .pull-right.j-graphic-expanded, .pull-right.j-graphic-expanded-all, .pull-right.j-graphic-export, .pull-right.j-graphic-export-to-database, .pull-right.j-graphic-favorites, .pull-right.j-graphic-filter, .pull-right.j-graphic-find, .pull-right.j-graphic-firstpage, .pull-right.j-graphic-folder, .pull-right.j-graphic-foward, .pull-right.j-graphic-grid-view, .pull-right.j-graphic-go-to, .pull-right.j-graphic-graph, .pull-right.j-graphic-grid, .pull-right.j-graphic-help, .pull-right.j-graphic-help-btn, .pull-right.j-graphic-hierarchy, .pull-right.j-graphic-home, .pull-right.j-graphic-image, .pull-right.j-graphic-import, .pull-right.j-graphic-import-from-cloud, .pull-right.j-graphic-import-from-database, .pull-right.j-graphic-information, .pull-right.j-graphic-last-page, .pull-right.j-graphic-last-page-down, .pull-right.j-graphic-last-page-up, .pull-right.j-graphic-left, .pull-right.j-graphic-library, .pull-right.j-graphic-list-view, .pull-right.j-graphic-lock, .pull-right.j-graphic-log-in, .pull-right.j-graphic-log-out, .pull-right.j-graphic-maximize, .pull-right.j-graphic-menu, .pull-right.j-graphic-minimize, .pull-right.j-graphic-more-options, .pull-right.j-graphic-move, .pull-right.j-graphic-move-back, .pull-right.j-graphic-move-foward, .pull-right.j-graphic-next, .pull-right.j-graphic-next-down, .pull-right.j-graphic-next-page, .pull-right.j-graphic-open-folder, .pull-right.j-graphic-open-tab, .pull-right.j-graphic-pin, .pull-right.planningModelsPin, .pull-right.j-graphic-preview, .pull-right.j-graphic-previous, .pull-right.j-graphic-previous-page, .pull-right.j-graphic-previous-up, .pull-right.j-graphic-print, .pull-right.j-graphic-refresh, .pull-right.j-graphic-refresh-database, .pull-right.j-graphic-remove-folder, .pull-right.j-graphic-report, .pull-right.j-graphic-resources, .pull-right.j-graphic-restore-reset, .pull-right.j-graphic-right, .pull-right.j-graphic-save, .pull-right.j-graphic-scenario-management, .pull-right.j-graphic-search, .pull-right.j-graphic-settings, .pull-right.j-graphic-sort-ascending, .pull-right.j-graphic-sort-descending, .pull-right.j-graphic-tab-overflow, .pull-right.j-graphic-thumbs-down, .pull-right.j-graphic-thumbs-up, .pull-right.j-graphic-top, .pull-right.j-graphic-unpin, .pull-right.planningModelsPin.pinned, .pull-right.j-graphic-up, .pull-right.j-graphic-upload-to-cloud, .pull-right.j-graphic-video, .pull-right.j-graphic-warning-error, .pull-right.j-graphic-wizard, .pull-right.j-graphic-zoom-in, .pull-right.j-graphic-zoom-out, .pull-right.j-graphic-collapse-up, .pull-right.j-graphic-expand-down, .pull-right.j-graphic-expand-right, .pull-right.j-graphic-collapse-left, .pull-right.j-graphic-arrow-down, .pull-right.j-graphic-arrow-right, .pull-right.navToggle, .pull-right.j-graphic-arrow-left, .pull-right.pivotToggler, .pull-right.sortIndicator.multiSortDesc, .pull-right.sortIndicator.descending, .pull-right.unsortedInner, .pull-right.h-action, .pull-right.j-graphic-arrow-up, .pull-right.sortIndicator.multiSortAsc, .pull-right.sortIndicator.ascending, .pull-right.sortIndicator.unsorted, .pull-right.j-graphic-dashboard-exception, .pull-right.j-graphic-dashboard-kpi, .pull-right.j-graphic-dashboard-graph, .pull-right.j-graphic-dashboard-worklist, .pull-right.j-graphic-confirm, .pull-right.j-graphic-flag, .pull-right.j-graphic-link {
  margin-left: .3em;
}

.jf-rotate-0, .j-graphic-arrow-down, .j-graphic-arrow-right, .navToggle, .pivotToggler.collapsed, .j-graphic-arrow-left, .navToggle.expanded, .pivotToggler, .sortIndicator.multiSortDesc, .sortIndicator.descending, .unsortedInner, .h-action, .j-graphic-arrow-up, .sortIndicator.multiSortAsc, .sortIndicator.ascending, .sortIndicator.unsorted {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.jf-rotate-90, .j-graphic-arrow-left {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jf-rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.jf-rotate-270, .j-graphic-arrow-right, .navToggle, .pivotToggler.collapsed {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.jf-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.jf-flip-vertical {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.jf-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.jf-stack-1x, .jf-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.jf-stack-1x {
  line-height: inherit;
}

.jf-stack-2x {
  font-size: 2em;
}

.jf-inverse {
  color: #fff;
}

.jf-space:before, .j-graphic-space:before {
  content: " ";
}

.jf-add:before, .j-graphic-add:before {
  content: "";
}

.jf-add-btn:before, .j-graphic-add-btn:before {
  content: "";
}

.jf-add-comment:before, .j-graphic-add-comment:before {
  content: "";
}

.jf-add-favorites:before, .j-graphic-add-favorites:before {
  content: "";
}

.jf-add-folder:before, .j-graphic-add-folder:before {
  content: "";
}

.jf-alert-require-field:before, .j-graphic-alert-require-field:before {
  content: "";
}

.jf-attachment:before, .j-graphic-attachment:before {
  content: "";
}

.jf-audio:before, .j-graphic-audio:before {
  content: "";
}

.jf-back:before, .j-graphic-back:before {
  content: "";
}

.jf-bottom:before, .j-graphic-bottom:before {
  content: "";
}

.jf-calculate:before, .j-graphic-calculate:before {
  content: "";
}

.jf-calendar:before, .j-graphic-calendar:before {
  content: "";
}

.jf-cancel-close:before, .j-graphic-cancel-close:before {
  content: "";
}

.jf-chart:before, .j-graphic-chart:before {
  content: "";
}

.jf-clock:before, .j-graphic-clock:before {
  content: "";
}

.jf-collapsed:before, .j-graphic-collapsed:before {
  content: "";
}

.jf-collapsed-all:before, .j-graphic-collapsed-all:before {
  content: "";
}

.jf-comments:before, .j-graphic-comments:before {
  content: "";
}

.jf-confrim:before, .j-graphic-confrim:before {
  content: "";
}

.jf-copy:before, .j-graphic-copy:before {
  content: "";
}

.jf-copy-multiple:before, .j-graphic-copy-multiple:before {
  content: "";
}

.jf-critical-error:before, .j-graphic-critical-error:before {
  content: "";
}

.jf-delete:before, .j-graphic-delete:before {
  content: "";
}

.jf-down:before, .j-graphic-down:before {
  content: "";
}

.jf-edit:before, .j-graphic-edit:before {
  content: "";
}

.jf-expanded:before, .j-graphic-expanded:before {
  content: "";
}

.jf-expanded-all:before, .j-graphic-expanded-all:before {
  content: "";
}

.jf-export:before, .j-graphic-export:before {
  content: "";
}

.jf-export-to-database:before, .j-graphic-export-to-database:before {
  content: "";
}

.jf-favorites:before, .j-graphic-favorites:before {
  content: "";
}

.jf-filter:before, .j-graphic-filter:before {
  content: "";
}

.jf-find:before, .j-graphic-find:before {
  content: "";
}

.jf-firstpage:before, .j-graphic-firstpage:before {
  content: "";
}

.jf-folder:before, .j-graphic-folder:before {
  content: "";
}

.jf-foward:before, .j-graphic-foward:before {
  content: "";
}

.jf-grid-view:before, .j-graphic-grid-view:before {
  content: "";
}

.jf-go-to:before, .j-graphic-go-to:before {
  content: "";
}

.jf-graph:before, .j-graphic-graph:before {
  content: "";
}

.jf-grid:before, .j-graphic-grid:before {
  content: "";
}

.jf-help:before, .j-graphic-help:before {
  content: "";
}

.jf-help-btn:before, .j-graphic-help-btn:before {
  content: "";
}

.jf-hierarchy:before, .j-graphic-hierarchy:before {
  content: "";
}

.jf-home:before, .j-graphic-home:before {
  content: "";
}

.jf-image:before, .j-graphic-image:before {
  content: "";
}

.jf-import:before, .j-graphic-import:before {
  content: "";
}

.jf-import-from-cloud:before, .j-graphic-import-from-cloud:before {
  content: "";
}

.jf-import-from-database:before, .j-graphic-import-from-database:before {
  content: "";
}

.jf-information:before, .j-graphic-information:before {
  content: "";
}

.jf-last-page:before, .j-graphic-last-page:before {
  content: "";
}

.jf-last-page-down:before, .j-graphic-last-page-down:before {
  content: "";
}

.jf-last-page-up:before, .j-graphic-last-page-up:before {
  content: "";
}

.jf-left:before, .j-graphic-left:before {
  content: "";
}

.jf-library:before, .j-graphic-library:before {
  content: "";
}

.jf-list-view:before, .j-graphic-list-view:before {
  content: "";
}

.jf-lock:before, .j-graphic-lock:before {
  content: "";
}

.jf-log-in:before, .j-graphic-log-in:before {
  content: "";
}

.jf-log-out:before, .j-graphic-log-out:before {
  content: "";
}

.jf-maximize:before, .j-graphic-maximize:before {
  content: "";
}

.jf-menu:before, .j-graphic-menu:before {
  content: "";
}

.jf-minimize:before, .j-graphic-minimize:before {
  content: "";
}

.jf-more-options:before, .j-graphic-more-options:before {
  content: "";
}

.jf-move:before, .j-graphic-move:before {
  content: "";
}

.jf-move-back:before, .j-graphic-move-back:before {
  content: "";
}

.jf-move-foward:before, .j-graphic-move-foward:before {
  content: "";
}

.jf-next:before, .j-graphic-next:before {
  content: "";
}

.jf-next-down:before, .j-graphic-next-down:before {
  content: "";
}

.jf-next-page:before, .j-graphic-next-page:before {
  content: "";
}

.jf-open-folder:before, .j-graphic-open-folder:before {
  content: "";
}

.jf-open-tab:before, .j-graphic-open-tab:before {
  content: "";
}

.jf-pin:before, .j-graphic-pin:before, .planningModelsPin:before {
  content: "";
}

.jf-preview:before, .j-graphic-preview:before {
  content: "";
}

.jf-previous:before, .j-graphic-previous:before {
  content: "";
}

.jf-previous-page:before, .j-graphic-previous-page:before {
  content: "";
}

.jf-previous-up:before, .j-graphic-previous-up:before {
  content: "";
}

.jf-print:before, .j-graphic-print:before {
  content: "";
}

.jf-refresh:before, .j-graphic-refresh:before {
  content: "";
}

.jf-refresh-database:before, .j-graphic-refresh-database:before {
  content: "";
}

.jf-remove-folder:before, .j-graphic-remove-folder:before {
  content: "";
}

.jf-report:before, .j-graphic-report:before {
  content: "";
}

.jf-resources:before, .j-graphic-resources:before {
  content: "";
}

.jf-restore-reset:before, .j-graphic-restore-reset:before {
  content: "";
}

.jf-right:before, .j-graphic-right:before {
  content: "";
}

.jf-save:before, .j-graphic-save:before {
  content: "";
}

.jf-scenario-management:before, .j-graphic-scenario-management:before {
  content: "";
}

.jf-search:before, .j-graphic-search:before {
  content: "";
}

.jf-settings:before, .j-graphic-settings:before {
  content: "";
}

.jf-sort-ascending:before, .j-graphic-sort-ascending:before, .j-graphic-arrow-up:before, .sortIndicator.multiSortAsc:before, .sortIndicator.ascending:before, .sortIndicator.unsorted:before {
  content: "";
}

.jf-sort-descending:before, .j-graphic-sort-descending:before, .j-graphic-arrow-down:before, .j-graphic-arrow-right:before, .navToggle:before, .pivotToggler.collapsed:before, .j-graphic-arrow-left:before, .navToggle.expanded:before, .pivotToggler:before, .sortIndicator.multiSortDesc:before, .sortIndicator.descending:before, .unsortedInner:before, .h-action:before {
  content: "";
}

.jf-tab-overflow:before, .j-graphic-tab-overflow:before {
  content: "";
}

.jf-thumbs-down:before, .j-graphic-thumbs-down:before {
  content: "";
}

.jf-thumbs-up:before, .j-graphic-thumbs-up:before {
  content: "";
}

.jf-top:before, .j-graphic-top:before {
  content: "";
}

.jf-unpin:before, .j-graphic-unpin:before, .planningModelsPin.pinned:before {
  content: "";
}

.jf-up:before, .j-graphic-up:before {
  content: "";
}

.jf-upload-to-cloud:before, .j-graphic-upload-to-cloud:before {
  content: "";
}

.jf-video:before, .j-graphic-video:before {
  content: "";
}

.jf-warning-error:before, .j-graphic-warning-error:before {
  content: "";
}

.jf-wizard:before, .j-graphic-wizard:before {
  content: "";
}

.jf-zoom-in:before, .j-graphic-zoom-in:before {
  content: "";
}

.jf-zoom-out:before, .j-graphic-zoom-out:before {
  content: "";
}

.jf-collapse-up:before, .j-graphic-collapse-up:before {
  content: "";
}

.jf-expand-down:before, .j-graphic-expand-down:before {
  content: "";
}

.jf-expand-right:before, .j-graphic-expand-right:before {
  content: "";
}

.jf-collapse-left:before, .j-graphic-collapse-left:before {
  content: "";
}

.jf-dashboard-exception:before, .j-graphic-dashboard-exception:before {
  content: "";
}

.jf-dashboard-kpi:before, .j-graphic-dashboard-kpi:before {
  content: "";
}

.jf-dashboard-graph:before, .j-graphic-dashboard-graph:before {
  content: "";
}

.jf-dashboard-worklist:before, .j-graphic-dashboard-worklist:before {
  content: "";
}

.jf-flag:before, .j-graphic-flag:before {
  content: "";
}

.jf-confirm:before, .j-graphic-confirm:before {
  content: "";
}

.jf-link:before, .j-graphic-link:before {
  content: "";
}

.j-graphic-space {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-add {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-add-btn {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-add-comment {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-add-favorites {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-add-folder {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-alert-require-field {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-attachment {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-audio {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-back {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-bottom {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-calculate {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-calendar {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-cancel-close {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-chart {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-clock {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-collapsed {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-collapsed-all {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-comments {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-confrim {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-copy {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-copy-multiple {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-critical-error {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-delete {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-down {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-edit {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-expanded {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-expanded-all {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-export {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-export-to-database {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-favorites {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-filter {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-find {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-firstpage {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-folder {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-foward {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-grid-view {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-go-to {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-graph {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-grid {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-help {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-help-btn {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-hierarchy {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-home {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-image {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-import {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-import-from-cloud {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-import-from-database {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-information {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-last-page {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-last-page-down {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-last-page-up {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-left {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-library {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-list-view {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-lock {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-log-in {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-log-out {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-maximize {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-menu {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-minimize {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-more-options {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-move {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-move-back {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-move-foward {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-next {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-next-down {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-next-page {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-open-folder {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-open-tab {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-pin, .planningModelsPin {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-preview {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-previous {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-previous-page {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-previous-up {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-print {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-refresh {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-refresh-database {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-remove-folder {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-report {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-resources {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-restore-reset {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-right {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-save {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-scenario-management {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-search {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-settings {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-sort-ascending {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-sort-descending {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-tab-overflow {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-thumbs-down {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-thumbs-up {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-top {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-unpin, .planningModelsPin.pinned {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-up {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-upload-to-cloud {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-video {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-warning-error {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-wizard {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-zoom-in {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-zoom-out {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-collapse-up {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-expand-down {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-expand-right {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-collapse-left {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-arrow-down, .j-graphic-arrow-right, .navToggle, .pivotToggler.collapsed, .j-graphic-arrow-left, .navToggle.expanded, .pivotToggler, .sortIndicator.multiSortDesc, .sortIndicator.descending, .unsortedInner, .h-action {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-arrow-up, .sortIndicator.multiSortAsc, .sortIndicator.ascending, .sortIndicator.unsorted {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-dashboard-exception {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-dashboard-kpi {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-dashboard-graph {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-dashboard-worklist {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-confirm {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-flag {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

.j-graphic-link {
  font-family: "JDAIconsFamily-Regular" !important;
  font-weight: normal;
  font-size: 14px;
  color: #B8B8B8;
}

#_traceHolder {
  position: absolute;
  bottom: 20px;
  max-height: 300px;
  overflow: auto;
  font: Courier New;
  font-size: 10px;
  color: #000000;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  white-space: nowrap;
  z-index: 100;
}

HTML {
  height: 100%;
}

BODY {
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #505050;
  background-color: #ffffff;
  height: 100%;
  margin: 0px;
}

IFRAME {
  background-color: #ffffff;
}

A {
  cursor: pointer;
}

A.nopointer {
  cursor: default;
}

A:link,
A:active {
  text-decoration: none;
}

A:visited {
  text-decoration: none;
}

SPAN {
  vertical-align: top;
}

.displayNone,
SPAN.displayNone,
DIV.displayNone {
  display: none;
}

.pageContent.printClass {
  overflow-y: visible;
}

.errortext {
  font-weight: bold;
  font-size: 11px;
  vertical-align: middle;
  color: #cc3333;
}

.bodyOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 150;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.bodyOverlay IFRAME {
  width: 100%;
  height: 100%;
}

.contextMenu {
  position: absolute;
  min-width: 100px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #ffffff;
  border: 1px solid black;
}

.menuItem {
  cursor: pointer;
  padding: 2px;
  white-space: nowrap;
}

.menuItem:hover {
  background-color: #e6e6e6;
}

.menuItem.disabled {
  cursor: default;
  background-color: #ffffff;
}

.menuItem INPUT {
  margin-left: -2px;
  margin-top: -2px;
  margin-bottom: -2px;
}

.menuItem.menuDivider {
  border-bottom: 1px solid #999999;
}

.radio {
  position: absolute;
}

.radioGroup {
  position: absolute;
}

.dialog {
  position: absolute;
  overflow: hidden;
  background: #ffffff;
  border: 5px solid #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 2px -1px #333333;
}

.dialogOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  opacity: .50;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.numberfield {
  position: absolute;
  font-size: 12px;
  border: 1px solid #999999;
  padding: 1px;
}

.footerSpan {
  display: block;
  position: absolute;
  padding-bottom: 2px;
  background-color: #ffffff;
}

.footerSpan.inner {
  background-color: #ffffff;
}

.headerSpan {
  display: block;
  position: absolute;
  vertical-align: middle;
  font-weight: bold;
  color: #373839;
  background: #ffffff;
  height: 38px;
  line-height: 38px;
}

.headerSpan.inner {
  background-color: #f9d78c;
}

.headerText {
  padding-left: 5px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.group {
  position: absolute;
}

.label {
  display: inline-block;
  position: absolute;
  height: 18px;
  padding-left: 3px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dtext {
  display: inline-block;
  position: absolute;
  height: 18px;
  padding-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ientry {
  display: inline-block;
  position: absolute;
  height: 18px;
  padding-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.labeledComponent {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

.listBox {
  position: absolute;
  overflow: auto;
  background: #ffffff;
  border: 1px solid black;
}

.listBoxItem {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listBoxItem.required {
  color: orange;
}

.listBoxItem.static {
  font-style: italic;
  color: #909090;
}

.listBoxItem.selected {
  background-color: #e6e6e6;
}

.listBoxItem:hover {
  background-color: #f1f1f1;
}

.listBoxItemText {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}

.listBoxItemTextSpan {
  display: block;
  font-size: 13px;
}

.listBoxItemClose {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  margin-left: 20px;
  background: url(../images/closetab_dropdown_normal_6.png) no-repeat;
  cursor: pointer;
}

.listBoxItemClose:hover {
  background: url(../images/closetab_dropdown_hover_6.png) no-repeat;
}

.listBoxItemClose {
  background: url(../images/closetab_dropdown_hover_6.png) no-repeat;
}

.imagePreview {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 1px solid #999999;
  overflow: hidden;
}

.imagePreview:hover {
  background-color: #eceef8;
}

.imageSelected {
  position: absolute;
  background-color: #000080;
  top: -1px;
  left: -1px;
  width: 54px;
  height: 54px;
  opacity: .50;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.popup {
  position: absolute;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid black;
}

.scrollableComponent {
  position: absolute;
}

.imagePicker.scrollableComponent {
  padding: 5px;
}

.verticalComponent {
  position: absolute;
}

.text {
  display: inline-block;
  position: relative;
}

.textfield {
  position: absolute;
  border: 1px solid #999999;
  padding: 1px;
}

.pulldownSmall {
  background: #ffffff;
  font-size: 10px;
  color: #505050;
  padding-left: 3px;
  border: 1px solid #999999;
}

.coreAlert {
  display: inline-block;
  position: absolute;
  background-color: #FFFFFF;
  border: 5px solid #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 2px -1px #333333;
  margin-bottom: 2px;
  margin-right: 2px;
  overflow: hidden;
  z-index: 151;
}

.alertDiv {
  position: absolute;
}

.alertHeader {
  font-weight: bold;
  color: #373839;
  background: #ffffff;
  height: 38px;
  line-height: 38px;
}

.alertTitle {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding-left: 5px;
  padding-right: 5px;
}

.alertButtonBar {
  text-align: center;
  padding-bottom: 8px;
}

.msgDiv {
  min-width: 300px;
  min-height: 50px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 8px;
}

.msgContent {
  text-align: left;
}

.msgError {
  width: 24px;
  height: 24px;
  background-image: url("../images/primary/error24.png");
  background-position-x: 5px;
  background-position-y: center;
  background-repeat: no-repeat;
  padding: 5px;
}

.msgFloater {
  max-width: 400px;
  display: inline-block;
  vertical-align: middle;
}

.msgSpan {
  padding-left: 10px;
  padding-right: 10px;
}

.msgSuccess {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../images/primary24/commitOn.png");
  background-position-x: 0px;
  background-position-y: center;
  background-repeat: no-repeat;
  padding: 5px;
}

.msgWarning {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../images/primary24/warning_normal_24.png");
  background-position-x: 0px;
  background-position-y: center;
  background-repeat: no-repeat;
  padding: 5px;
}

.msgConfirm {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../images/primary24/question.png");
  background-position-x: 0px;
  background-position-y: center;
  background-repeat: no-repeat;
  padding: 5px;
}

.msgInfo {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("../images/primary24/information_normal_24.png");
  background-position-x: 0px;
  background-position-y: center;
  background-repeat: no-repeat;
  padding: 5px;
}

.overlay {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #ECF1EF;
  text-align: center;
  z-index: 100;
  -moz-opacity: 0.4;
  opacity: .40;
  filter: alpha(opacity=40);
}

.bodyOverlay.overlay {
  background-color: #ECF1EF;
  -moz-opacity: 0.4;
  opacity: .40;
  filter: alpha(opacity=40);
}

.button {
  position: absolute;
  background: linear-gradient(#ffffff, #eaecee);
  font-size: 12px;
  height: 20px;
  color: #047ABC;
  overflow: visible;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 6px;
  border: 1px solid #047ABC;
  border-radius: 3px;
  cursor: pointer;
}

.button:hover,
.button.emphasized:hover {
  background: linear-gradient(#5a5b5c, #4b4b4b);
  color: #025583;
  border-color: #025583;
}

.button:hover .buttonInner,
.button.emphasized:hover .buttonInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5a5b5c', EndColorStr='#4b4b4b');
}

.button.emphasized {
  background: linear-gradient(#5ba1d4, #2b75b4);
  border-left: 1px solid #3178b2;
  border-right: 1px solid #3178b2;
  border-top: 1px solid #4893ce;
  border-bottom: 1px solid #195a93;
  color: #ffffff;
}

.button.emphasized .buttonInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5ba1d4', EndColorStr='#2b75b4');
}

.button.disabled {
  color: #bebfc1;
  border: 1px solid #dadada;
  cursor: default;
}

.button.disabled .buttonInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#edeff0');
}

.buttonOuter:hover {
  color: #025583;
  border-color: #025583;
}

.buttonOuter:active {
  color: #025583;
  border-color: #025583;
}

.buttonOuter:hover .buttonInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5a5b5c', EndColorStr='#4b4b4b');
}

.transferBoxButtons .buttonOuter:hover {
  background: linear-gradient(#e0e0e0, #c0c0c0);
  border-color: #a7a7a7;
}

.transferBoxButtons .buttonOuter:hover .buttonInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#c0c0c0');
}

.buttonOuter .buttonInner:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2f3031', EndColorStr='#5a5b5c');
}

.buttonOuter {
  background: linear-gradient(#ffffff, #eaecee);
  font-size: 12px;
  height: 20px;
  color: #047ABC;
  overflow: visible;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 6px;
  border: 1px solid #047ABC;
  border-radius: 3px;
  cursor: pointer;
}

.buttonInner {
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaecee');
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  padding-left: 6px;
  padding-right: 6px;
}

.buttonOuterDisabled:hover {
  color: #aaaaaa;
}

.buttonOuterDisabled {
  background: linear-gradient(#fefefe, #edeff0);
  font-size: 12px;
  height: 20px;
  color: #8e8e8e;
  overflow: visible;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 6px;
  border: 1px solid #dadada;
  border-radius: 3px;
  cursor: default;
}

.buttonInnerDisabled {
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#edeff0');
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  padding-left: 6px;
  padding-right: 6px;
}

.buttonOuterEmphasized:hover {
  background: #025583;
  color: #ffffff;
  border-color: #025583;
}

.buttonOuterEmphasized:active {
  background: #025583;
  color: #ffffff;
  border-color: #025583;
}

.buttonOuterEmphasized:hover .buttonInnerEmphasized {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0076ad', EndColorStr='#005d94');
}

.buttonOuterEmphasized .buttonInnerEmphasized:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00437a', EndColorStr='#005d94');
}

.buttonOuterEmphasized {
  background: linear-gradient(#0090c7, #0076ad);
  border-color: #005d94;
  font-size: 12px;
  height: 20px;
  color: #ffffff;
  overflow: visible;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 8px;
  border-left: 1px solid #3178b2;
  border-right: 1px solid #3178b2;
  border-top: 1px solid #4893ce;
  border-bottom: 1px solid #195a93;
  border-radius: 3px;
  cursor: pointer;
}

.buttonInnerEmphasized {
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5ba1d4', EndColorStr='#2b75b4');
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 20px;
  white-space: nowrap;
}

.pageButtons {
  float: right;
}

.buttonBar {
  vertical-align: center;
}

.buttons {
  position: absolute;
  padding-top: 2px;
}

.divider {
  position: absolute;
  display: inline-block;
  background: url(../images/divider.gif) center center no-repeat;
  height: 18px;
  width: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 4px;
  margin-right: 6px;
}

.buttonDivider {
  display: inline-block;
  background: url(../images/divider.gif) center center no-repeat;
  height: 22px;
  width: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 6px;
}

.buttonBorder {
  background-color: #aaaaaa;
}

.buttonBorderDisabled {
  background-color: #bfbfbf;
}

.buttonBorderEmphasized {
  background-color: #666666;
}

#buttonEmphasized {
  background-color: #ffe600;
  font-size: 12px;
  font-weight: Bold;
  border-bottom: 1px solid #d0bb03;
  border-right: 1px solid #d0bb03;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

#buttonRegular {
  background: url(../images/buttonBg.gif) repeat-x;
  font-size: 12px;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #aaaaaa;
}

#buttonSmallEmphasized {
  background-color: #ffe600;
  font-weight: Bold;
  font-size: 10px;
  border-bottom: 1px solid #d0bb03;
  border-right: 1px solid #d0bb03;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

#buttonSmallRegular {
  background-color: #fff6a6;
  font-size: 10px;
  border-bottom: 1px solid #e4db83;
  border-right: 1px solid #e4db83;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

#buttonSmallDisabled {
  background-color: #fffbdb;
  font-size: 10px;
  border-bottom: 1px solid #e6e3b8;
  border-right: 1px solid #e6e3b8;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.buttonText {
  font-size: 12px;
  font-weight: bold;
  color: #264c77;
  text-align: center;
  white-space: nowrap;
  padding: 3px;
}

.buttonText A:link, .buttonText A:active, .buttonText A:visited {
  color: #505050;
  text-decoration: none;
}

.buttonText A:hover {
  color: #000000;
}

.buttonText A {
  color: #ff00ff;
  margin: 0px;
  padding: 0px;
}

.buttonTextDisabled {
  text-align: center;
  color: #b2b2b2;
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid #e6e3b8;
  border-right: 1px solid #e6e3b8;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.buttonTextEmphasized {
  font-weight: Bold;
  text-align: center;
  color: #505050;
  padding-bottom: 1px;
  border-bottom: 1px solid #d0bb03;
  border-right: 1px solid #d0bb03;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.buttonTextEmphasized A:link, .buttonTextEmphasized A:active, .buttonTextEmphasized A:visited {
  color: #505050;
  text-decoration: none;
}

.buttonTextEmphasized A:hover {
  color: #000000;
}

div.calendar {
  display: inline-block;
}

.calendar {
  position: absolute;
  z-index: 100;
}

.cal {
  position: absolute;
  border: 1px solid #999999;
  background-color: #f7f8fd;
}

.day {
  display: inline-block;
  border-right: 1px solid #999999;
  width: 15px;
  height: 15px;
}

.day.selectable {
  cursor: pointer;
}

.day.selectable.over {
  color: black;
}

.day.selected {
  background-color: transparent;
}

.day.today {
  background-color: grey;
}

.day.weekday {
  font-weight: bold;
  border-right-color: transparent;
}

.year {
  background-color: #6f6f6f;
  font-weight: bold;
  height: 14px;
  text-align: center;
}

.yearNext {
  display: inline-block;
  position: absolute;
  right: 0px;
  width: 13px;
  height: 14px;
  background-image: url("../../../i2/images/forward_double_arrow.gif");
  background-repeat: no-repeat;
  background-position: 0px 4px;
  cursor: pointer;
}

.yearPrev {
  display: inline-block;
  position: absolute;
  left: 0px;
  width: 14px;
  height: 14px;
  background-image: url("../../../i2/images/previous_solid_double.gif");
  background-repeat: no-repeat;
  background-position: 4px 4px;
  cursor: pointer;
}

.month {
  background-color: #d1d6f0;
  font-weight: bold;
  height: 14px;
  text-align: center;
}

.monthNext {
  display: inline-block;
  position: absolute;
  right: 0px;
  width: 13px;
  height: 14px;
  background-image: url("../../../i2/images/forward_single_arrow.gif");
  background-repeat: no-repeat;
  background-position: 0px 4px;
  cursor: pointer;
}

.monthPrev {
  display: inline-block;
  position: absolute;
  left: 0px;
  width: 14px;
  height: 14px;
  background-image: url("../../../i2/images/previous_solid.gif");
  background-repeat: no-repeat;
  background-position: 7px 4px;
  cursor: pointer;
}

.weekDiv {
  border-bottom: 1px solid #999999;
  border-left: 1px solid transparent;
  text-align: center;
}

.weekDiv.days {
  border-left-color: #999999;
}

.calendarBg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.calendarBg IFRAME {
  width: 100%;
  height: 100%;
  border: 0px;
}

.calendarChildren {
  position: relative;
  border: 1px solid #999999;
}

.calendarChildren * {
  position: relative;
}

.calendarSelectedDate {
  background-color: #d8d8d8;
}

.calendar table {
  border-collapse: separate;
}

.calendar th {
  border-color: #d0d0d0;
  border-style: solid;
  background-color: #e9e9e9;
  color: #3e3e3e;
  text-align: right;
  width: 20px;
  line-height: 19px;
  padding: 0 7px 0 0;
}

.calendar tr {
  border: 0px solid white;
  cursor: default;
}

.calendar td {
  padding: 0 4px 0 0;
  border: 1px solid white;
  line-height: 18px;
  text-align: right;
  color: #2073bc;
  cursor: pointer;
}

.calendar td:hover {
  color: black;
  background-color: transparent;
  cursor: pointer;
}

.calendar td.calendarTodayDate {
  border: 1px solid black;
}

.daysDiv {
  padding: 0px;
}

.inputFieldIE.dateFormat {
  color: #808080;
}

.monthDiv {
  background-color: #6f6f6f;
  padding-left: 8px;
  padding-right: 8px;
}

.monthNames {
  display: none;
}

.monthText {
  cursor: default;
  text-align: center;
  font-size: 11px;
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  color: white;
}

.nextMonth {
  background-image: url("../../../i2/images/forward_single_arrow.gif");
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: #6f6f6f;
  padding-right: 11px;
  cursor: pointer;
}

.nextYear {
  background-image: url("../../../i2/images/forward_double_arrow.gif");
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: #6f6f6f;
  padding-right: 11px;
  cursor: pointer;
}

.previousMonth {
  background-image: url("../../../i2/images/previous_solid.gif");
  background-position-x: 0px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: #6f6f6f;
  padding-left: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
}

.previousYear {
  background-image: url("../../../i2/images/previous_solid_double.gif");
  background-position-x: 0px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-color: #6f6f6f;
  padding-left: 11px;
  cursor: pointer;
}

.yearDiv {
  background-color: #6f6f6f;
  padding: 4px;
}

.yearText {
  cursor: default;
  text-align: center;
  font-size: 11px;
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  color: white;
}

.popupClose {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 22px;
  cursor: pointer;
  background: url(../images/close.gif) no-repeat;
  background-position-y: 4px;
}

.popupWindow {
  position: absolute;
  border: 5px solid #ffffff;
  border-radius: 5px;
  z-index: 75;
  box-shadow: 0 2px 2px -1px #333333;
}

.popupWindow IFRAME {
  width: 100%;
}

.popupTitle {
  display: block;
  padding-left: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Roboto, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #373839;
  background: #ffffff;
  height: 38px;
  line-height: 38px;
}

.bodyDiv.popupBody {
  border: 0px;
}

.standardContainer.popupContainer {
  margin: 0px;
  border: 0px;
}

.containerHeader.popupHeader {
  background: #ffffff;
}

.containerTitle.popupHeader {
  font-family: Roboto, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #373839;
  height: 38px;
  line-height: 38px;
}

.containerFooter.popupFooter {
  border-top: 0px;
}

.footer.popupFooter {
  text-align: center;
}

.popupIcon {
  display: inline-block;
  width: 24px;
  height: 22px;
  cursor: pointer;
  background: url(../images/16x16/cancel_close_normal_16.png) no-repeat;
  background-position: 2px 2px;
}

.popupIcon:hover {
  background-image: url(../images/16x16/cancel_close_hover_white_16.png);
}

.popupWindow .popupIcon {
  position: absolute;
  top: 8px;
  right: 0px;
}

.modalPopup {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 75;
  opacity: 0.75;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}

.popupNResize {
  cursor: n-resize;
}

.popupNWResize {
  cursor: nw-resize;
}

.popupEResize {
  cursor: e-resize;
}

.popupNEResize {
  cursor: ne-resize;
}

.popupSResize {
  cursor: s-resize;
}

.popupSEResize {
  cursor: se-resize;
}

.popupSWResize {
  cursor: sw-resize;
}

.fcpoppup {
  display: none;
  position: fixed;
  border: 1px gray black;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

#_directoryCache {
  display: none;
}

.directory {
  border: 0px;
}

.directoryDiv {
  display: table-cell;
  vertical-align: middle;
  background: #fafafa;
  padding-left: 12px;
  height: 50px;
  font-weight: normal;
  font-size: 16px;
  white-space: nowrap;
  width: 320px;
}

.directoryDiv.closed {
  background: #118AC2;
  color: #9BB5C8;
  font-weight: bold;
  background-image: url(../images/24x24/Union.svg);
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: 25px 18px;
}

.directoryDiv.listOpen {
  background: #ffffff;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

.directorySearch {
  background: transparent;
  color: #ffffff;
  width: 225px;
  height: 24px;
  border: 0px;
  font-size: 14px;
  border-bottom: 1px solid #ffffff;
}

.directorySearch.listOpen,
.directorySearch:focus {
  outline: 0px;
  font-weight: normal;
  color: #000000;
}

.directorySearchIcon.j-graphic-search:before {
  margin-top: -2px;
  margin-left: 4px;
  padding: 3px 0px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
}

.directorySearchIcon.j-graphic-search.focus:before {
  color: #0076ad;
}

.directoryItemText {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 24px;
}

.directoryItemAction {
  display: none;
  width: 16px;
  height: 21px;
  cursor: pointer;
}

.directoryItemAction.over {
  display: inline-block;
  background-image: url(../images/nav/open-NewTab.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.directoryList {
  position: absolute;
  margin-left: -13px;
  margin-top: 9px;
  background: #fafafa;
  padding-bottom: 2px;
  z-index: 90;
  width: 320px;
  min-height: 50px;
  max-height: 215px;
}

.directoryList.closed {
  display: none;
}

.directoryListFrame {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.directoryListOuter {
  display: inline-block;
  border-bottom: 1px solid #dedede;
  margin-left: 12px;
  margin-right: 24px;
}

.directoryDetails {
  display: inline-block;
  min-height: 30px;
  border-width: 0px 1px 2px 1px;
  border-color: rgba(14, 14, 14, 0.15);
  padding-left: 12px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
  background: #02B7F1;
  font-weight: normal;
  font-size: 12px;
}

.directoryDetails.hidden {
  display: none;
}

.directoryDetailsInner {
  display: inline-block;
  white-space: normal;
  word-wrap: break-word;
}

.directorySelect {
  border: 1px solid #dedede;
  color: #000000;
  font-size: 11px;
}

.directoryNoResult {
  display: block;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 17px;
  border-bottom: 1px solid #dedede;
  text-align: center;
  font-weight: bold;
  color: #b3b3b3;
}

.directoryNoResult.hidden {
  display: none;
}

.listBox.directory {
  position: static;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  max-height: 215px;
}

.listBox.directory.hidden {
  display: none;
}

.listBoxItem.directory {
  height: 16px;
  padding-left: 0px;
  padding-right: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  border: 0px 1px 2px 1px;
  border-color: rgba(14, 14, 14, 0.15);
  color: #505050;
  background-color: #fafafa;
}

.listBoxItem.directory.selected {
  background-color: #C3E8F6;
}

.listBoxItem.directory:hover {
  background-color: #C3E8F6;
}

.shellTabs {
  position: relative;
  height: 48px;
  margin-left: 48px;
  /*padding-left:5px;*/
  background: #0E78AD;
  /*border-top:1px solid #444343;*/
  white-space: nowrap;
  background-clip: content-box;
  box-shadow: inset 48px 0 0 0 #07679C;
}

.navTab {
  display: inline-block;
  width: 41px;
  height: 23px;
  padding-left: 8px;
  padding-top: 9px;
  border: 1px solid #3c3d3d;
  border-top: 1px solid #444343;
  border-bottom: 0px;
  border-right: 1px solid #252626;
}

.navTab:hover {
  background: #ffffff;
  border: 1px solid #c1c1c1;
  border-bottom: 0px;
}

.navTab.open {
  background: #ffffff;
  border: 1px solid #c1c1c1;
  border-bottom: 0px;
}

.sideBar {
  display: inline-block;
  position: absolute;
  top: 52px;
  left: 0px;
  width: 48px;
  z-index: 51;
  background: #01497A;
}

.sideBarButtons.fav {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  padding-bottom: 0px;
  background: #01497A;
}

.sideBarButtons {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
  padding-bottom: 0px;
  background: #07679C;
}

.sideBarButtons.dragged {
  z-index: 1;
}

.navButton {
  position: relative;
  top: 4px;
  color: #e4e8eb;
  z-index: 1;
  cursor: pointer;
  width: 48px;
  height: 40px;
  text-align: center;
}

.navButton:hover {
  color: #ffffff;
}

.navButton.small {
  position: relative;
  top: 12px;
  left: 15px;
  width: 20px;
  height: 20px;
}

.navButton.solutionNav.j-graphic-menu:before {
  display: inline-block;
  font-size: 24px;
  width: 33px;
  height: 32px;
  line-height: 32px;
}

.navButton.solutionNav.j-graphic-menu:hover {
  color: #ffffff;
}

.selected .navButton.solutionNav.j-menu-compass {
  color: #ffffff;
}

.navButton.myNav.j-graphic-add-favorites:before {
  display: inline-block;
  font-size: 28px;
  width: 33px;
  height: 32px;
  line-height: 32px;
}

.navButton.myNav.j-graphic-add-favorites:hover {
  color: #ffffff;
}

.selected .navButton.myNav.j-graphic-add-favorites {
  color: #32444B;
}

.navButton.hidden {
  visibility: hidden;
}

.navButton.solutionNav.j-graphic-home:before {
  font-size: 26px;
}

.searchDirectory {
  border: 1px solid #999999;
  padding: 1px;
  margin-top: 9px;
  margin-left: 20px;
  margin-bottom: 8px;
  width: 210px;
}

.searchDirectory.greyed {
  color: #808080;
  font-style: italic;
}

.navigationDiv {
  position: absolute;
  display: none;
  top: 0px;
  left: 38px;
  width: 298px;
  z-index: 51;
  background-color: #003358;
  /*border-left:1px solid #262626;
  border-right:1px solid #262626;
  border-top:1px solid #262626;
  border-bottom:1px solid #262626;*/
}

.navigationDiv.myNav {
  position: absolute;
  display: none;
  top: 0px;
  left: 38px;
  width: 298px;
  z-index: 51;
  background-color: #ffffff;
}

.navigationDiv.open {
  display: block;
}

.navigationDiv.myNav.open {
  display: block;
}

.navRow {
  white-space: nowrap;
}

.navTitle {
  display: inline-block;
  padding-top: 10px;
  width: 154px;
  height: 25px;
  color: #eeeff0;
  padding-left: 8px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navTitle.fav {
  display: inline-block;
  padding-top: 10px;
  width: 154px;
  height: 25px;
  color: #32444B;
  padding-left: 8px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navPin {
  position: absolute;
  top: 5px;
  right: 8px;
  display: inline-block;
  width: 20px;
  height: 30px;
  line-height: 24px;
  cursor: pointer;
  color: #e4e8eb;
}

.navPin.j-graphic-pin:before, .navPin.planningModelsPin:before {
  font-size: 18px;
}

.navPin.j-graphic-unpin:before, .navPin.planningModelsPin.pinned:before {
  font-size: 18px;
}

.navPin:hover {
  color: #ffffff;
}

.navPin.favPin {
  background-image: url(../images/Pin.svg);
  background-repeat: no-repeat;
  background-size: 21px 17px;
  top: 8px;
}

.navPin.favUnPin {
  background-image: url(../images/UnPin.svg);
  background-repeat: no-repeat;
  background-size: 21px 17px;
  top: 8px;
}

.navContent {
  min-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}

.navOverlay {
  display: none;
  position: absolute;
  z-index: 50;
  filter: alpha(opacity=0);
  opacity: 0;
}

.navViewlinks {
  display: inline-block;
  width: 36px;
  height: 32px;
  background-image: url(../images/nav/viewlinksOn.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

.navRef {
  display: block;
  height: 28px;
  white-space: nowrap;
  color: #AAb0B4;
  padding: 0px 16px 0px 16px;
}

.navRef.leaf {
  height: 26px;
}

.navRef.over {
  color: #fafafa;
  background-color: rgba(0, 0, 0, 0.3);
}

.navRef B {
  display: inline-block;
  width: 16px;
}

.navToggle {
  display: inline-block;
  width: 16px;
  height: 26px;
  margin-top: -4px;
}

.navToggle:before {
  font-size: 8px;
}

.navToggle.expanded {
  margin-top: 4px;
}

.navToggle.leaf {
  display: none;
}

.navFolder {
  padding-top: 2px;
  padding-left: 0px;
  width: 20px;
  height: 20px;
}

.navFolder.leaf {
  display: none;
}

.navLeafIcon {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  padding-left: 2px;
  vertical-align: middle;
}

.navText {
  display: inline-block;
  height: 18px;
  padding-top: 6px;
  padding-left: 8px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

div#myNavId a.navRef {
  color: #32444B;
}

div#myNavId a.navRef.over {
  color: #ffffff;
}

div#myNavId span.navManageIcon.j-graphic-list-view {
  color: #32444B;
}

.navManageRef {
  height: 60px;
}

.navManageText {
  display: inline-block;
  font-size: 15px;
  height: 60px;
  line-height: 60px;
  padding-left: 8px;
}

.navManageText.fav {
  display: inline-block;
  font-size: 15px;
  height: 60px;
  line-height: 60px;
  padding-left: 8px;
}

.navManageRef .navAction.leaf {
  position: static;
  height: 38px;
  width: 16px;
  padding-top: 22px;
  float: right;
}

.navManageIcon {
  display: inline-block;
  margin-top: 20px;
  color: #e4e8eb;
  height: 24px;
  width: 24px;
}

.navManageIcon:hover {
  color: #ffffff;
}

.navManageIcon.j-graphic-library:before {
  font-size: 20px;
}

.navManageIcon.j-graphic-list-view:before {
  font-size: 20px;
}

.navAction {
  display: none;
  width: 16px;
  height: 26px;
}

.navAction.leaf {
  width: 16px;
  height: 18px;
  padding-top: 6px;
}

.navAction.leaf.center {
  height: 26px;
}

.navAction.leaf.over {
  display: inline-block;
}

.navAction.leaf.j-graphic-open-tab {
  color: #e4e8eb;
}

.navAction.leaf.j-graphic-open-tab:hover {
  color: #ffffff;
}

.navAction.touch {
  display: inline-block;
}

.navAction.j-graphic-anchor {
  display: none;
}

.navLinks.collapsed {
  display: none;
}

.navButtonHighlight {
  position: absolute;
  display: inline-block;
  /* border-top: 1px solid transparent; */
  border-left: 1px solid transparent;
  /* border-bottom: 1px solid transparent; */
  /* width: 48px; */
  height: 50px;
  z-index: 52;
}

.navButtonHighlight:hover {
  color: #ffffff;
}

.navButtonHighlight.over {
  color: #ffffff;
}

.navButtonHighlight.selected {
  background: #003358;
}

.navButtonHighlight.small.selected {
  background: linear-gradient(270deg, #003358 90%, #00bdf8 0%);
}

.navButtonHighlight.small.selected.over {
  background: linear-gradient(270deg, #003358 90%, #00bdf8 0%);
}

.navButtonHighlight.small.over {
  background: #003358;
}

.navButtonHighlight.fav.selected {
  background: #ffffff;
  padding-right: 1px;
  width: 46px;
}

.navButtonHighlight.dragged {
  z-index: 2;
}

.navButtonHighlight.small {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 1px;
  margin-left: 0px;
  width: 48px;
}

.navRefreshDiv {
  position: relative;
  height: 34px;
}

.navRefreshSpan {
  display: inline-block;
  position: absolute;
  margin-top: 2px;
  margin-bottom: 2px;
  right: 24px;
  border-radius: 3px;
}

.navRefresh {
  display: inline-block;
  width: 25px;
  height: 16px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  cursor: pointer;
  color: #e4e8eb;
}

.navRefresh.fav {
  display: inline-block;
  width: 25px;
  height: 16px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  cursor: pointer;
  color: #32444B;
}

.navSeparator {
  display: block;
  height: 1px;
  background: #262626;
}

.sideBarBtnBottom {
  position: absolute;
  bottom: 0px;
  width: 48px;
  height: 20px;
  background: -moz-linear-gradient(#333333, #3c3c3c);
  background: -webkit-linear-gradient(#333333, #3c3c3c);
  background: -o-linear-gradient(#333333, #3c3c3c);
  background: -ms-linear-gradient(#333333, #3c3c3c);
  /*For IE10*/
  background: linear-gradient(#333333, #3c3c3c);
  background: #07679C;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#3c3c3c');
}

.sideBarBtnBottom.fav {
  position: absolute;
  bottom: 0px;
  width: 48px;
  height: 20px;
  background: -moz-linear-gradient(#333333, #3c3c3c);
  background: -webkit-linear-gradient(#333333, #3c3c3c);
  background: -o-linear-gradient(#333333, #3c3c3c);
  background: -ms-linear-gradient(#333333, #3c3c3c);
  background: linear-gradient(#333333, #3c3c3c);
  background: #01497A;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#3c3c3c');
}

.newFav {
  display: inline-block;
  background: url(../images/favourite.svg) no-repeat;
  width: 30px;
  height: 30px;
  margin-left: 9px;
  margin-top: 4px;
  cursor: pointer;
}

.selected .navButton.myNav.newFav {
  display: inline-block;
  background: url(../images/blackfav.png) no-repeat;
  width: 30px;
  height: 30px;
  margin-left: 12px;
  margin-top: 7px;
  cursor: pointer;
}

.breadcrumbs {
  display: block;
  position: relative;
  white-space: nowrap;
  height: 10px;
  font-size: 11px;
  /*background-color:#ffffff;*/
  padding-left: 26px;
}

.breadcrumbs A:link, .breadcrumbs A:active, .breadcrumbs A:visited {
  color: #ffffff;
  padding-right: 5px;
}

.breadcrumbs A:hover {
  color: #2073bc;
}

.breadcrumbToggle {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  margin-top: 2px;
  cursor: pointer;
  background: url(../../../i2/images/collapse.gif) no-repeat;
}

.breadcrumbToggle.collapsed {
  background: url(../../../i2/images/expand.gif) no-repeat;
}

#breadcrumbsApp {
  display: inline-block;
  font-weight: Bold;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 6px;
  vertical-align: top;
}

#breadcrumbsContainer {
  display: inline-block;
  margin-top: 15px;
  height: 15px;
  vertical-align: top;
  font-size: 15px;
  font-weight: bold;
}

#breadcrumbsContainer span {
  cursor: pointer;
  margin-left: 5px;
}

#breadcrumbsContent {
  font-weight: Bold;
  white-space: nowrap;
  color: #244e7a;
  font-size: 12px;
}

#breadcrumbIcons {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 32px;
  height: 20px;
  margin-top: 2px;
  white-space: nowrap;
}

#breadcrumbIcons span {
  display: inline-block;
  cursor: pointer;
}

#breadcrumbRefresh {
  height: 24px;
  width: 24px;
  background: url(../images/primary24/resetOn.png) no-repeat;
}

#breadcrumbPrint {
  height: 24px;
  width: 24px;
  background: url(../images/primary24/printOn.png) no-repeat;
}

#breadcrumbPopup {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 12px;
  color: #5060b8;
  width: 120px;
  background-color: white;
  border: 1px solid gray;
  z-index: 10;
}

#breadcrumbPopup a {
  color: #5060b8;
}

#breadcrumbPopup ul {
  margin: 0px;
  padding: 2px;
}

#breadcrumbPopup li {
  list-style-type: none;
}

#breadcrumbPopup li:hover {
  background-color: lightgrey;
}

.pageTitle {
  display: block;
  color: #ffffff;
  font-size: 20px;
  height: 20px;
  margin-top: 12px;
  padding-bottom: 8px;
}

div#leftBreadcrumbs span {
  display: inline-block;
}

.chart {
  position: absolute;
}

.dial {
  position: absolute;
}

.pieChart {
  position: absolute;
}

.chartSideBorders {
  stroke-width: 1px;
  stroke: #e9e9e9;
}

.chartBottomBorder {
  stroke-width: 1px;
  stroke: #838383;
}

.hiddenRect {
  display: none;
}

.container {
  position: absolute;
  width: 100%;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px;
}

.container.inner {
  margin-top: 5px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 5px;
}

.container.popup {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.containerA {
  position: absolute;
  border: 1px solid #bbbbbb;
}

.containerA.tabbed {
  border-top: 0px;
}

.containerC {
  position: absolute;
}

.containerC.collapsed {
  display: none;
}

.containerDiv {
  padding-top: 0px;
  padding-bottom: 1px;
  background: #ffffff;
}

.containerDiv.headerless {
  padding-top: 0px;
  padding-bottom: 0px;
}

.containerT {
  display: inline-block;
  width: 12px;
  height: 26px;
  background-image: url(../../../i2/images/container_collapse.gif);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  cursor: pointer;
}

.containerT.collapsed {
  background-image: url(../../../i2/images/container_expand.gif);
}

.step {
  position: absolute;
}

.stepContent {
  position: absolute;
}

.stepScroller {
  position: absolute;
  padding: 5px;
}

.wizard {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  border-right: 1px solid #bbbbbb;
}

.wizardStep {
  display: inline-block;
  position: absolute;
  height: 18px;
}

.wizardStep.active {
  background: #fff274;
}

.wizardImage {
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(../../../i2/images/step_inbetwn_incomplete.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.wizardImage.first {
  background-image: url(../../../i2/images/step_first_current.gif);
}

.wizardImage.last {
  background-image: url(../../../i2/images/step_last_complete.gif);
}

.wizardText {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #505050;
}

.standardContainer {
  border: 1px solid #dedede;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px;
}

.standardContainer.selectedTab {
  margin: 0px;
  border-top: 1px solid #dedede;
}

.standardContainer.selectedTab.headerless {
  border-top-width: 3px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}

.containerHeader {
  font-family: Roboto, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #505050;
  width: 100%;
  height: 39px;
  background: linear-gradient(#ffffff, #f0f0f0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0');
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
}

.containerHeader.noheader {
  height: 6px;
  line-height: 6px;
}

.containerHeader.headerless {
  display: none;
}

.containerHeader td {
  white-space: nowrap;
}

.containerNorgie {
  display: inline-block;
  top: 3px;
  width: 2px;
  height: 12px;
  margin-left: 7px;
  margin-right: 4px;
  margin-top: 7px;
}

.expanded .containerNorgie {
  cursor: pointer;
  background: url(../images/expander-open.png) no-repeat;
  width: 12px;
  height: 12px;
}

.collapsed .containerNorgie {
  cursor: pointer;
  background: url(../images/expander-close.png) no-repeat;
  width: 12px;
  height: 12px;
}

.containerNorgieTd {
  min-width: 13px;
}

.collapsed .containerBody {
  display: none;
}

.containerFooter {
  width: 100%;
  background: linear-gradient(#ffffff, #f0f0f0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0');
  height: 34px;
  color: #505050;
  border-top: 1px solid #dedede;
}

.containerFooter.empty {
  height: 0px;
  border-top: 0px;
}

.containerTitle {
  width: 100%;
}

.popupForm {
  padding: 0px;
}

.containerBody .standardContainer {
  margin: 6px;
}

.standardContainer.headerless .standardContainer {
  margin: 0px;
}

.containerBody .standardContainer.selectedTab {
  margin: 0px;
}

.containerBody .tabContainer {
  margin: 6px;
}

.containerContent.scrollable {
  overflow: hidden;
}

.footer {
  white-space: nowrap;
}

.footer.left {
  padding-left: 8px;
  width: 100%;
}

.wizardSpan {
  display: inline-block;
  width: 100%;
}

.stepWizardSpan {
  display: inline-block;
  vertical-align: top;
  width: 15%;
}

.innerWizardSpan {
  display: inline-block;
  width: 85%;
}

.contextMenuPlugin {
  -webkit-user-select: none;
  display: none;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  position: absolute;
  left: 100px;
  top: 100px;
  min-width: 100px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #f7f3f7;
  border: 2px solid #f7f7f7;
  outline: 1px solid #949694;
}

.contextMenuPlugin > li {
  margin: 0 0 0 0;
  text-align: center;
  padding: 1px;
  background-repeat: no-repeat;
  border-top: 1px solid #e7e3e7;
  border-bottom: 1px solid #ffffff;
  background-color: #D6E5F6;
}

.contextMenuPlugin > li > a {
  position: relative;
  display: block;
  padding: 3px 3px 3px 3px;
  color: green;
  text-decoration: none;
  margin: 1px;
}

.licss {
  margin: 0 0 0 0;
  text-align: center;
  text-color: black;
  padding: 1px;
  background-repeat: no-repeat;
  border-top: 1px solid #e7e3e7;
  border-bottom: 1px solid #ffffff;
  background-color: #F2F1F9;
  z-index: 100;
}

.acss {
  position: relative;
  display: block;
  padding: 3px 3px 3px 3px;
  text-decoration: none;
  margin: 1px;
  color: black;
  text-color: black;
  background-color: #ecf2fb;
}

.licss:hover {
  border: 0px solid #fffbff;
  outline: 1px solid #b5d3ff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80efefff', endColorstr='#80dfdfff',GradientType=0 );
  cursor: default;
}

.contextMenuPlugin > .gutterLine {
  position: absolute;
  border-left: 1px solid #e7e3e7;
  border-right: 1px solid #ffffff;
  text-align: center;
  width: 0;
  top: 0;
  bottom: 0;
  left: 0px;
  z-index: 0;
}

.gradientHeaderDivOuterShadows {
  z-index: 2;
  text-align: center;
  background-color: #C0C0C0;
  display: table-row;
  width: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#D7E9F5');
  background-image: -ms-linear-gradient(left, white 0%, #D7E9F5 100%);
  background-image: -moz-linear-gradient(left, white 0%, #D7E9F5 100%);
  background-image: -o-linear-gradient(left, white 0%, #D7E9F5 100%);
  background-image: -webkit-linear-gradient(left, white 0%, #D7E9F5 100%);
}

.c-action {
  background: url(../../../i2/images/table_cell_pop_indi.gif) no-repeat;
  position: relative;
  top: 0px;
  display: inline-block;
  width: 12px;
  height: 16px;
  cursor: pointer;
  float: right;
  text-align: right;
  visibility: hidden;
}

.popupbuttonText {
  font-size: 12px;
  font-weight: bold;
  color: #264c77;
  text-align: center;
  white-space: nowrap;
}

.hierarchyDetailButton {
  float: right;
}

.gradientMapperDivWithOuterShadows {
  background-color: white;
  display: table;
  overflow: auto;
  border: 2px solid green;
  position: absolute;
  width: auto;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#D7E9F5');
  background-image: -ms-linear-gradient(left, white 0%, #D7E9F5 100%);
  background-image: -moz-linear-gradient(left, white 0%, #D7E9F5 100%);
  background-image: -o-linear-gradient(left, white 0%, #D7E9F5 100%);
  background-image: -webkit-linear-gradient(left, white 0%, #D7E9F5 100%);
}

.diagramHeader {
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: black;
  width: 100%;
  height: 39px;
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
}

.workbook {
  position: absolute;
}

.excelPivot {
  position: absolute;
}

.excelPivotChart {
  position: absolute;
}

.fieldText {
  display: block;
  color: #424749;
  padding-bottom: 8px;
}

.fromText {
  color: #424749;
  vertical-align: middle;
}

.toText {
  color: #424749;
  vertical-align: middle;
}

.field {
  position: absolute;
}

.fieldLabel {
  white-space: nowrap;
}

.fieldLabelV2 {
  display: inline-block;
  padding-bottom: 3px;
  vertical-align: bottom;
}

.fieldPrefix {
  position: absolute;
  white-space: nowrap;
}

.fieldPostfix {
  position: absolute;
  white-space: nowrap;
}

.fieldGroup {
  position: absolute;
}

.checkBox {
  position: absolute;
  padding-right: 5px;
}

.checkBoxF {
  position: absolute;
  white-space: nowrap;
}

.chooseField {
  position: absolute;
}

.compoundField {
  position: absolute;
  white-space: nowrap;
}

.compoundFieldF {
  position: absolute;
  top: 0px;
  white-space: nowrap;
}

.dateRange {
  position: absolute;
  padding-right: 5px;
}

.dateRangeF {
  position: absolute;
  white-space: nowrap;
}

.dateRangeI {
  color: inherit;
}

.displayField {
  position: absolute;
  padding-right: 5px;
}

.displayFieldF {
  position: absolute;
  padding: 1px;
  white-space: nowrap;
}

.emptyDate {
  color: #808080;
}

.dropdown {
  position: absolute;
  padding-right: 5px;
  margin-bottom: 2px;
}

.dropdownF {
  position: absolute;
}

.dropdownMulti {
  position: absolute;
  left: 0px;
  top: 0px;
}

.dropdownSingle {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 12px;
  border: 1px solid #999999;
}

.entryField {
  position: absolute;
  padding-right: 5px;
  margin-bottom: 2px;
}

.entryFieldF {
  position: absolute;
  font-size: 12px;
  border: 1px solid #999999;
  padding: 1px;
  color: #505050;
}

.entryFieldF.inline {
  color: inherit;
}

.entryFieldF.noneditable {
  border: 0px;
  padding: 0px;
  background: transparent;
}

.fieldSpace {
  position: absolute;
  width: 1px;
  height: 18px;
}

.imageLinkField {
  position: absolute;
}

.imageLinkFieldF {
  position: absolute;
  cursor: pointer;
}

.imageMap {
  position: absolute;
}

.imageMapF {
  position: absolute;
  cursor: pointer;
}

.linkField {
  position: absolute;
  padding-right: 5px;
}

.linkFieldF {
  position: absolute;
  color: #5060b8;
  cursor: pointer;
}

.radioButton {
  position: absolute;
  padding-right: 5px;
}

.radioButtonF {
  position: absolute;
  white-space: nowrap;
}

.requiredStar {
  color: grey;
  font-weight: bold;
}

.requiredWhiteStar {
  color: white;
  font-weight: bold;
}

.requiredFieldClass > .tableTd > .requiredStar, .requiredFieldClass > .pivotTd > .requiredStar {
  color: white;
}

.suggest {
  position: absolute;
}

.textAreaField {
  position: absolute;
  padding-right: 5px;
  padding-bottom: 3px;
}

.textAreaFieldF {
  position: absolute;
  border: 1px solid #999999;
  padding: 1px;
}

.fieldGroupDiv.hasFields {
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.fieldGroupDiv .fieldGroupDiv.hasFields {
  padding: 0px;
}

.fieldGroupText {
  display: inline-block;
  padding-bottom: 16px;
  padding-left: 12px;
  font-weight: bold;
  line-height: 22px;
}

.fgTd {
  padding-left: 14px;
  padding-right: 2px;
  padding-bottom: 16px;
  vertical-align: top;
  line-height: 22px;
}

.lastFgTr > .fgTd {
  padding-bottom: 0px;
}

.fgTdNoField {
  padding-left: 14px;
  padding-bottom: 16px;
}

.fgTdNoField.hasFieldGroup {
  padding: 0px;
}

.lastFgTr > .fgTdNoField {
  padding-bottom: 0px;
}

.showDivider {
  border-right: 1px solid #dedede;
}

.vAlignTop {
  vertical-align: top;
}

.fieldIndicatorSvg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 5px;
  height: 5px;
}

.fieldIndicatorPath {
  fill: #c00100;
}

.fieldErrorMsg {
  position: absolute;
  color: white;
  background: #d81312;
  border-radius: 3px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 5px;
  margin-top: 9px;
  max-width: 250px;
}

.fieldErrorMsg.warning {
  color: #000000;
  background: #ffe600;
}

.fieldErrorMsg.info {
  background: #4f59a0;
}

.fieldErrorSvg {
  position: absolute;
  top: -5px;
  width: 10px;
  height: 5px;
}

.fieldErrorPath {
  fill: #d81312;
}

.warning .fieldErrorPath {
  fill: #ffe600;
}

.info .fieldErrorPath {
  fill: #4f59a0;
}

.radioMargin {
  margin-right: 5px;
}

.disabledLabelColor {
  color: #cccccc;
}

.textAlignRightTd {
  float: right;
}

.flowchart {
  position: absolute;
}

.flowchartPopupDiv {
  font-size: 1em;
  width: auto;
  position: fixed;
  border: black;
}

.flowchartpopupmenu {
  width: auto;
}

.flowchartpopupmenu ul {
  margin: 0px;
  padding: 0px;
}

.flowchartpopupmenu li {
  font: 10px/normal verdana, sans-serif;
  list-style: none;
  vertical-align: bottom;
  position: relative;
  font-size-adjust: none;
  font-stretch: normal;
}

.flowchartpopupmenu a {
  background: silver;
  margin: -1px 0px 0px;
  border: 1px solid white;
  width: auto;
  color: black;
  line-height: 25px;
  padding-left: 0.7em;
  padding-right: 0.7em;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

.flowchartpopupmenu :hover > a {
  background: #7b7b7b;
  color: yellow;
  text-decoration: underline;
  white-space: nowrap;
}

.level {
  left: 99%;
  top: 1px;
  visibility: hidden;
  position: absolute;
}

:hover > ul {
  visibility: visible;
}

.flowchartPopup {
  font-size: 1em;
  width: auto;
  position: fixed;
  border: black;
}

.flowchartPopup ul {
  margin: 0px;
  padding: 0px;
}

.flowchartPopup li {
  list-style: none;
}

.flowchartPopupItem {
  position: absolute;
}

.flowchartPopupDivider {
  position: absolute;
}

.flowchartSymbolNode {
  position: absolute;
}

.flowchartSymbolNode:hover {
  cursor: pointer;
}

.flowchartConnector {
  position: absolute;
}

.flowchartConnector:hover {
  cursor: pointer;
}

.tooltip {
  font-size: 12px;
}

.tooltip_bg {
  fill: lightgray;
  stroke: black;
  stroke-width: 1;
  opacity: 0.85;
}

#page_disabled {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.3;
  background: white;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

#page_disabled.print {
  top: 25px;
  opacity: 0;
  background: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#page_disabled iframe {
  width: 100%;
  height: 100%;
}

#busy_box {
  display: none;
  position: absolute;
  min-width: 200px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  padding: 15px;
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
  color: #424749;
  cursor: wait;
  z-index: 5;
}

.busyBoxTable {
  width: 100%;
}

.busyBoxMsg {
  display: none;
}

.busyBoxPleaseWait {
  padding-top: 8px;
}

.busyBoxCancel {
  display: none;
  padding-top: 16px;
  text-align: center;
}

.busyBoxUploadProgress {
  display: none;
  padding-top: 8px;
  width: 100%;
}

.bodyDiv {
  visibility: hidden;
  overflow: hidden;
  /*background:#ffffff;*/
  /*border-right:1px solid #ffffff;*/
  /*border-bottom:1px solid #ffffff;*/
  /*border-top:1px solid #ffffff;*/
  /*border-left:1px solid #ffffff;*/
}

.bodyDiv.printClass {
  overflow-y: visible;
}

.printClass .pageSizer {
  overflow: visible;
}

.printClass .bottomBorderWrapper {
  overflow: visible;
}

.printClass .grid {
  overflow: visible;
}

.bodyText {
  font-size: 12px;
  font-weight: Normal;
  padding-left: 4px;
}

.bodyBackground {
  background-color: #ffffff;
}

.messageBoxBackground {
  background-color: #f7f8fd;
}

img {
  vertical-align: middle;
}

P.reset {
  margin: 1px;
  font-size: 12px;
}

BR.separator {
  font-size: 6px;
}

.shadow {
  border-right: 1px solid #cccccc;
}

.linkDisabled {
  color: #a0a0a0;
  text-decoration: none;
}

HR {
  height: 1px;
}

.componentData {
  display: none;
}

.regionDivider {
  height: 3px;
  color: #e6e6e6;
  border-top: 1px solid #c6c2c6;
  border-bottom: 1px solid #ffffff;
}

.vr {
  width: 1px;
  font-size: 1px;
  background-color: #999999;
}

.dynamicPGL {
  position: absolute;
}

.horizontalRuler {
  position: absolute;
}

.imageComponent {
  position: absolute;
}

.verticalRuler {
  position: absolute;
  width: 1px;
  font-size: 1px;
  background-color: #999999;
}

.errorMessage {
  font-size: 12px;
  font-weight: Normal;
  color: #c63e3e;
}

.positiveMessage {
  font-size: 12px;
  font-weight: Normal;
  color: #238b3b;
}

.bottomBorderWrapper {
  width: 100%;
  overflow: hidden;
  background: #013366;
}

.applicationHeader {
  font-size: 12px;
  font-weight: Bold;
  color: #2e4e9e;
}

.contentHeader {
  font-size: 12px;
  font-weight: Bold;
  color: #505050;
}

.instructionsArea {
  width: 100%;
  background-color: #f7f8fd;
  font-size: 10px;
  border-bottom: 1px solid #dedede;
}

.instructionsArea TD {
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

TD.requiredStar {
  height: 16px;
  padding-left: 12px;
}

.pagingControl {
  height: 24px;
  padding-top: 4px;
  background: #ffffff;
  border: 1px solid #dedede;
  white-space: nowrap;
}

.pageToBeginning {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  margin-right: 5px;
  background: url(../images/16x16/first_page_up_normal_16.png) no-repeat;
  cursor: pointer;
}

.pageToBeginning:hover {
  background: url(../images/16x16/first_page_up_hover_black_16.png) no-repeat;
}

.pageToBeginningInact {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  margin-right: 5px;
  background: url(../images/16x16/first_page_up_disabled_16.png) no-repeat;
}

.pagePrevious {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/16x16/previous_page_up_normal_16.png) no-repeat;
  cursor: pointer;
}

.pagePrevious:hover {
  background: url(../images/16x16/previous_page_up_hover_black_16.png) no-repeat;
}

.pagePreviousInact {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/16x16/previous_page_up_disabled_16.png) no-repeat;
}

.pageNext {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/16x16/next_page_down_normal_16.png) no-repeat;
  cursor: pointer;
}

.pageNext:hover {
  background: url(../images/16x16/next_page_down_hover_black_16.png) no-repeat;
}

.pageNextInact {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/16x16/next_page_down_disabled_16.png) no-repeat;
}

.pageToEnd {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/16x16/last_page_down_normal_16.png) no-repeat;
  cursor: pointer;
}

.pageToEnd:hover {
  background: url(../images/16x16/last_page_down_hover_black_16.png) no-repeat;
}

.pageToEndInact {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/16x16/last_page_down_disabled_16.png) no-repeat;
}

.pagingTitle {
  padding-left: 15px;
  color: black;
}

.pagingGoto {
  padding-left: 29px;
  padding-right: 5px;
  color: black;
}

.pagingJump {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/16x16/go_normal_16.png) no-repeat;
  cursor: pointer;
}

.pagingJump:hover {
  background: url(../images/16x16/go_hover_black_16.png) no-repeat;
}

.pagingJump.disabled {
  background: url(../images/16x16/go_disabled_16.png) no-repeat;
}

.pageNumField {
  font-size: 12px;
  color: #505050;
  border: 1px solid #505050;
  padding: 1px;
  margin-left: 2px;
  margin-right: 2px;
}

.editableCell {
  background: #ffffff;
  font-size: 12px;
  color: #505050;
}

.indent {
  padding-left: 8px;
  padding-right: 8px;
}

.popupLink {
  color: #505050;
}

.popupLink A:link, .popupLink A:active, .popupLink A:visited, .popupLink A:hover {
  color: #505050;
  text-decoration: none;
}

.menuText {
  font-size: 12px;
  color: #505050;
  border-bottom: 1px solid #dedede;
}

.menuText A:link, .menuText A:active, .menuText A:visited {
  color: #505050;
  text-decoration: none;
}

TR:last-child > .menuText {
  border-bottom: 0px;
}

.menuText A:hover {
  color: #000000;
}

.menuSpacer {
  width: 0px;
}

.menuUnHighlighted {
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
}

.menuHighlighted {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWRlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebedef), color-stop(100%, #dcdcdc));
  background-image: -moz-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: -webkit-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: linear-gradient(to bottom, #ebedef, #dcdcdc);
  background-image: -ms-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%201%201'%20preserveAspectRatio%3D'none'%3E%3ClinearGradient%20id%3D'g791'%20gradientUnits%3D'userSpaceOnUse'%20x1%3D'0%25'%20y1%3D'0%25'%20x2%3D'0%25'%20y2%3D'100%25'%3E%3Cstop%20stop-color%3D'%23EBEDEF'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'%23DCDCDC'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'1'%20height%3D'1'%20fill%3D'url(%23g791)'%20%2F%3E%3C%2Fsvg%3E") !important;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
}

.menuHighlighted .menuText {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebedef', EndColorStr='#dcdcdc');
}

.menuShadow {
  background-color: #f2f4fe;
  border-style: solid ;
  border-width: 1px ;
  border-color: #dedede #dedede #dedede #dedede ;
  background-color: #ffffff ;
  -moz-box-shadow: 0 2px 2px -1px #303030;
  -webkit-box-shadow: 0 2px 2px -1px #303030;
  box-shadow: 0 2px 2px -1px #303030;
  color: #F0FAFE;
}

.formLabel {
  color: #505050;
  text-align: left;
}

.formTable {
  padding: 5px;
  margin: 0px;
  border-color: #ffffff;
  border-width: 1px;
  border: 1px solid none;
  background-color: #ffffff;
}

.formTableIndent {
  background-color: #ffffff;
  font-size: 12px;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}

#readOnly {
  background-color: #f7f8fd;
}

.msPulldown {
  background: #ffffff;
  font-size: 12px;
  color: #505050;
  padding-left: 3px;
  border: 1px solid #c7c7c7;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
}

.msNoOption {
  display: none;
}

.pulldown {
  font-family: Roboto, arial, sans-serif;
  background: #ffffff;
  font-size: 12px;
  color: #505050;
  padding-left: 3px;
  border: 1px solid #c7c7c7;
}

.pulldown.selected {
  border-color: #4285f4;
}

.pulldownHeight {
  height: 24px;
}

.requiredLabel {
  font-size: 10px;
}

.requiredIndicator {
  font-size: 10px;
  color: #ff0000;
}

#rightAlign {
  text-align: right;
}

.inputField {
  font-size: 12px;
  color: #505050;
  background: #ffffff;
  height: 18px;
  padding-left: 3px;
  padding-top: 1px;
  border: 1px solid #999999;
}

.smallinputField {
  font-size: 12px;
  color: #505050;
  background: #ffffff;
  height: 16px;
  padding-left: 3px;
  border: 1px solid #999999;
}

#editedText {
  font-size: 12px;
  font-weight: Bold;
  font-style: Italic;
  color: #505050;
  padding-left: 3px;
}

.displayOverflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

.smalldisplayField {
  background: #f7f8fd;
  font-size: 12px;
  color: #505050;
  height: 16px;
  padding-left: 3px;
  border: 1px solid #999999;
}

.listDisplayField {
  background: #ffffff;
  font-size: 12px;
  color: #505050;
  padding-left: 3px;
  border: 1px solid #999999;
}

.inputFieldNoBorder {
  font-size: 12px;
  color: #505050;
  background: #ffffff;
  height: 18px;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.listBoxHeader {
  background-color: #d1d6f0;
  font-size: 12px;
  color: #505050;
  line-height: 18px;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
  padding-left: 8px;
}

.wizardContent {
  margin: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.wizardTable {
  table-layout: fixed;
}

.wizardSteps {
  width: 200px;
  vertical-align: top;
}

.wizardStepOld {
  background-color: #f7f8fd;
  height: 18px;
  font-size: 12px;
  color: #505050;
}

.wizardStepText {
  margin-left: 20px;
  height: 18px;
  position: relative;
  top: 2px;
}

.wizardStepCurrent {
  background-position: left bottom;
  background-repeat: no-repeat;
}

.wizardStepCurrent.first {
  background-image: url(../../../i2/images/step_first_current.gif);
}

.wizardStepCurrent.inbetween {
  background-image: url(../../../i2/images/step_inbetwn_current.gif);
}

.wizardStepCurrent.last {
  background-image: url(../../../i2/images/step_last_current.gif);
}

.wizardStepIncomplete {
  background-position: left;
  background-repeat: no-repeat;
  background-color: #f7f8fd;
  font-size: 12px;
  color: #a0a0a0;
}

.wizardStepIncomplete.first {
  background-image: url(../../../i2/images/step_first_incomplete.gif);
}

.wizardStepIncomplete.inbetween {
  background-image: url(../../../i2/images/step_inbetwn_incomplete.gif);
}

.wizardStepIncomplete.last {
  background-image: url(../../../i2/images/step_last_incomplete.gif);
}

.wizardStepComplete {
  background-position: left bottom;
  background-repeat: no-repeat;
}

.wizardStepComplete.first {
  background-image: url(../../../i2/images/step_first_complete.gif);
}

.wizardStepComplete.inbetween {
  background-image: url(../../../i2/images/step_inbetwn_complete.gif);
}

.wizardStepComplete.last {
  background-image: url(../../../i2/images/step_last_complete.gif);
}

.wizardStepSelected {
  background-color: #fff274;
  font-size: 12px;
  height: 18px;
  color: #505050;
}

.wizardStepOptional {
  background: #f7f8fd;
  font-size: 12px;
  color: #505050;
  height: 18px;
  font-style: Italic;
}

.wizardStepSelectedOptional {
  background: #fff274;
  font-size: 12px;
  color: #505050;
  height: 18px;
  font-style: Italic;
}

.wizardStepIncompleteOptional {
  background: #f7f8fd;
  font-size: 12px;
  color: #a0a0a0;
  height: 18px;
  font-style: Italic;
}

TEXTAREA {
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  font-size: 12px;
  font-weight: Normal;
}

TEXTAREA.editable {
  padding: 8px;
  background-color: #ffffff;
}

TEXTAREA.noneditable {
  padding: 8px;
  background-color: #f7f8fd;
}

.region {
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 6px;
}

.regionBackground {
  background-color: #e0e0e0;
}

.datePickerHeaderYr {
  background-color: #bec5e7;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding-left: 1px;
  padding-right: 1px;
}

.datePickerHeaderMo {
  background-color: #d1d6f0;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding-left: 1px;
  padding-right: 1px;
}

.datePickerHeaderButton {
  background-color: #fff6a6;
  font-size: 10px;
  text-align: center;
  border-bottom: 1px solid #e4db83;
  border-right: 1px solid #e4db83;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.datePickerHeaderLabel {
  font-size: 12px;
  font-weight: Bold;
  color: #505050;
  text-align: center;
}

.datePickerCalendar {
  background-color: #f7f8fd;
  color: #505050;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
}

.datePickerFooter {
  background-color: #bec5e7;
  font-size: 12px;
  color: #505050;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding-left: 1px;
  padding-right: 1px;
}

.datePickerDayLetter {
  background-color: #f7f8fd;
  font-size: 12px;
  color: #505050;
  font-weight: Bold;
  text-align: center;
  padding-top: 1px;
}

.datePickerDay {
  background-color: #ffffff;
  font-size: 12px;
  text-align: center;
}

.datePickerDay A:link, .datePickerDay A:active, .datePickerDay A:visited, .datePickerDay A:hover {
  color: #b2b2b2;
  text-decoration: none;
}

.datePickerDayThisMonth {
  background-color: #ffffff;
  font-size: 12px;
  text-align: center;
}

.datePickerDayThisMonth A:link, .datePickerDayThisMonth A:active, .datePickerDayThisMonth A:visited, .datePickerDayThisMonth A:hover {
  color: #505050;
  text-decoration: none;
}

.datePickerDayToday {
  background-color: #eceef8;
  font-size: 12px;
  text-align: center;
}

.datePickerDayToday A:link, .datePickerDayToday A:active, .datePickerDayToday A:visited, .datePickerDayToday A:hover {
  color: #505050;
  text-decoration: none;
}

.datePickerDaySelected {
  background-color: #fff274;
  font-size: 12px;
  font-weight: Bold;
  text-align: center;
}

.datePickerDaySelected A:link, .datePickerDaySelected A:active, .datePickerDaySelected A:visited, .datePickerDaySelected A:hover {
  color: #505050;
  text-decoration: none;
}

.requiredIndicatorRed {
  font-size: 12px;
  color: #ff0000;
}

.requiredIndicatorGreen {
  font-size: 12px;
  color: #008000;
}

DIV.suggestOld {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  border: 1px solid gray;
  overflow-x: auto;
  overflow-y: auto;
  height: 175px;
}

TD.suggestOld.selected {
  background-color: #3365cd;
  color: white;
}

span.treenode {
  color: #ff0000;
}

/* BODY CONTENT FRAME */
.contentBody {
  background-color: #E0E0E0;
  margin: 0px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}

.wizardPanel {
  background: #F7F8FD;
}

.inputFieldIE {
  font-family: Roboto, arial, sans-serif;
  color: #505050;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0px;
  /*border-radius:3px;*/
  margin: 0px;
  background-color: #ffffff;
  vertical-align: middle;
}

.inputFieldIE.numeric {
  font-family: Roboto, arial, sans-serif;
  font-size: 12px;
  color: #505050;
  text-align: right;
}

.inputFieldIE.border {
  border: 1px solid #cacaca;
  /*border-radius:3px;*/
}

.inputFieldIE.selected {
  border-color: #4285f4;
}

.inputFieldIE:disabled {
  background: #f9f9f9;
  color: #cccccc;
}

.fieldBorder {
  position: relative;
  display: inline-block;
  border: 1px solid #c7c7c7;
  /*border-radius:3px;*/
}

.fieldBorder.errors {
  border-color: #f83030;
}

.fieldBorder.noneditable {
  border-color: transparent;
}

.fieldBorder.inTable {
  border-color: transparent;
}

.fieldBorder.disabled {
  border-color: #e3e3e3;
}

.fieldBorder.selected {
  border-color: #4285f4;
}

SPAN.noneditable {
  color: #505050;
}

.contentFrameBody {
  /*background:#ffffff;*/
}

/*REQUIRED FIELD FRAMEWORK*/
.instructionArea {
  background: #f7f8fd;
  font-size: 10px;
  color: #505050;
  padding-left: 5px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999999;
}

.instructionArea_new {
  background: #f7f8fd;
  font-size: 10px;
  color: #505050;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 1px;
  border-bottom: 1px solid #999999;
}

.instructionItem {
  background: #f7f8fd;
  font-size: 10px;
  color: #505050;
  cellspacing: 6px;
}

.checkboxColumn {
  background-color: #D1D6F0;
}

.unEditableArea {
  background-color: #F7F8FD;
  font-size: 12px;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
}

.editableArea {
  background-color: white;
  font-size: 12px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.unEditableContainer {
  background: #eceef8;
}

.loginGreeting {
  font-size: 11px;
}

.multiSelectDropdownOuter {
  font-family: Roboto, arial, sans-serif;
  display: inline-block;
  width: 180px;
  height: 17px;
  margin: 0px;
  border: 1px solid #999999;
  color: #505050;
  background: #ffffff;
  font-size: 12px;
  vertical-align: top;
  white-space: nowrap;
}

.multiSelectDropdownInner {
  font-family: Roboto, arial, sans-serif;
  display: inline-block;
  width: 159px;
  height: 15px;
  margin: 0px;
  border: 0px;
  line-height: normal;
  padding-top: 2px;
  padding-left: 4px;
  overflow-x: hidden;
  white-space: nowrap;
  vertical-align: top;
}

.multiSelectDropdownIcon {
  border: 0px;
  margin-top: 1px;
  padding: 0px;
  vertical-align: top;
}

.pageGroup {
  position: relative;
  padding-top: 5px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 3px;
}

.pageGroup.popup {
  padding: 0px;
}

.pageGroupC {
  position: relative;
}

.popupForm .pageGroup {
  padding: 0px;
}

.help {
  position: absolute;
  display: inline-block;
  background: url(../../../i2/images/help_avail.gif) no-repeat;
  background-position: 0px 4px;
  width: 16px;
  height: 16px;
  padding-left: 0px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 2px;
  cursor: pointer;
}

.helpOld {
  display: inline-block;
  background: url(../images/24x24/help_normal_24.png) no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin-top: 1px;
  cursor: pointer;
}

.helpOld:hover {
  background: url(../images/24x24/help_hover_blue_24.png) no-repeat;
}

.customizeIcon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  background: url(../../../i2/images/cstmz_actv.gif) no-repeat;
}

.customizeIconOld {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 1px;
  cursor: pointer;
  background: url(../images/properties.png) no-repeat;
}

.exportIcon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  background: url(../../../i2/images/dnld_avail.gif) no-repeat;
}

.exportIconOld {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: 1px;
  cursor: pointer;
  background: url(../images/16x16/export_normal_16.png) no-repeat;
}

.dynamicNavIcon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  background: url(../images/16x16/related_pages_normal_16.png) no-repeat;
}

.dynamicNavIconOld {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  background: url(../images/16x16/related_pages_normal_16.png) no-repeat;
}

.header {
  display: inline-block;
  position: absolute;
}

.headerOld {
  display: inline-block;
  margin-top: 0px;
  padding-top: 0px;
}

.headerLabel {
  display: inline-block;
  padding-top: 1px;
  font-weight: Normal;
  vertical-align: middle;
}

.headerValue {
  display: inline-block;
  padding-top: 1px;
  padding-right: 4px;
  vertical-align: middle;
}

a.text {
  vertical-align: middle;
  padding: 1px;
}

a.text img {
  padding: 2px;
}

.image {
  display: block;
}

.link {
  display: inline-block;
  position: absolute;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  cursor: pointer;
}

.links {
  display: inline-block;
  position: relative;
}

.scroller {
  position: relative;
  overflow: scroll;
  width: 0px;
}

.chart.scroller {
  overflow: hidden;
  width: auto;
}

.cognos.scroller {
  overflow: hidden;
  width: auto;
}

.dial.scroller {
  overflow: hidden;
  width: auto;
}

.excel-pivot.scroller {
  overflow: hidden;
  width: auto;
}

.workbook.scroller {
  overflow: hidden;
  width: auto;
}

.flex.scroller {
  overflow: hidden;
  width: auto;
}

.pageSizer {
  overflow: hidden;
}

.grid {
  position: absolute;
}

.gridDiv {
  overflow: hidden;
}

.gridTable {
  width: 100%;
}

.gridCell {
  vertical-align: top;
}

.html {
  position: absolute;
}

.legendField {
  position: absolute;
  white-space: nowrap;
}

.legendFieldBlk {
  display: inline-block;
  width: 30px;
  height: 15px;
  margin-right: 5px;
}

.nonBreakingSpace {
  position: absolute;
  white-space: nowrap;
}

.pivot-edit {
  height: 26px;
}

.pivot-layout {
  width: 100%;
}

.style {
  position: absolute;
  width: 0px;
  height: 0px;
}

.stylePreview {
  display: inline-block;
  border: 1px solid black;
  width: 40px;
  height: 18px;
  cursor: pointer;
}

.flexComponent {
  position: absolute;
}

.configureTableButtons {
  width: 24px;
  vertical-align: middle;
}

.configureTableButtons .fgPaddingClass {
  padding: 0px;
}

.configureTableButtons .fgTd {
  padding: 0px;
}

.configureTablePadding {
  padding-right: 6px;
}

.tableEditorSearchImg {
  background: url(../images/16x16/search_find_normal_16.png) no-repeat;
  background-position: 0px 2px;
}

.tableEditorSearchImg:hover {
  background-image: url(../images/16x16/search_find_hover_black_16.png);
}

.rowHighlight .tableEditorSearchImg {
  background-image: url(../images/16x16/search_find_hover_white_16.png);
}

input:focus, textarea:focus, select:focus {
  outline: 0;
}

.olapPivot {
  position: absolute;
}

.olapPivotA {
  position: absolute;
}

.olapPivotC {
  position: absolute;
}

.olapPivotT {
  display: inline-block;
  width: 12px;
  height: 26px;
  background: url(../../../i2/images/container_collapse.gif) no-repeat;
  background-position: 0px 10px;
  cursor: pointer;
}

.olapPivotOld .scroller {
  min-height: 1px;
  overflow: hidden;
}

.pivotCustomizeIcon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url(../images/properties.png) no-repeat;
}

.pivotExportIcon {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url(../images/16x16/export_normal_16.png) no-repeat;
}

.factFilter {
  font-style: italic;
}

.pivotAddMeasure {
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  padding-bottom: 4px;
  cursor: pointer;
  background: url(../images/24x24/add_normal_24.png) no-repeat;
}

.pivotAddMeasure:hover {
  background: url(../images/24x24/add_hover_black_24.png) no-repeat;
}

.pivotDeleteMeasure {
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url(../images/24x24/delete_normal_24.png) no-repeat;
}

.pivotDeleteMeasure:hover {
  background: url(../images/24x24/delete_hover_black_24.png) no-repeat;
}

.pivotDeleteMeasure.disabled {
  background: url(../images/24x24/delete_disabled_24.png) no-repeat;
  cursor: default;
}

.pivotCell {
  position: absolute;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  color: #545454;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pivotCell.odd {
  background-color: #eeeeee;
}

.pivotCell.editable {
  background-color: #ffedd8;
}

.pivotCellArea {
  position: absolute;
  left: 0px;
  top: 0px;
}

.pivotCellEditor {
  position: absolute;
  font-size: 12px;
  padding: 0px;
  border-width: 2px;
}

.pivotCellHighlight {
  background-color: #6bd7f5;
}

.pivotHToggler {
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background: url(../images/collapsed_arrow.png) no-repeat;
  background-position: 0px 3px;
}

.pivotHToggler.expanded {
  background: url(../images/expanded_arrow.png) no-repeat;
  background-position: 0px 3px;
}

.pivotToggler {
  display: inline-block;
  margin-left: -2px;
  margin-top: -3px;
  width: 14px;
  height: 14px;
  color: #ffffff;
  cursor: pointer;
}

.pivotToggler:before {
  font-size: 8px;
}

.pivotToggler.collapsed {
  margin-left: -8px;
  margin-right: 4px;
}

.pivotColumnHeaders {
  position: absolute;
  top: 40px;
  border-left: 1px solid white;
  border-top: 1px solid white;
}

.pivotColumnValues {
  position: absolute;
  top: 40px;
  border-top: 1px solid white;
  overflow-x: hidden;
}

.pivotData {
  visibility: hidden;
}

.pivotDragger {
  position: absolute;
}

.pivotCustomizeDragger {
  position: absolute;
  background: #e6e6e6;
}

.pivotCustomizeDropIndicator {
  position: absolute;
  background: #0000A0;
  margin-top: 1px;
  margin-left: 1px;
  width: 50px;
  height: 2px;
  display: none;
}

.pivotDropIndicator {
  position: absolute;
  background: #ffffff;
}

.pivotFilters {
  position: absolute;
  background: #E0E0E0;
  font-style: italic;
  border-left: 1px solid #ffffff;
  padding-right: 3px;
  padding-top: 8px;
  height: 24px;
  white-space: nowrap;
}

.pivotFilters .pivotDimensionHeader {
  border-top: 1px solid #ffffff;
  background: #e0e0e0;
  color: #545454;
}

.pivotFilter {
  position: absolute;
  background: #e0e0e0;
  color: #ffffff;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #545454;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pivotDimensionHeader {
  position: absolute;
  background: #898989;
  color: #ffffff;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pivotDragger .pivotDimensionHeader {
  position: static;
  border: 1px solid #ffffff;
}

.pivotDimensionValue {
  position: absolute;
  background: #f3f3f3;
  color: #545454;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.pivotDimensionValue.level0 {
  background: #c3c3c3;
}

.pivotDimensionValue.level1 {
  background: #cfcfcf;
}

.pivotDimensionValue.level2 {
  background: #dbdbdb;
}

.pivotDimensionValue.level3 {
  background: #e7e7e7;
}

.pivotMeasureHeader {
  position: absolute;
  background: #f3f3f3;
  color: #545454;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pivotMeasureHeader.sorted {
  text-overflow: clip;
}

.pivotMeasureText {
  color: inherit;
}

.pivotMeasureText.sorted {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pivotMeasureSort {
  display: inline-block;
  width: 9px;
  height: 6px;
  padding-left: 3px;
  margin-top: 5px;
  background-image: url(../../../i2/images/sort_descending.gif);
  background-repeat: no-repeat;
}

.pivotMeasureSort.ascending {
  background-image: url(../../../i2/images/sort_ascending.gif);
}

.pivotPopupItem {
  display: none;
}

.pivotRowHeaders {
  position: absolute;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.pivotRowValues {
  position: absolute;
  border-left: 1px solid #ffffff;
  overflow-y: hidden;
}

.pivotScrollArea {
  position: absolute;
  overflow: scroll;
}

.pivotTotals {
  position: absolute;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #fffff;
  background: #C8C8C8;
  font-style: italic;
}

.pivotValueSpan {
  display: inline-block;
  padding-left: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pivotView {
  position: absolute;
  overflow: hidden;
}

.label.pivotMeasure {
  padding-top: 5px;
}

.configurePivot {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 8px;
}

.exportPivot {
  vertical-align: middle;
  padding-right: 8px;
}

.popupMenu {
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url(../../../i2/images/table_cell_pop_indi.gif) no-repeat;
  background-position: 3px 0px;
  cursor: pointer;
}

.popupMenuHandler {
  position: absolute;
  background-color: #f2f4fe;
  border-bottom: 1px solid #d1d6f0;
  border-right: 1px solid #d1d6f0;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.popupMenuItem {
  display: block;
  cursor: pointer;
  white-space: nowrap;
}

.popupMenuItem.inactive {
  cursor: default;
}

.popupSubMenu {
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url(../../../i2/images/next_active.gif) no-repeat;
  background-position: 3px 0px;
}

.popupSubMenuHandler {
  position: absolute;
  background-color: #f2f4fe;
  border-bottom: 1px solid #d1d6f0;
  border-right: 1px solid #d1d6f0;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

.search {
  position: absolute;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px;
}

.search.inner {
  margin-top: 5px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 5px;
}

.search.popup {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.searchA {
  position: absolute;
  border: 1px solid #bbbbbb;
}

.searchC {
  position: absolute;
}

.searchC.collapsed {
  display: none;
}

.searchScroller.scrollableComponent {
  padding: 5px;
}

.searchT {
  display: inline-block;
  width: 12px;
  height: 26px;
  background: url(../../../i2/images/container_collapse.gif) no-repeat;
  background-position: 0px 10px;
  cursor: pointer;
}

.searchT.collapsed {
  background-image: url(../../../i2/images/container_expand.gif);
}

.searchResults {
  position: absolute;
}

.table {
  position: absolute;
  border: 1px solid #999999;
}

.table.inner {
  margin-top: 5px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 5px;
}

.table.popup {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.table.inner.displayNone {
  display: none;
}

.tableA {
  position: absolute;
}

.tableC {
  position: absolute;
}

.tableC.collapsed {
  display: none;
}

.tableT {
  display: inline-block;
  width: 12px;
  height: 26px;
  background-image: url(../../../i2/images/container_collapse.gif);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  cursor: pointer;
}

.tableT.collapsed {
  background-image: url(../../../i2/images/container_collapse.gif);
}

.pivotTable {
  position: absolute;
  border: 1px solid #999999;
}

.pivotTableC {
  position: absolute;
}

.pivotTableT {
  display: inline-block;
  width: 12px;
  height: 26px;
  background: url(../../../i2/images/container_collapse.gif) no-repeat;
  background-position: 0px 10px;
  cursor: pointer;
}

.tableFieldGroup {
  position: absolute;
  background-color: #e2e2dd;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  height: 18px;
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tableScroller {
  position: absolute;
  overflow: hidden;
}

.tableColumnArea {
  color: inherit;
}

.tableColumnAreaLeft {
  overflow: hidden;
}

.tableColumnAreaRight {
  position: absolute;
  top: 0px;
  overflow: hidden;
}

.tbl.field {
  position: absolute;
  background-color: #cdcdcd;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tbl.choose.field {
  color: inherit;
}

.tbl.display.field {
  color: inherit;
}

.tbl.dropDown.field {
  color: inherit;
}

.tbl.entry.field {
  color: inherit;
}

.tbl.imageLink.field {
  color: inherit;
}

.tbl.link.field {
  color: inherit;
}

.tblPivotData {
  position: absolute;
  background-color: #cdcdcd;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  height: 18px;
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tbl.pivot.field {
  color: inherit;
}

.tblPivotHeader {
  position: absolute;
  background-color: #cdcdcd;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  height: 18px;
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tblSelector {
  position: absolute;
  background-color: #cdcdcd;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  width: 18px;
  height: 18px;
}

.filterArea {
  position: absolute;
  background-color: #ececec;
  height: 24px;
}

.tableFilter {
  display: block;
  position: absolute;
  white-space: nowrap;
}

.clearFilter {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url(../../../i2/images/clearfield_disabled.gif) no-repeat;
}

.clearFilter.active {
  background: url(../../../i2/images/clearfield_disabled.gif) no-repeat;
  cursor: pointer;
}

.applyFilter {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/16x16/filter_normal_16.png) no-repeat;
  cursor: pointer;
  margin-left: 2px;
  margin-right: 2px;
}

.applyFilter:hover {
  background: url(../images/16x16/filter_hover_black_16.png) no-repeat;
}

.dateFilter {
  min-width: 150px;
}

.dateTimeFilter {
  min-width: 150px;
}

.numberFilter {
  min-width: 50px;
}

.textFilter {
  min-width: 50px;
}

.massEntryArea {
  position: absolute;
  background: #ececec;
  height: 24px;
}

.tableMassEntry {
  display: block;
  position: absolute;
  white-space: nowrap;
}

.applyMassEntry {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/16x16/copy_multiple_normal_16.png) no-repeat;
  cursor: pointer;
  margin-left: 2px;
  margin-right: 2px;
}

.applyMassEntry:hover {
  background: url(../images/16x16/copy_multiple_hover_black_16.png) no-repeat;
}

.textMassEntry {
  min-width: 50px;
}

.tableRow {
  position: absolute;
}

.tableRow.odd {
  background: #ececec;
}

.tableRow.hidden {
  visibility: hidden;
}

.tableCell {
  position: absolute;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
}

.treeCellIndent {
  display: inline-block;
  width: 15px;
}

.rowChooseField {
  position: absolute;
  overflow: hidden;
}

.rowDisplayField {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowDropDown {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowEntryField {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowEntryFieldEditor {
  position: absolute;
}

.rowImageLinkField {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.rowLinkField {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.rowPivotField {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowPivotData {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowPivotHeader {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowPivotHeaderText {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rowSelector {
  position: absolute;
}

.dateEditor {
  position: absolute;
}

.numberEditor {
  position: absolute;
}

.textEditor {
  position: absolute;
}

.tableBorder {
  background-color: #ffffff;
}

.scrollableTableHeaderTd {
  background: #ffffff;
}

.tableFooter {
  border-bottom: 1px solid #dedede;
}

.staticTable {
  width: 100%;
  border-collapse: separate;
}

.subTable {
  border-collapse: separate;
  table-layout: fixed;
}

.tableHeader.scroller {
  overflow: hidden;
  height: auto;
}

.tableHeaderTd {
  position: relative;
  border-bottom: 1px solid #dedede;
  padding: 3px 16px 5px 16px;
}

.tableDraggerBox {
  display: inline-block;
  height: 14px;
  margin-left: 6px;
  padding: 2px;
  border-radius: 8px;
  background: transparent;
}

.tableDragger {
  display: inline-block;
  cursor: move;
  background: url(../images/16x16/move_normal_16.png) no-repeat;
  width: 16px;
  height: 16px;
}

.tableDragger:hover {
  background: url(../images/16x16/move_hover_black_16.png) no-repeat;
}

.headerSeparator {
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  right: 0px;
  top: 6px;
  height: 20px;
  width: 1px;
  background: #cacaca;
}

.tcColumnHighlight .headerSeparator,
.siblingHighlight .headerSeparator {
  top: 0px;
  height: 32px;
}

.headerSeparator.rowspan1 {
  height: 15px;
}

.headerSeparator.rowspan2 {
  height: 41px;
}

.headerSeparator.rowspan3 {
  height: 67px;
}

.headerSeparator.rowspan4 {
  height: 93px;
}

.headerSeparator.rowspan5 {
  height: 119px;
}

.tcColumnHighlight .headerSeparator.rowspan1,
.siblingHighlight .headerSeparator.rowspan1 {
  height: 27px;
}

.tcColumnHighlight .headerSeparator.rowspan2,
.siblingHighlight .headerSeparator.rowspan2 {
  height: 53px;
}

.tcColumnHighlight .headerSeparator.rowspan3,
.siblingHighlight .headerSeparator.rowspan3 {
  height: 79px;
}

.tcColumnHighlight .headerSeparator.rowspan4,
.siblingHighlight .headerSeparator.rowspan4 {
  height: 105px;
}

.tcColumnHighlight .headerSeparator.rowspan5,
.siblingHighlight .headerSeparator.rowspan5 {
  height: 131px;
}

.row.columnHeadings {
  background: #ffffff;
}

.row.columnHeadings TD {
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #797979;
  line-height: 19px;
  vertical-align: middle;
  white-space: nowrap;
}

.row.columnHeadings TD.popupCell SPAN {
  padding-right: 6px;
  float: left;
}

.row.columnHeadings TD.popupCell IMG {
  margin-top: 1px;
}

.columnHeadings.thBottomBorder {
  border-bottom: 1px solid #dedede;
}

.rowHighlight .columnHeadings.thBottomBorder {
  border-bottom-color: #ffffff;
}

.row {
  font-size: 12px;
  color: #505050;
}

.tableHeaderTd.simple {
  height: 26px;
}

.centerAlign {
  text-align: center;
}

.tableTd {
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #505050;
  min-height: 19px;
  padding: 3px 16px 5px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
}

.tableTd:first-child {
  border-left: 1px solid transparent;
}

.tableTd:last-child {
  border-right: 1px solid transparent;
}

.pivotTd {
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #505050;
  padding: 3px 16px 5px 16px;
  height: 19px;
  white-space: nowrap;
}

.pivotTd.bottomBorder {
  border-bottom: 1px solid #dedede;
}

.tableSelectorTd {
  padding-left: 4px;
  padding-right: 4px;
}

.menuTable TD {
  padding-left: 0px;
  padding-right: 0px;
}

.row TD.popupCell SPAN {
  padding-right: 6px;
  float: left;
}

.row TD.popupCell IMG {
  margin-top: 1px;
}

.row0 {
  background: #F7F8FC;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.row1 {
  background: #ffffff;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.row.hover {
  background: #e5e6e7;
}

.row.hover .pivotTd,
.row.hover .tableTd {
  color: #505050;
}

.row.filterRow {
  background: #ececec;
}

.row.massEntryRow {
  background: #fcefbd;
}

.row.rowHighlight {
  background: #C3E8F6;
}

.row.rowHighlight.hover {
  z-index: 1;
}

.row.rowHighlight .tableTd {
  color: #0e0e0e;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.row.rowHighlight .pivotTd {
  color: #0e0e0e;
  border-bottom-color: #ffffff;
}

.row.rowHighlight A {
  color: #a8ddfd;
}

.row.rowHighlight .noneditable {
  color: #505050;
}

.rowHighlight TD.popupCell SPAN {
  padding-right: 6px;
  float: left;
}

.rowHighlight TD.popupCell IMG {
  margin-top: 1px;
}

.columnHighlight {
  background: #fff6a6;
  font-size: 12px;
  color: #505050;
}

.resizeRow {
  visibility: hidden;
}

.treeRowNorgie {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  cursor: pointer;
  background: url(../images/secondary/grid_collapse.gif) no-repeat;
}

.treeRowNorgie.collapsed {
  background: url(../images/secondary/grid_expand.gif) no-repeat;
}

.treeRowNorgie.leaf {
  width: 9px;
  margin-right: 0px;
  background: url(../../../i2/images/bullet.gif) no-repeat;
  background-position: 0px 3px;
}

.invertedFiller {
  position: absolute;
  top: 0px;
}

.ascdesc {
  display: inline-block;
  width: 18px;
  padding-top: 2px;
}

.sortIndicator {
  display: inline-block;
  position: absolute;
  right: 0px;
  color: #ffffff;
  width: 16px;
  height: 22px;
  padding-left: 2px;
  padding-top: 3px;
  margin-top: -3px;
  background-color: #E1F5FE;
  text-shadow: 0px 1px 1px #b2b2b2;
  cursor: pointer;
}

.sortIndicator.simple {
  margin-top: -8.5px;
  padding-top: 8px;
  height: 29px;
}

.sortIndicator:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%201%201'%20preserveAspectRatio%3D'none'%3E%3ClinearGradient%20id%3D'g791'%20gradientUnits%3D'userSpaceOnUse'%20x1%3D'0%25'%20y1%3D'0%25'%20x2%3D'0%25'%20y2%3D'100%25'%3E%3Cstop%20stop-color%3D'%23FFFFFF'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'%23FFFFFF'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'1'%20height%3D'1'%20fill%3D'url(%23g791)'%20%2F%3E%3C%2Fsvg%3E") !important;
}

.sortIndicator.unsorted {
  height: 25px;
  padding-top: 0px;
}

.sortIndicator.unsorted.simple {
  padding-top: 3px;
  height: 31px;
}

.unsortedInner {
  position: absolute;
  left: 2px;
  top: 8px;
}

.unsortedInner.simple {
  top: 11px;
}

.hideFilter {
  display: none;
}

.multiSortNumbers {
  display: block;
  /*margin-top: 2px;*/
  font-size: 11px;
  margin-left: 4px;
}

.sortIndicator.multiSortAsc.simple, .sortIndicator.multiSortDesc.simple {
  padding-top: 7px;
  height: 28px;
  margin-top: -9px;
}

.sortIndicator.multiSortAsc:before, .sortIndicator.multiSortDesc:before {
  font-size: 8px;
  margin-left: 3px;
  padding-top: 75%;
  position: absolute;
}

.freezeTableBorder {
  border-right: 1px solid #CACACA;
}

.h-action:before, .sortIndicator.descending:before, .unsortedInner:before, .sortIndicator.ascending:before, .sortIndicator.unsorted:before {
  font-size: 7px;
  margin-left: 3.5px;
}

.tableCompact {
  height: 100% !important;
}

.actionSpacer {
  display: inline-block;
  width: 16px;
  visibility: hidden;
}

.h-action {
  background: #000000;
  display: inline-block;
  position: absolute;
  right: 0px;
  width: 16px;
  height: 22px;
  padding-top: 3px;
  padding-left: 2px;
  margin-top: -3px;
  margin-bottom: -3px;
  color: #ffffff;
  cursor: pointer;
  visibility: hidden;
}

.h-action.simple {
  margin-top: -7px;
  padding-top: 8px;
  height: 29px;
}

.columnsVisible {
  display: none;
}

.customizeColumnPopup {
  height: 100%;
  max-height: 160px;
  overflow-y: auto;
  background: #ffffff;
}

.customizePopupIframe {
  background-color: transparent;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

div.customize {
  display: inline-block;
  background-color: #ffffff;
}

.customizeSpan {
  display: inline-block;
  border-style: solid ;
  border-width: 1px ;
  border-color: #dedede #dedede #dedede #dedede ;
  background-color: #ffffff ;
  -moz-box-shadow: 0 2px 2px -1px #303030;
  -webkit-box-shadow: 0 2px 2px -1px #303030;
  box-shadow: 0 2px 2px -1px #303030;
  color: #505050;
}

.drop-indicator {
  position: absolute;
}

.drop-arrow {
  background-image: url(../images/14x14/column_move_14.png);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  position: absolute;
  left: -10px;
  top: -22px;
  height: 30px;
  width: 19px;
}

.fieldsVisible {
  visibility: visible;
}

.fieldsHidden {
  visibility: collapse;
}

.tcColumnHighlight {
  background-color: #eff0f1;
}

.tcustomize {
  position: relative;
  width: 100%;
}

.customizeTD {
  cursor: pointer;
  height: 32px;
  padding-left: 32px;
  padding-right: 32px;
}

.customizeTR.tcDivider {
  border-bottom: 1px solid #dedede;
}

.customizeTR:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWRlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebedef), color-stop(100%, #dcdcdc));
  background-image: -moz-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: -webkit-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: linear-gradient(to bottom, #ebedef, #dcdcdc);
  background-image: -ms-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%201%201'%20preserveAspectRatio%3D'none'%3E%3ClinearGradient%20id%3D'g791'%20gradientUnits%3D'userSpaceOnUse'%20x1%3D'0%25'%20y1%3D'0%25'%20x2%3D'0%25'%20y2%3D'100%25'%3E%3Cstop%20stop-color%3D'%23EBEDEF'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'%23DCDCDC'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'1'%20height%3D'1'%20fill%3D'url(%23g791)'%20%2F%3E%3C%2Fsvg%3E") !important;
  color: #373839;
}

.customizeTR:hover .customizeTD {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebedef', EndColorStr='#dcdcdc');
}

.noIcons {
  width: 0px;
}

.colCustomizeCb {
  height: 32px;
  padding-left: 48px;
  padding-right: 16px;
  border-bottom: 1px solid #e8e8e8;
  white-space: nowrap;
}

.colCustomizeTR:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWRlZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebedef), color-stop(100%, #dcdcdc));
  background-image: -moz-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: -webkit-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: linear-gradient(to bottom, #ebedef, #dcdcdc);
  background-image: -ms-linear-gradient(top, #ebedef, #dcdcdc);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'100%25'%20viewBox%3D'0%200%201%201'%20preserveAspectRatio%3D'none'%3E%3ClinearGradient%20id%3D'g791'%20gradientUnits%3D'userSpaceOnUse'%20x1%3D'0%25'%20y1%3D'0%25'%20x2%3D'0%25'%20y2%3D'100%25'%3E%3Cstop%20stop-color%3D'%23EBEDEF'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'%23DCDCDC'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D'0'%20y%3D'0'%20width%3D'1'%20height%3D'1'%20fill%3D'url(%23g791)'%20%2F%3E%3C%2Fsvg%3E") !important;
  color: #373839;
}

.colCustomizeTR:hover .colCustomizeCb {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebedef', EndColorStr='#dcdcdc');
}

.colCustomizeTR:last-child .colCustomizeCb {
  border-bottom: 0px;
}

.colCustomizeLeft {
  width: 0px;
}

.colCustomizeRight {
  width: 0px;
}

.scrollTable {
  position: relative;
  width: 100%;
}

.tabset {
  position: absolute;
  top: 0px;
  height: 24px;
  padding-left: 5px;
}

.tabsetBorder {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 1px;
  margin-left: -5px;
  border-bottom: 1px solid #4a9ce7;
  background: #394a5a;
  border-top: 1px solid #849cb5;
}

.tab {
  position: absolute;
  display: inline-block;
  height: 24px;
  max-width: 200px;
  background-image: url(../images/tab_left_Off.gif);
  background-repeat: no-repeat;
  background-position: 1px 0px;
  cursor: pointer;
}

.tab.active {
  background-image: url(../images/tab_left_On.gif);
}

.tabEdge {
  display: inline-block;
  width: 1px;
  height: 24px;
  background: url(../images/tab_left_end.gif) no-repeat;
}

.tabText {
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 0px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
  height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: url(../images/tab_center_Off.gif);
  background-repeat: repeat-x;
}

.tabText.active {
  background-image: url(../images/tab_center_On.gif);
}

.tabRight {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4px;
  height: 24px;
  background-image: url(../images/tab_right_Off.gif);
  background-repeat: no-repeat;
}

.tabRight.active {
  background-image: url(../images/tab_right_On.gif);
}

.tabs {
  display: block;
  white-space: nowrap;
  margin: 10px 0px 10px 0px;
  border-bottom: 0px 0px 1px 0px solid #D8DFE2;
}

.tabOld {
  display: inline-block;
  white-space: nowrap;
  border-left: 0px 0px 1px 0px solid #047ABC;
  border-right: 0px 0px 1px 0px solid #047ABC;
  border-top: 0px 0px 1px 0px solid #047ABC;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-right: 3px;
  margin-bottom: -1px;
}

.tabOld.off {
  border-left: 0px 0px 1px 0px solid #D8DFE2;
  border-right: 0px 0px 1px 0px solid #D8DFE2;
  border-top: 0px 0px 1px 0px solid #D8DFE2;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.tabOld:hover {
  border-color: #025583;
}

.tabTextOld {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  color: #047ABC;
  cursor: pointer;
  height: 24px;
  padding: 0px 7px 0px 7px;
  white-space: nowrap;
  background-color: #ffffff;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tabOld.off .tabTextOld {
  color: #6E6D6D;
  background-color: #ffffff;
}

.tabOld.off:hover .tabTextOld {
  background-color: #ffffff;
}

.tabOld:hover .tabTextOld {
  color: #025583;
  background-color: #ffffff;
}

.tabScroll {
  display: none;
  position: absolute;
  border-left: 0px 0px 1px 0px solid #D8DFE2;
  border-right: 0px 0px 1px 0px solid #D8DFE2;
  border-top: 0px 0px 1px 0px solid #D8DFE2;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.tabScroll .middle {
  display: inline-block;
  background-color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
}

.tabScroll .pageBegin {
  display: inline-block;
  width: 12px;
  height: 20px;
  cursor: pointer;
  background: url(../../../i2/images/page_to_beginning.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .pageBegin.inactive {
  cursor: default;
  background: url(../../../i2/images/page_to_beginning_inact.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .prev {
  display: inline-block;
  width: 12px;
  height: 20px;
  cursor: pointer;
  background: url(../../../i2/images/previous_active.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .prev.inactive {
  cursor: default;
  background: url(../../../i2/images/previous_inactive.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .next {
  display: inline-block;
  width: 12px;
  height: 20px;
  cursor: pointer;
  background: url(../../../i2/images/next_active.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .next.inactive {
  cursor: default;
  background: url(../../../i2/images/next_inactive.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .pageEnd {
  display: inline-block;
  width: 12px;
  height: 20px;
  cursor: pointer;
  background: url(../../../i2/images/page_to_end.gif) no-repeat;
  background-position: center 5px;
}

.tabScroll .pageEnd.inactive {
  cursor: default;
  background: url(../../../i2/images/page_to_end_inact.gif) no-repeat;
  background-position: center 5px;
}

.transferBoxes {
  position: absolute;
}

.transferBoxButtons {
  margin-top: 39px;
}

.tbButtonsTD {
  padding-left: 4px;
  padding-right: 4px;
}

.tbBtns {
  position: absolute;
}

.tbHeader {
  border: 1px solid #dedede;
}

.tbAddAll {
  font-size: 12px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding-bottom: 8px;
  background: url(../images/24x24/move_all_right_normal_24.png) no-repeat;
  display: block;
}

.tbAddAll:hover {
  background: url(../images/24x24/move_all_right_hover_black_24.png) no-repeat;
}

.tbAddAll.disabled {
  pointer-events: none !important;
  background: url(../images/24x24/move_all_right_disabled_24.png) no-repeat;
}

.tbAddSelected {
  font-size: 12px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding-bottom: 8px;
  background: url(../images/24x24/right_normal_24.png) no-repeat;
  display: block;
}

.tbAddSelected:hover {
  background: url(../images/24x24/right_hover_black_24.png) no-repeat;
}

.tbAddSelected.disabled {
  pointer-events: none !important;
  background: url(../images/24x24/right_disabled_24.png) no-repeat;
}

.tbRemoveSelected {
  font-size: 12px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding-bottom: 8px;
  background: url(../images/24x24/left_normal_24.png) no-repeat;
  display: block;
}

.tbRemoveSelected:hover {
  background: url(../images/24x24/left_hover_black_24.png) no-repeat;
}

.tbRemoveSelected.disabled {
  pointer-events: none !important;
  background: url(../images/24x24/left_disabled_24.png) no-repeat;
}

.tbRemoveAll {
  font-size: 12px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding-bottom: 8px;
  background: url(../images/24x24/move_all_left_normal_24.png) no-repeat;
  display: block;
}

.tbRemoveAll:hover {
  background: url(../images/24x24/move_all_left_hover_black_24.png) no-repeat;
}

.tbRemoveAll.disabled {
  pointer-events: none !important;
  background: url(../images/24x24/move_all_left_disabled_24.png) no-repeat;
}

.tbMoveUp {
  font-size: 12px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding-bottom: 8px;
  background: url(../images/24x24/up_normal_24.png) no-repeat;
  display: block;
}

.tbMoveUp:hover {
  background: url(../images/24x24/up_hover_black_24.png) no-repeat;
}

.tbMoveUp.disabled {
  background: url(../images/24x24/up_disabled_24.png) no-repeat;
}

.tbMoveDown {
  font-size: 12px;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  padding-bottom: 8px;
  background: url(../images/24x24/down_normal_24.png) no-repeat;
  display: block;
}

.tbMoveDown:hover {
  background: url(../images/24x24/down_hover_black_24.png) no-repeat;
}

.tbMoveDown.disabled {
  background: url(../images/24x24/down_disabled_24.png) no-repeat;
}

.validation {
  position: absolute;
}

.validationMsg {
  position: absolute;
  white-space: nowrap;
}

.validationText {
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.errorImage {
  vertical-align: top;
  padding-left: 3px;
  padding-top: 4px;
}

.errorImage:last-child {
  padding-right: 3px;
}

.fieldValidator {
  display: none;
  line-height: normal;
}

.errorImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/14x14/alert_require_field_exceptions_normal_14.png) no-repeat;
}

.infoImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/14x14/information_normal_14.png) no-repeat;
}

.severeImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../../../i2/images/alert_ani.gif) no-repeat;
}

.successImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/14x14/information_normal_14.png) no-repeat;
}

.warningImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/14x14/warning_error_normal_14.png) no-repeat;
}

.requiredFieldMsg {
  position: absolute;
  white-space: nowrap;
}

.anyFieldRequiredStar {
  color: red;
}

.warningClass {
  margin-left: -1.5px;
}

.verticalTree {
  position: absolute;
  border: 1px solid #999999;
}

.verticalTree.inner {
  margin-top: 5px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 5px;
}

.verticalTreeC {
  position: absolute;
}

.verticalTreeT {
  display: inline-block;
  width: 12px;
  height: 26px;
  background: url(../../../i2/images/container_collapse.gif) no-repeat;
  background-position: 0px 10px;
  cursor: pointer;
}

.treeArea {
  position: absolute;
}

.treeAreaSizer {
  position: absolute;
}

.treeNode {
  position: absolute;
}

.treeNode.hidden {
  visibility: hidden;
}

.treeNodeC {
  position: absolute;
  left: 18px;
}

.treeNodeC.collapsed {
  display: none;
}

.treeNodeImage {
  display: inline;
  vertical-align: middle;
}

.treeNodeN {
  display: inline-block;
  white-space: nowrap;
}

.treeNodeN.dropIndicator {
  width: 75px;
  height: 18px;
  background-color: #0000A0;
}

.treeNodeN.selectable {
  cursor: pointer;
}

.treeNodeN.selected {
  background-color: #fff6a6;
}

.treeNodeToggler {
  cursor: pointer;
  vertical-align: middle;
  padding-left: 5px;
}

.dynamic.node IMG {
  padding-left: 4px;
  vertical-align: middle;
}

.mNavSpan {
  display: inline-block;
  font-size: 12px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 3px;
  min-height: 28px;
}

.mNavText {
  display: inline-block;
  vertical-align: middle;
  min-height: 28px;
  line-height: 28px;
  padding-left: 4px;
  padding-right: 8px;
}

.mNavInput {
  vertical-align: middle;
}

.node.selected {
  background-color: #e6e6e6;
}

.node.selected:hover {
  background-color: #cdcdcd;
}

.node.indented {
  margin-left: 16px;
}

.node:hover {
  background-color: #e6e6e6;
}

.node.mNavText {
  padding-right: 0px;
}

.vtDropIndicator {
  position: absolute;
  width: 35px;
  height: 2px;
  background: #0133AA;
}

.loginNew {
  display: flex;
  width: 100%;
  height: 100%;
  font-family: Roboto, arial, sans-serif;
  font-size: 12px;
  flex-direction: column;
  justify-content: space-around;
}

.loginMessagePlaceHolder {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: flex-end;
}

.loginMessagePlaceHolder #content {
  width: 50%;
  line-height: 1.5;
  background: #D68001;
  color: white;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}

.loginDiv {
  display: flex;
  flex-grow: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.loginSpan {
  display: inline-block;
  width: 322px;
}

.changePasswordDiv {
  padding: 20px;
  text-align: right;
  color: #545454;
}

.changeInstruction {
  display: inline-block;
  font-family: Roboto, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #505050;
  text-align: left;
  margin-bottom: 21px;
}

.changePassword {
  display: inline-block;
  font-weight: bold;
  margin-top: 5px;
}

.changePwdInput {
  width: 187px;
  height: 23px;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  margin-left: 6px;
  margin-right: 40px;
  padding-left: 8px;
  font-size: 12px;
  color: #000000;
}

.changePwdInput.error {
  border-color: #fb0219;
}

.changePwdInput:focus {
  border-color: #55adec;
}

.changeError {
  display: block;
  margin-top: 6px;
  height: 12px;
  text-align: left;
  color: #fb0219;
}

.changePasswordButtons {
  display: block;
  margin-top: 8px;
  text-align: center;
}

.passwordExpired {
  display: inline-block;
  width: 280px;
  height: 30px;
  margin-top: 14px;
  background: #007AB4;
  border: 1px solid #0171A5;
  border-radius: 4px;
  color: #fafafa;
  text-align: center;
  line-height: 30px;
  font-family: Roboto, arial, sans-serif;
  cursor: pointer;
}

.passwordExpired:hover {
  border: 1px solid #115474;
  background: #135E82;
}

.passwordExpired:hover .loginInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d4e4f', EndColorStr='#3a3b3c');
}

.passwordExpired.clicked {
  border: 1px solid #0E4560;
  background: #0A4866;
  border: 1px solid linear-gradient(#3d3d3e, #4b4c4d);
}

.passwordExpired.clicked .loginInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d3d3e', EndColorStr='#4b4c4d');
}

.error .passwordExpired {
  margin-top: 12px;
}

DIV.companyLogo {
  display: inline-block;
  background: url(../images/blyeyounder_logo_418x60.png) no-repeat;
  width: 200px;
  height: 28px;
  vertical-align: bottom;
}

.customer DIV.companyLogo {
  display: none;
}

IMG.companyLogo {
  display: none;
  width: 200px;
  height: 28px;
}

.customer IMG.companyLogo {
  display: inline;
}

.loginBox {
  background: #EDF4F7;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  margin-top: 40px;
  width: 322px;
  min-height: 170px;
}

.username {
  width: 280px;
  height: 30px;
  border: 1px solid #D8DFE2;
  border-radius: 4px;
  margin-top: 24px;
  padding-left: 8px;
  font-size: 12px;
  font-family: Roboto, arial, sans-serif;
  color: #505050;
}

.username::placeholder {
  color: #929292;
}

.username.error {
  border: 1px solid #DB2C28;
}

.username.instruction {
  color: #818383;
}

.password {
  margin-top: 14px;
  width: 280px;
  height: 30px;
  border: 1px solid #D8DFE2;
  border-radius: 4px;
  padding-left: 8px;
  font-size: 12px;
  font-family: Roboto, arial, sans-serif;
  color: #505050;
}

.password::placeholder {
  color: #929292;
}

.password.error {
  border: 1px solid #DB2C28;
}

.password.instruction {
  color: #818383;
}

.loginError {
  display: none;
  margin-top: 12px;
  margin-left: 20px;
  font-size: 12px;
  text-align: left;
  color: #fb0219;
}

.error .loginError {
  display: block;
}

.loginInner {
  display: table-cell;
  width: 280px;
  height: 28px;
  vertical-align: middle;
}

.recoverPassword,
.signin {
  display: inline-block;
  width: 280px;
  height: 30px;
  margin-top: 14px;
  margin-bottom: 24px;
  background: #007AB4;
  border: 1px solid #0171A5;
  border-radius: 4px;
  color: #fafafa;
  text-align: center;
  font-family: Roboto, arial, sans-serif;
  cursor: pointer;
}

.recoverPassword {
  margin-bottom: 0px;
}

.recoverPassword:hover,
.signin:hover {
  background: #135E82;
  border: 1px solid #115474;
}

.recoverPassword:hover .loginInner,
.signin:hover .loginInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d4e4f', EndColorStr='#3a3b3c');
}

.recoverPassword.clicked,
.signin.clicked {
  border: 1px solid #0E4560;
  background: #0A4866;
}

.recoverPassword.clicked .loginInner,
.signin.clicked .loginInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d3d3e', EndColorStr='#4b4c4d');
}

.error .signin {
  margin-top: 12px;
}

.cancelChange {
  display: inline-block;
  margin-top: 14px;
  margin-bottom: 24px;
  width: 280px;
  height: 30px;
  background: #5E747E;
  border: 1px solid #576B74;
  border-radius: 4px;
  color: #fafafa;
  font-family: Roboto, arial, sans-serif;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

.cancelChange:hover {
  border: 1px solid #3a3b3c;
  background: linear-gradient(#4d4e4f, #3a3b3c);
  border: 1px solid linear-gradient(#4d4e4f, #3a3b3c);
}

.cancelChange:hover .loginInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d4e4f', EndColorStr='#3a3b3c');
}

.cancelChange.clicked {
  border: 1px solid #4b4c4d;
  background: linear-gradient(#3d3d3e, #4b4c4d);
  border: 1px solid linear-gradient(#3d3d3e, #4b4c4d);
}

.cancelChange.clicked .loginInner {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d3d3e', EndColorStr='#4b4c4d');
}

.error .cancelChange {
  margin-top: 12px;
}

.actions {
  width: 320px;
  margin-top: 10px;
  text-align: left;
}

.forgot {
  font-size: 10px;
  color: #818383;
  cursor: pointer;
}

.forgotUser {
  font-size: 10px;
  color: #818383;
  float: right;
  cursor: pointer;
}

.needHelp {
  font-size: 10px;
  color: #818383;
  cursor: pointer;
  display: none;
}

.pageBottom {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
}

.loginNew .pageBottom {
  position: unset;
  bottom: unset;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  justify-content: flex-end;
}

.copyright {
  font-size: 10px;
  color: #959595;
}

.smallLogo {
  display: none;
  background: url(../images/JDA_Logo_63x40.png) no-repeat;
  width: 63px;
  height: 40px;
}

.smallLogo.customer {
  display: inline-block;
}

.loginNew .bottomLogo {
  display: inline-block;
  background: url(../images/blyeyounder_logo_200x28.png) no-repeat;
  width: 200px;
  height: 28px;
  vertical-align: bottom;
}

.backgroundImage {
  background: url(../images/Background_image.png) no-repeat;
  background-position: right bottom;
}

.noSSO {
  display: none;
}

.unbr {
  display: none;
}

.login {
  height: auto;
  background: url(../images/background.jpg) repeat-x;
  padding-left: 200px;
  padding-top: 10px;
}

.loginInfo {
  margin-top: 57px;
  width: 500px;
}

.loginLogo {
  background: url(../images/jda-logo-tagline-right.gif);
  width: 244px;
  height: 67px;
}

.loginAction {
  margin-right: 10px;
}

.loginBottom {
  background: url(../images/corporate-grid.gif);
  align: middle;
  width: 472px;
  height: 144px;
}

.popuplabel {
  color: #244e7a;
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, helvetica, verdana, sans-serif;
}

.controltext {
  border: 1px solid #000000;
  color: #000000;
  font-size: 11px;
  font-family: tahoma, arial, helvetica, verdana, sans-serif;
  width: 150px;
}

#page_form {
  height: 100%;
}

.appFrame {
  position: absolute;
  overflow: auto;
  top: 0px;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}

.inactiveFrame {
  visibility: hidden;
}

.appWindow {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: -3px;
}

.appWindow.floating {
  border: 1px solid #31638c;
}

.pageContent {
  background: linear-gradient(180deg, #4199cc 2%, #f0f2fa 50%);
  background-repeat: no-repeat;
  background-color: #f0f2fa;
}

.shellBody {
  overflow: hidden;
}

.shellBackground {
  table-layout: fixed;
  background: #01497A;
  width: 100%;
  height: 100%;
}

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

.shellApp {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}

.shellHeaderDiv {
  position: absolute;
  height: 14px;
  width: 16px;
  display: inline-block;
  top: 9px;
  padding-right: 2px;
  right: 0;
  margin-right: 10px;
  /*background:url(../images/Other/Primary_Navigation/hide_normal_16.png) no-repeat;*/
  /*cursor:pointer;*/
}

.shellHeaderDiv.show {
  /*background:url(../images/Other/Primary_Navigation/show_normal_16.png) no-repeat;*/
}

.shellHeaderDiv:hover {
  /*background:url(../images/Other/Primary_Navigation/hide_hover_16.png) no-repeat;*/
}

.shellHeaderDiv.show:hover {
  /*background:url(../images/Other/Primary_Navigation/show_hover_16.png) no-repeat;*/
}

.planningModelsPanel {
  position: absolute;
  padding-bottom: 4px;
  background-color: #104567;
  z-index: 60;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.planningModelsHeader {
  color: white;
  font-size: 11px;
  width: 100%;
  min-height: 30px;
}

.planningModelsPin {
  position: absolute;
  display: inline-block;
  top: 8px;
  right: 5px;
  width: 16px;
  height: 30px;
  color: #ffffff;
  cursor: pointer;
}

.planningModelsTab {
  position: absolute;
  left: 94px;
  height: 18px;
  line-height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  background: #104567;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  z-index: 61;
}

.planningModelsTab.pinned {
  display: none;
}

.planningModelsTabText {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
  text-overflow: ellipsis;
}

.planningModelsText {
  color: white;
  font-size: 11px;
}

.planningModelsText .hide {
  display: none;
}

.hide {
  display: none;
}

.planningModelsTD {
  padding-left: 16px;
  padding-top: 4px;
  white-space: nowrap;
}

.planningModelsStatusTD {
  width: 100%;
  padding-left: 15px;
}

.planningModelsStatus {
  text-align: left;
  color: yellow;
  font-family: tahoma, arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.banner {
  position: relative;
  width: 100%;
  background-color: #006699;
  height: 48px;
}

.bannerLeftTd {
  background: #1D303A;
}

.bannerLeftLogo {
  width: 48px;
  height: 36px;
  background: url(../images/logo-blueyonder-plus-S.png) 12px 7px no-repeat;
}

.bannerLeftLogo.open {
  width: 115px;
  height: 36px;
  background: url(../images/logo-blueyonder-S.png) no-repeat;
  padding-right: 31px;
}

.bannerLeft {
  padding: 6px 11px 6px 5px;
  font-size: 14px;
  text-align: left;
  background-color: #1D303A;
  cursor: pointer;
  width: 130px;
  height: 1140px;
  z-index: 200;
}

.bannerLeftblueyonderLogo {
  width: 115px;
  height: 36px;
  background: url(../images/logo-blueyonder-S.png) no-repeat;
  padding-right: 31px;
}

.bannerLeftCustomerTd {
  padding-right: 0px;
}

.bannerLeftCustomerLogo {
  width: 57px;
  height: 50px;
  background: url(../images/jda_logo.png) no-repeat;
}

.bannerCustomerLogoTd {
  padding-right: 10px;
}

.bannerCustomerLogo {
  margin-left: 10px;
  vertical-align: middle;
  width: 57px;
  height: 48px;
}

.bannerFiller {
  width: 100%;
}

.masthead {
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}

.wborderTop {
  top: 0px;
  height: 11px;
  width: 100%;
  background-color: #ffffff;
}

.shellBannerUsername {
  display: inline-block;
  position: relative;
  font-size: 14px;
  padding: 6px 16px 6px 16px;
  margin-right: 10px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  white-space: nowrap;
  color: #fafafa;
  cursor: pointer;
  /*width:10px;*/
  height: 22px;
  background: url(../images/ico-profile-white.png) no-repeat;
  background-size: 32px;
}

.shellBannerUsername:hover {
  color: #D5E6F1;
}

.shellBannerUsername.open {
  /*background-color:$j-header-dropdown-menu-item-background-color;*/
  color: #818383;
  /*border-color:#787878;*/
  z-index: 51;
}

.shellBannerUsername.open:hover {
  color: #424749;
}

.userProfile {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 10px;
}

.userProfile:hover {
  color: #D5E6F1;
}

.userProfile.open {
  background-color: #32444B;
  color: #818383;
  border-color: #787878;
  z-index: 51;
}

.userProfile.open:hover {
  color: #424749;
}

.userDropdown {
  display: inline-block;
  width: 9px;
  height: 6px;
  margin-top: 6px;
  margin-left: 8px;
  background-image: url(../images/down-blue.png);
}

.shellBannerUsername.open .userDropdown {
  background-image: url(../images/down-light-gray.png);
}

.userProfile.open .userDropdown {
  background-image: url(../images/down-light-gray.png);
}

.shellAboutDetails {
  display: table-cell;
  position: relative;
  font-size: 14px;
  padding: 1px 25px 0px 21px;
  margin-right: 6px;
  margin-left: 6px;
  /* border-left: 1px solid transparent; */
  /* border-top: 1px solid transparent; */
  /* border-right: 1px solid transparent; */
  white-space: nowrap;
  color: #fafafa;
  cursor: pointer;
  width: 2px;
  height: 46px;
  background: url(../images/icon-menu-white.svg) 6px 5px no-repeat;
  background-size: 36px;
}

.shellAboutDetails:hover {
  color: #D5E6F1;
}

.shellAboutDetails.open {
  background-color: #32444B;
  color: #818383;
  border-color: #787878;
  z-index: 51;
}

.shellAboutDetails.open:hover {
  color: #424749;
}

.userMenu {
  display: none;
  position: absolute;
  z-index: 150;
  background: #ffffff;
  margin-top: -1px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.userMenu.open {
  display: inline-block;
}

.userMenuFrame {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.userMenuTopBorder {
  position: absolute;
  top: -1px;
  /*border-top:1px solid #ffffff;*/
}

.userMenuItem {
  padding: 6px 16px 6px 16px;
  font-size: 14px;
  text-align: left;
  background: #ffffff;
  color: #32444B;
  cursor: pointer;
  width: 200px;
}

.userMenuItem:hover {
  color: #505050;
  background: #C3E8F6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeff0', EndColorStr='#dcdcdc');
}

.userMenuItem.disabled {
  display: none;
}

.userMenuBorder {
  border-bottom: 1px solid #959595;
}

.userMenuSpan {
  font-size: 11px;
  color: #959595;
}

.userNameDiv {
  font-size: 14px;
  color: #32444B;
  width: 172px;
}

.shellInstance {
  display: inline-block;
  position: relative;
  font-size: 14px;
  padding: 6px 16px 6px 16px;
  margin-right: 30px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  white-space: nowrap;
  color: #fafafa;
  cursor: pointer;
  white-space: nowrap;
}

.shellInstanceText {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shellInstance:hover {
  color: #d5e6f1;
}

.shellInstance.open {
  background: #ffffff;
  color: #818383;
  border-color: #787878;
  z-index: 51;
}

.shellInstance.open:hover {
  color: #424749;
}

.instanceMenu {
  display: none;
  position: absolute;
  z-index: 50;
  background: #ffffff;
  margin-top: -1px;
  border: 1px solid #787878;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.instanceMenu.open {
  display: inline-block;
}

.instanceMenuFrame {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.instanceDropdown {
  display: inline-block;
  width: 20px;
  height: 15px;
  margin-top: 4px;
  margin-left: 5px;
  background-image: url(../images/drop-white.png);
  background-repeat: no-repeat;
}

.shellInstance.open .instanceDropdown {
  background-image: url(../images/down-light-gray.png);
  width: 20px;
  height: 15px;
  margin-top: -3px;
  margin-left: 2px;
}

.applicationsTD {
  padding: 15px 15px 5px 15px;
}

.applicationInstancesTD {
  padding: 5px 15px 5px 15px;
}

.applicationInstancesLastTD {
  padding: 5px 15px 15px 15px;
}

.applicationScenariosTD {
  padding: 5px 15px 15px 15px;
}

.applicationInstanceButtonsTD {
  padding: 0px 0px 10px 55px;
}

.applicationInstanceStatus {
  text-align: left;
  color: #ffb500;
  font-family: tahoma, arial, helvetica, verdana, sans-serif;
  font-size: 13px;
  width: 350px;
  height: 21px;
  padding: 8px 0px 0px 4px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.instancePulldown {
  background: #ffffff;
  width: 190px;
}

.shellBannerVerticalLine {
  margin-right: 20px;
  border-right: 1px solid #FFFFFF;
  padding: 5px 1px;
  white-space: nowrap;
}

.shellBannerText {
  font-size: 14px;
  margin-right: 30px;
  padding: 5px 10px 5px 60px;
  white-space: nowrap;
  text-transform: capitalize;
  opacity: 0.7;
  color: #FFFFFF;
}

.shellBannerText.open {
  background: #ffffff;
  color: #818383;
}

.shellBannerText.open:hover {
  color: #424749;
}

.shellBannerText.clickable {
  cursor: pointer;
}

.shellBannerText.clickable:hover {
  color: #D5E6F1;
}

#shellActions {
  font-weight: normal;
  white-space: nowrap;
  margin-right: 10px;
}

.frameCopy {
  display: none;
}

.windowTab {
  position: absolute;
  display: inline-block;
  background: #0E78AD;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  font-family: Roboto, arial, sans-serif;
}

.windowTab:hover {
  background: #0E78AD;
  color: #fafafa;
}

.windowTabTextSpan {
  display: block;
  padding: 0px 8px 0px 8px;
  font-size: 13px;
  line-height: 42px;
}

.windowTabText {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 152px;
  font-family: 'Roboto Condensed';
}

.windowTabTextSpan.active {
  background-color: #ffffff;
}

.windowTab.active {
  /*color:$j-navigation-bar-active-tab-foreground-color;*/
  /*background:$j-navigation-bar-active-tab-background-color;*/
  height: 48px;
}

.windowTab.active:hover {
  /*background:#ffffff;*/
}

.windowTabLeft {
  position: absolute;
  left: 1px;
  width: 0px;
  height: 24px;
  background-image: url(../images/tptab_left_Off.gif);
}

.windowTab.active .windowTabLeft {
  background-image: url(../images/tptab_left_On.gif);
}

.windowTabLeftBorder {
  position: absolute;
  width: 0px;
  height: 24px;
  background-image: url(../images/tptab_left_end.gif);
}

.windowTabRight {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
  height: 24px;
  background-image: url(../images/tptab_right_Off.gif);
}

.windowTab.active .windowTabRight {
  background-image: url(../images/tptab_right_On.gif);
}

.windowTabTop {
  position: absolute;
  left: 4px;
  height: 24px;
  background-image: url(../images/tptab_center_Off.gif);
  background-repeat: repeat-x;
}

.windowTab.active .windowTabTop {
  background-image: url(../images/tptab_center_On.gif);
}

.windowTab.active .windowTabClose {
  /*background:url(../images/Other/Primary_Navigation/6X6_Close_Tab/icon-close.svg) no-repeat;*/
}

.windowTab.active:hover .windowTabClose {
  /*background:url(../images/Other/Primary_Navigation/6X6_Close_Tab/icon-close-blue.svg) no-repeat;*/
}

.windowTab.moreTabs {
  width: 47px;
  height: 32px;
  cursor: pointer;
}

.windowTab.moreTabs .windowTabTextSpan {
  background: url(../images/Other/Primary_Navigation/tab_overflow_normal.png) no-repeat;
  background-position: 16px 12px;
}

.windowTab.moreTabs .windowTabTextSpan:hover {
  background: url(../images/Other/Primary_Navigation/tab_overflow_hover.png) no-repeat;
  background-position: 16px 12px;
}

.windowTabClose {
  display: none;
  width: 6px;
  height: 7px;
  padding: 2px 2px;
  vertical-align: middle;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/Other/Primary_Navigation/6X6_Close_Tab/icon-close-white.svg) no-repeat;
  cursor: pointer;
  opacity: .5;
}

.windowTabClose:hover {
  /*background:url(../images/Other/Primary_Navigation/6X6_Close_Tab/icon-close-blue.svg) no-repeat;*/
}

.windowTabClose.multiple {
  display: inline-block;
}

.windowTab.over .windowTabClose {
  display: inline-block;
}

.windowTabClose.over {
  color: #da4d4a;
}

.windowTabClose.touch.multiple {
  display: inline-block;
}

.quickTab {
  display: none;
  position: absolute;
  left: 6px;
  top: 6px;
  background-color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.quickOverlay {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.moreTabsDiv {
  position: absolute;
  border: 1px solid #414141;
  border-top: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 151;
  width: 200px;
  background-color: #3c3d3d;
  max-height: 250px;
  font-size: 13px;
}

.moreTabsDiv .listBoxItem {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #AAB0B4;
  font-size: 12px;
  font-family: Roboto, arial, sans-serif;
}

.moreTabsDiv .listBoxItem:hover {
  background-color: #33444C;
}

.moreTabsDiv .listBoxItem.selected:hover {
  background-color: #33444C;
}

.moreTabsDiv .listBoxItem.selected {
  background-color: #33444C;
}

.moreTabsSvg {
  position: absolute;
  top: -7px;
  width: 12px;
  height: 7px;
}

.moreTabsPath {
  fill: #3c3d3d;
}

.moreTabsDiv .listBoxItemClose {
  background: url(../images/Other/Primary_Navigation/6X6_Close_Tab/closetab_dropdown_normal_6.png) no-repeat;
}

.moreTabsDiv .listBoxItemClose:hover {
  background: url(../images/Other/Primary_Navigation/6X6_Close_Tab/closetab_dropdown_hover_6.png) no-repeat;
}

.moreTabsDiv .listBoxItem:hover .listBoxItemClose {
  background: url(../images/Other/Primary_Navigation/6X6_Close_Tab/closetab_dropdown_hover_6.png) no-repeat;
}

.moreTabsDiv .listBoxItemText {
  display: inline-block;
  height: 16px;
  min-width: 135px;
  max-width: 135px;
}

.shellButtonDiv {
  white-space: nowrap;
}

.shellButtonSet {
  display: inline-block;
  position: relative;
  height: 37px;
  padding-top: 2px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 0px;
  margin-top: 2px;
  margin-right: 14px;
  margin-left: 7px;
}

.shellButtonSetBGLeft {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 12px;
  height: 37px;
  background-position: -7px 0px;
  background-image: url(../images/primary24/buttoninset.png);
  background-repeat: no-repeat;
}

.shellButtonSetBG {
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 0px;
  height: 37px;
  background-position: -22px 0px;
  background-image: url(../images/primary24/buttoninsetMiddle.png);
  background-repeat: repeat-x;
}

.shellButtonSetBGRight {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 12px;
  height: 37px;
  background-position: -175px 0px;
  background-image: url(../images/primary24/buttoninset.png);
  background-repeat: no-repeat;
}

.shellRefresh {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
  background-image: url(../images/primary24/refreshOn.png);
  cursor: pointer;
}

.shellPrint {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
  background-image: url(../images/primary24/printOn.png);
  cursor: pointer;
}

.shellHome {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
  background-image: url(../images/primary24/homeOn.png);
  cursor: pointer;
}

.shellPreferences {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
  background-image: url(../images/primary24/defaultOn.png);
  cursor: pointer;
}

.shellLogout {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../images/primary24/exit.png);
  cursor: pointer;
}

.shellAbout {
  display: inline-block;
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
  background-image: url(../images/primary24/information.png);
  cursor: pointer;
}

.shellHelp {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  margin-right: 30px;
  background-image: url(../images/Other/Header/normal/help.svg);
  background-size: 22px;
  cursor: pointer;
}

.notificationBtn {
  position: relative;
  background-image: url("../images/24x24/notifications_hover_white_24.svg");
  display: block;
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  padding: 7px 8px 0px 8px;
  margin-right: 7px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  pointer-events: 'auto';
}
.notificationBtn.open {
  background-image: url("../images/24x24/notifications_hover_white_24.svg");
  background-color: #32444B;
}
.notificationBtn.refresh {
  background-image: url("../images/24x24/reset.svg");
  margin-right: 8px;
}
.notificationBtn.print {
  background-image: url("../images/24x24/print.svg");
  margin-right: 8px;
}
.notificationBtn:hover, .notificationBtn:focus {
  background-image: url("../images/24x24/notifications_hover_white_24.svg");
}
.notificationBtn.add {
  background-image: url("../images/24x24/msg_24px.svg");
  margin-right: 8px;
}
.notificationBtn.add.open {
  background-image: url("../images/24x24/msg_24px.svg");
}
.notificationBtn.add.disable {
  background-image: url("../images/24x24/notifications_hover_white_24.svg");
}
.notificationBtn.add:hover, .notificationBtn.add:focus {
  background-image: url("../images/24x24/msg_24px.svg");
}
.notificationBtn.disable {
  background-image: url("../images/24x24/notifications_hover_white_24.svg");
  pointer-events: auto;
}
.notificationBtn.disable:after {
  padding: 2px;
  display: none;
  position: relative;
  top: -2px;
  right: -3px;
  width: 140px;
  text-align: center;
  background-color: white;
  border: 1px solid #d4b943;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.notificationBtn.disable:hover:after {
  padding: 5px;
  display: block;
  position: relative;
  top: 40%;
  margin-left: 10px;
}

.notificationBtn.print {
  background-image: url("../images/24x24/print.svg");
  margin-right: 8px;
  position: relative;
  height: 11px;
  width: 15px;
}

.notificationBtn.refresh {
  background-image: url("../images/24x24/reset.svg");
  margin-right: 8px;
  position: relative;
  height: 11px;
  width: 0px;
}

.notificationBtn.help {
  background-image: url("../images/24x24/help.svg");
  background-size: 18px 19px;
  margin-right: 8px;
  position: relative;
  height: 11px;
  width: 0px;
}

.notificationCount {
  position: absolute;
  right: 4px;
  top: 1px;
  background-color: #ea1914;
  font-size: 0.75em;
  color: #fff;
  padding: 2px;
  border-radius: 5px;
}

.notificationDropdown {
  position: relative;
  display: inline-block;
}

.solutionNavClose {
  display: none;
  width: 6px;
  height: 7px;
  padding: 4px 4px;
  vertical-align: middle;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 6px;
  background: url(../images/Other/Primary_Navigation/6X6_Close_Tab/icon-close-white.svg) no-repeat;
  cursor: pointer;
}

.solutionNavClose:hover {
  background: url(../images/Other/Primary_Navigation/6X6_Close_Tab/icon-close-blue.svg) no-repeat;
}

.solutionNavClose.multiple {
  display: inline-block;
}

.solutionNavClose.over {
  color: #da4d4a;
}

.solutionNavClose.touch.multiple {
  display: inline-block;
}

.notification-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 400px;
  height: 450px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  float: right;
  right: 0;
  z-index: 50;
}
.notification-content.add {
  width: 470px;
  height: 440px;
}
.notification-content.open {
  display: block;
}

.droplet1 {
  margin-left: -70px;
  position: absolute;
  width: 373.52px;
  height: 400.46px;
  left: -120.3px;
  top: -78px;
  opacity: 0.15;
  z-index: -1;
}

.droplet2 {
  margin-left: -120px;
  position: absolute;
  width: 600px;
  height: 600.46px;
  left: 200.3px;
  top: -140px;
  opacity: 0.15;
  z-index: -1;
}

img.ChangePassword {
  padding-right: 7px;
  float: right;
}

img.Settings {
  padding-right: 6px;
  float: right;
}

img.Logout {
  padding-right: 7px;
  float: right;
}

.row.rowHighlight .tableTd a {
  color: #047abc !important;
}

.pgl-product-version{ display:none; font-family:'2019.1.2.22'; }
.pgl-build-number{ display:none; font-family:'20211122_0616'; }