@keyframes press-pulse {
  from {
    display: block;
    box-shadow: inset 0px 0px 10px 20px rgba(255, 255, 255, 0.3); }
  to {
    display: none;
    box-shadow: inset 0px 0px 0px 0px  transparent; } }

@keyframes absoluteGrow {
  from {
    right: 100%; }
  to {
    right: 0%; } }

html {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none; }

button::-moz-focus-inner {
  border-width: 0;
  padding: 0; }

/* icons */
.icon {
  vertical-align: middle;
  width: 26px;
  height: 26px;
  fill: #333;
  stroke: #333; }

.iconButton {
  padding: 9px; }

.iconDisabled {
  opacity: .25; }

.iconConfirm {
  fill: #32cc42;
  stroke: #32cc42; }

.iconDeny {
  fill: #ff351c;
  stroke: #ff351c; }

.compact .icon {
  margin: -2px;
  width: 22px;
  height: 22px; }

.compact .iconButton {
  padding: 3px; }

/* main */
.page {
  color: #000;
  background: #fff;
  font: 16px Arial, san-serif; }

.page.compact, .page .compact {
  font-size: 12px; }

.heading {
  color: gray;
  font-size: 125%; }

.highlight {
  color: #3498db; }

.link {
  text-decoration: none;
  color: #5fbcfa; }
  .link .icon {
    fill: #5fbcfa;
    stroke: #5fbcfa; }

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

.group {
  border: 1px solid #d9d9d9;
  padding: 6px;
  border-radius: 4px; }

.groupLabel {
  color: gray;
  font-size: 12px; }

.lock {
  background: rgba(0, 0, 0, 0.1); }

.compact .groupLabel {
  font-size: 10px; }

/* panels */
.panelHeader {
  color: #fff;
  background: #116aa6;
  line-height: 44px; }

.panelHeaderAlt {
  color: #fff;
  background: #1379bd;
  line-height: 44px; }

.panelHeaderContrast {
  background: #fff;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  line-height: 44px; }

.panelBody {
  background: #fff; }

.panelBodyShadow:before, .panelBodyShadow:after {
  background: rgba(0, 0, 0, 0.05);
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 4px;
  content: ""; }

.panelBodyShadow:after {
  height: 2px; }

.panelFooter {
  color: #fff;
  background: #116aa6;
  line-height: 44px; }

.panelFooterAlt {
  color: #fff;
  background: #1379bd;
  line-height: 44px; }

.panelFooterContrast {
  background: #fff;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #d9d9d9;
  line-height: 44px; }

.panelHeader .icon, .panelHeaderAlt .icon, .panelFooter .icon, .panelFooterAlt .icon {
  fill: #fff;
  stroke: #fff; }

.panelNav > .panel:before {
  border: 1px solid rgba(128, 128, 128, 0.2);
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: ''; }

.panelDockBefore, .panelDockAfter {
  background: #f7f7f7; }

.panelLTR > .panel:after {
  background: rgba(128, 128, 128, 0.2);
  display: block;
  position: absolute;
  top: 0px;
  left: -1px;
  bottom: 0px;
  width: 1px;
  content: ''; }

.panelRTL > .panel:after {
  background: rgba(128, 128, 128, 0.2);
  display: block;
  position: absolute;
  top: 0px;
  right: -1px;
  bottom: 0px;
  width: 1px;
  content: ''; }

.panelLTR > .panelDockAfter:after, .panelRTL > .panelDockBefore:after {
  left: 0px !important;
  right: auto !important; }

.panelLTR > .panelDockBefore:after, .panelRTL > .panelDockAfter:after {
  left: auto !important;
  right: 0px !important; }

.panelTTB > .panel:after {
  background: rgba(128, 128, 128, 0.2);
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  right: 0px;
  height: 1px;
  content: ''; }

.panelBTT > .panel:after {
  background: rgba(128, 128, 128, 0.2);
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -1px;
  height: 1px;
  content: ''; }

.panelTTB > .panelDockAfter:after, .panelBTT > .panelDockBefore:after {
  top: 0px !important;
  bottom: auto !important; }

.panelBTT > .panelDockAfter:after, .panelTTB > .panelDockBefore:after {
  top: auto !important;
  bottom: 0px !important; }

.panelDockOverlay {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); }

.panelDockBefore, .panelDockAfter {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }
  .panelDockBefore .panelBody, .panelDockAfter .panelBody {
    background: #f7f7f7; }

.panelNavInd {
  background: #ebebeb;
  font-size: 0px;
  border: 1px solid #d9d9d9;
  margin: 3px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 4px; }

.panelNavIndSel {
  background: #5faee3;
  border-color: #3498db; }

.compact .panelHeader, .compact .panelHeaderAlt, .compact .panelHeaderContrast, .compact .panelFooter, .compact .panelFooterAlt, .compact .panelFooterContrast {
  line-height: 24px; }

/*	control bar */
.ctrlBarHorz > div > div {
  line-height: 44px; }

.ctrlBarVert > div > div {
  min-width: 44px; }

.ctrlBarSepHorz {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: rgba(128, 128, 128, 0.2);
  margin: 2px;
  width: 0px; }

.ctrlBarSepVert {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(128, 128, 128, 0.2);
  margin: 2px;
  height: 0px; }

.ctrlBarDis {
  color: #fff;
  background: rgba(19, 121, 189, 0.95); }

.ctrlBarDisContrast {
  background: rgba(255, 255, 255, 0.95); }

.ctrlBarDisExpandT, .ctrlBarDisExpandB .ctrlBarDis, .ctrlBarDisExpandB .ctrlBarDisContrast, .ctrlBarDisExtendB .ctrlBarDisContrast {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(128, 128, 128, 0.2); }

.ctrlBarDisExpandT .ctrlBarDis, .ctrlBarDisExpandT .ctrlBarDisContrast, .ctrlBarDisExpandB, .ctrlBarDisExtendT .ctrlBarDisContrast {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(128, 128, 128, 0.2); }

.ctrlBarDisExpandL, .ctrlBarDisExpandR .ctrlBarDis, .ctrlBarDisExpandR .ctrlBarDisContrast, .ctrlBarDisExtendR .ctrlBarDisContrast {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: rgba(128, 128, 128, 0.2); }

.ctrlBarDisExpandL .ctrlBarDis, .ctrlBarDisExpandL .ctrlBarDisContrast, .ctrlBarDisExpandR, .ctrlBarDisExtendL .ctrlBarDisContrast {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgba(128, 128, 128, 0.2); }

.compact .ctrlBarHorz > div > div {
  line-height: 24px; }

.compact .ctrlBarVert > div > div {
  min-width: 24px; }

/* accordion */
.accordion {
  border: 1px solid #ebebeb;
  padding: 0px;
  border-radius: 2px; }

.accordionTitle, .accordionTitleSelected, .accordionTitleDisabled {
  text-decoration: none;
  color: gray;
  background: #fafafa;
  font-weight: bold;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  padding: 9px 14px;
  margin-top: -1px;
  display: block;
  position: relative;
  line-height: 26px; }

.accordionTitle .iconButton, .accordionTitleSelected .iconButton, .accordionTitleDisabled .iconButton {
  padding: 0px; }

.accordionTitleSelected, .accordionTitle:hover {
  color: #3498db; }

.accordionTitleDisabled {
  color: #a6a6a6; }

.accordionPane {
  color: #000;
  background: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  padding: 2px;
  margin-top: -1px; }

.accordionInd .accordionTitle, .accordionInd .accordionTitleSelected, .accordionInd .accordionTitleDisabled {
  padding-left: 40px; }

.accordionInd .accordionTitle:before, .accordionInd .accordionTitleDisabled:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 9px;
  margin-top: -6px;
  width: 9px;
  height: 9px;
  border-right: 2px solid gray;
  border-top: 2px solid gray;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 4px; }

.accordionInd .accordionTitle:hover:before {
  border-color: #3498db; }

.accordionInd .accordionTitleDisabled:before {
  border-color: #a6a6a6; }

.accordionInd .accordionTitleSelected:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 9px;
  margin-top: -6px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #3498db;
  border-top: 2px solid #3498db;
  border-radius: 2px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: 4px; }

.compact .accordionTitle, .compact .accordionTitleSelected, .compact .accordionTitleDisabled {
  padding: 3px 6px; }

.compact .accordionInd .accordionTitle, .compact .accordionInd .accordionTitleSelected, .compact .accordionInd .accordionTitleDisabled {
  padding-left: 24px; }

.compact .accordionTitle:before, .compact .accordionTitleSelected:before, .compact .accordionTitleDisabled:before {
  width: 6px;
  height: 6px;
  left: 6px;
  margin-top: -4px; }

/* tabs */
.tabTop, .tabBottom, .tabLeft, .tabRight {
  background: #f2f2f2;
  border: 1px solid #ebebeb;
  padding: 0px;
  border-radius: 2px; }

.tabItemBand {
  text-align: center; }

.tabItem, .tabItemSelected, .tabItemDisabled {
  text-decoration: none;
  color: gray;
  font-weight: bold;
  padding: 9px 14px;
  display: inline-block;
  line-height: 26px; }

.tabItemSelected, .tabItem:hover {
  color: #3498db; }

.tabItemDisabled {
  color: #a6a6a6; }

.tabPane {
  background: #fff;
  padding: 2px; }

.tabTop .tabPane {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb; }

.tabBottom .tabPane {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb; }

.tabLeft .tabPane {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ebebeb; }

.tabRight .tabPane {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ebebeb; }

.tabLeft .tabItem, .tabLeft .tabItemSelected, .tabLeft .tabItemDisabled {
  display: block;
  text-align: right; }

.tabRight .tabItem, .tabRight .tabItemSelected, .tabRight .tabItemDisabled {
  display: block;
  text-align: left; }

.compact .tabItem, .compact .tabItemSelected, .compact .tabItemDisabled {
  padding: 3px 6px; }

/* tabband */
.tabband {
  background: #f2f2f2;
  border: 1px solid #ebebeb; }

.tabbandTab, .tabbandTabSelected {
  text-decoration: none;
  white-space: nowrap;
  color: gray;
  font-weight: bold;
  padding: 0px 14px;
  display: inline-block;
  line-height: 44px; }

.tabbandTabSelected, .tabbandTab:hover {
  color: #3498db; }

.tabbandTabDisabled, .tabbandTabDisabled:hover {
  color: #a6a6a6; }

.tabbandButton, .tabbandButtonDisabled {
  background: #f2f2f2;
  padding: 9px;
  display: block; }

.tabbandButton:hover .icon {
  fill: #5fbcfa;
  stroke: #5fbcfa; }

.tabbandButtonDisabled .icon {
  fill: #a6a6a6;
  stroke: #a6a6a6; }

.compact .tabbandTab, .compact .tabbandTabSelected {
  padding: 0px 6px;
  line-height: 24px; }

.compact .tabbandButton, .compact .tabbandButtonDisabled {
  padding: 3px; }

/* window */
.window {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); }

.windowTitle {
  color: gray;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 14px;
  cursor: default;
  line-height: 44px; }

.windowHeader, .windowFooter, .windowTBar, .windowBBar, .windowBody {
  padding: 14px; }

.windowButtons {
  text-align: center;
  font-size: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  margin-bottom: -1px; }

.windowResize {
  background: #f7f7f7;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  height: 22px; }

.compact .windowTitle {
  font-size: 10px;
  padding: 0px 6px;
  line-height: 24px; }

.compact .windowHeader, .compact .windowFooter, .compact .windowTBar, .compact .windowBBar, .compact .windowBody {
  padding: 6px; }

.compact .windowResize {
  height: 8px; }

/* menu bar */
.menubarItem {
  text-decoration: none;
  color: #5fbcfa;
  font-weight: bold;
  padding: 9px 14px;
  display: inline-block;
  line-height: 26px; }

.pulse .menubarItem {
  transition: background-color 300ms cubic-bezier(0, 0.8, 1, 0.86), box-shadow 600ms;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15); }

.pulse .menubarItem:not(.menubarItemDisabled):active {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.menubarItemHover {
  color: #fff;
  background: #0790ec;
  border-radius: 2px; }

.menubarItemPressed {
  color: #fff;
  background: #5fbcfa;
  border-radius: 2px; }

.menubarItemDisabled {
  color: #a6a6a6; }

.menubarItemCas:after {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #5fbcfa;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #5fbcfa;
  margin-left: 14px;
  display: inline-block;
  position: relative;
  top: -3px;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.menubarItemSep {
  border-left-style: dotted;
  border-left-width: 1px;
  border-left-color: #a6a6a6;
  vertical-align: bottom;
  height: 44px; }

.compact .menubarItem {
  padding: 3px 6px;
  line-height: 18px; }

.compact .menubarItemCas:after {
  width: 6px;
  height: 6px;
  margin-left: 6px;
  top: -2px; }

.compact .menubarItemSep {
  height: 24px; }

.menubarVertical .menubarItem {
  display: block; }

.menubarVertical .menubarItemSep {
  height: 0px;
  border-left: none;
  border-top: 1px dotted #a6a6a6; }

.menubarVertical .menubarItemCas:after {
  float: right;
  border: none;
  border-right: 2px solid #5fbcfa;
  border-top: 2px solid #5fbcfa;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 10px; }

.menubarVertical .menubarItemHover .menubarItemCas:after, .menubarVertical .menubarItemPressed .menubarItemCas:after {
  border-left-color: #fff; }

.menubarVertical .menubarItemDisabled .menubarItemCas:after {
  border-left-color: #a6a6a6; }

.compact .menubarVertical .menubarItemCas:after {
  margin-top: 7px; }

.menubarItemHover .menubarItemCas:after, .menubarItemPressed .menubarItemCas:after {
  border-color: #fff; }

.menubarItemDisabled .menubarItemCas:after {
  border-color: #a6a6a6; }

/* menu */
.menu {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); }

.menuItem {
  padding: 0px 14px;
  cursor: default;
  position: relative;
  line-height: 44px; }

.pulse .menuItem {
  transition: background-color 300ms cubic-bezier(0, 0.8, 1, 0.86), box-shadow 600ms;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15); }

.pulse .menuItem:not(.menuItemDisabled):active {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.menuItemLabel {
  display: inline-block; }

.menuItemHover, .menuItemSelected {
  color: #fff;
  background: #3498db; }

.menuItemDisabled {
  color: gray;
  background: #fff; }

.menuItemCascade {
  padding-right: 28px;
  position: relative; }

.menuItemCascade:after {
  font-size: 0px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: gray;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: gray;
  margin-top: -6px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.menuItemHover .menuItemCascade:after, .menuItemSelected .menuItemCascade:after {
  border-color: #fff; }

.menuSeparator {
  background: #ebebeb;
  margin: 0px !important;
  position: absolute;
  left: 0px;
  right: 0px;
  height: 1px; }

.menuTitle {
  color: gray;
  background: #f7f7f7;
  font-size: 12px;
  font-weight: bold;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  padding: 4px;
  cursor: default; }

.menuIcon {
  padding-right: 9px;
  width: 26px; }

.compact .menuItem {
  padding: 0px 3px;
  line-height: 24px; }

.compact .menuIcon {
  width: 18px;
  padding-right: 3px; }

.compact .menuItemCascade {
  padding-right: 12px; }

.compact .menuItemCascade:after {
  margin-top: -4px;
  width: 6px;
  height: 6px; }

.compact .menuTitle {
  font-size: 10px; }

.menuItemHover .icon, .menuItemSelected .icon {
  fill: #fff;
  stroke: #fff; }

/* pointer - window / menu */
.pointerDown {
  border-top-style: solid;
  border-top-width: 10px;
  border-top-color: #d9d9d9;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: transparent;
  margin-left: -10px;
  left: 50%;
  bottom: -11px;
  width: 0;
  height: 0; }

.pointerDown:after {
  border-top-style: solid;
  border-top-width: 10px;
  border-top-color: #fff;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: transparent;
  margin-left: -10px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 0;
  height: 0;
  content: ""; }

.pointerUp {
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: #d9d9d9;
  margin-left: -10px;
  top: -11px;
  left: 50%;
  width: 0;
  height: 0; }

.pointerUp:after {
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: #fff;
  margin-left: -10px;
  display: block;
  position: absolute;
  top: 1px;
  left: 50%;
  width: 0;
  height: 0;
  content: ""; }

.pointerLeft {
  border-top-style: solid;
  border-top-width: 10px;
  border-top-color: transparent;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: #d9d9d9;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: transparent;
  margin-top: -10px;
  top: 50%;
  left: -11px;
  width: 0;
  height: 0; }

.pointerLeft:after {
  border-top-style: solid;
  border-top-width: 10px;
  border-top-color: transparent;
  border-right-style: solid;
  border-right-width: 10px;
  border-right-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: transparent;
  margin-top: -10px;
  display: block;
  position: absolute;
  top: 50%;
  left: 1px;
  width: 0;
  height: 0;
  content: ""; }

.pointerRight {
  border-top-style: solid;
  border-top-width: 10px;
  border-top-color: transparent;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: #d9d9d9;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: transparent;
  margin-top: -10px;
  top: 50%;
  right: -11px;
  width: 0;
  height: 0; }

.pointerRight:after {
  border-top-style: solid;
  border-top-width: 10px;
  border-top-color: transparent;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: transparent;
  margin-top: -10px;
  display: block;
  position: absolute;
  top: 50%;
  right: 1px;
  width: 0;
  height: 0;
  content: ""; }

/* edit */
.edit, .editPrimary {
  color: #000;
  background: transparent;
  font: 16px Arial, san-serif;
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  padding: 14px;
  padding-bottom: 13px;
  vertical-align: middle;
  border-radius: 0px;
  outline: none; }

.pulse .edit, .pulse .editPrimary, .pulse .editBG, .pulse .editBGPrimary {
  transition: border-color 600ms cubic-bezier(0, 0.8, 1, 0.86); }

select.edit option, select.editPrimary option {
  color: #000;
  background: #fff; }

.editPrimary, .grid .edit {
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 13px; }

.edit:hover, .editPrimary:hover {
  border-color: #5faee3; }

.edit:focus {
  background: url(accentEditBorder.png) repeat-x bottom #fff;
  border-color: #3498db;
  border-bottomx: 3px solid #3498db;
  padding-bottomx: 11px; }

.editPrimary:focus, .grid .edit:focus {
  border-color: #3498db;
  box-shadow: inset 0px 0px 0px 2px #3498db;
  borderx: 3px solid #3498db;
  paddingx: 11px; }

.editError {
  color: #ff351c;
  background: #ffebe8;
  border-color: #ff351c; }

.editWatermark {
  color: gray; }

.edit[disabled] {
  color: gray;
  border-color: #ebebeb; }

.compact .edit {
  font-size: 12px;
  padding: 6px;
  padding-bottom: 5px; }

.compact .edit:focus {
  border-bottom: 2px solid #3498db;
  padding-bottom: 4px; }

.compact .editPrimary, .compact .grid .edit {
  font-size: 12px;
  padding: 5px; }

.compact .editPrimary:focus, .compact .grid .edit:focus {
  border: 2px solid #3498db;
  padding: 4px; }

/* edit overrides */
.panelHeader .edit, .panelHeaderAlt .edit, .panelFooter .edit, .panelFooterAlt .edit, .ctrlBarDis .edit {
  border-color: rgba(217, 217, 217, 0.25);
  color: #fff; }

.panelHeader .editPrimary, .panelHeaderAlt .editPrimary, .panelFooter .editPrimary, .panelFooterAlt .editPrimary, .ctrlBarDis .editPrimary {
  color: #fff;
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(217, 217, 217, 0.25); }

.panelHeader .edit:hover, .panelHeader .editPrimary:hover, .panelHeader .edit:focus, .panelHeader .editPrimary:focus, .panelHeaderAlt .edit:hover, .panelHeaderAlt .editPrimary:hover, .panelHeaderAlt .edit:focus, .panelHeaderAlt .editPrimary:focus, .panelFooter .edit:hover, .panelFooter .editPrimary:hover, .panelFooter .edit:focus, .panelFooter .editPrimary:focus, .panelFooterAlt .edit:hover, .panelFooterAlt .editPrimary:hover, .panelFooterAlt .edit:focus, .panelFooterAlt .editPrimary:focus, .ctrlBarDis .edit:hover, .ctrlBarDis .editPrimary:hover, .ctrlBarDis .edit:focus, .ctrlBarDis .editPrimary:focus {
  border-color: #fff; }

.panelHeader .editError, .panelHeaderAlt .editError, .panelFooter .editError, .panelFooterAlt .editError, .ctrlBarDis .editError {
  color: #ff351c;
  background: transparent; }

.panelHeader .editPrimary.editError, .panelHeaderAlt .editPrimary.editError, .panelFooter .editPrimary.editError, .panelFooterAlt .editPrimary.editError, .ctrlBarDis .editPrimary.editError {
  background: #ffebe8; }

.panelHeader .editWatermark, .panelHeaderAlt .editWatermark, .panelFooter .editWatermark, .panelFooterAlt .editWatermark, .ctrlBarDis .editWatermark {
  color: gray; }

.panelHeader .edit[disabled], .panelHeaderAlt .edit[disabled], .panelFooter .edit[disabled], .panelFooterAlt .edit[disabled], .ctrlBarDis .edit[disabled] {
  color: gray;
  border-color: #ebebeb; }

.panelHeader .edit, .panelHeader .editPrimary, .panelHeaderAlt .edit, .panelHeaderAlt .editPrimary, .panelHeaderContrast .edit, .panelHeaderContrast .editPrimary, .panelFooter .edit, .panelFooter .editPrimary, .panelFooterAlt .edit, .panelFooterAlt .editPrimary, .panelFooterContrast .edit, .panelFooterContrast .editPrimary, .ctrlBarDis .edit, .ctrlBarDis .editPrimary, .ctrlBarDisContrast .edit, .ctrlBarDisContrast .editPrimary {
  vertical-align: top;
  margin-top: 3px;
  padding-top: 10px;
  padding-bottom: 9px; }

.panelHeader .editPrimary, .panelHeader .grid .edit, .panelHeaderAlt .editPrimary, .panelHeaderAlt .grid .edit, .panelHeaderContrast .editPrimary, .panelHeaderContrast .grid .edit, .panelFooter .editPrimary, .panelFooter .grid .edit, .panelFooterAlt .editPrimary, .panelFooterAlt .grid .edit, .panelFooterContrast .editPrimary, .panelFooterContrast .grid .edit, .ctrlBarDis .editPrimary, .ctrlBarDis .grid .edit, .ctrlBarDisContrast .editPrimary, .ctrlBarDisContrast .grid .edit {
  padding-top: 9px;
  padding-bottom: 9px; }

.panelHeader .edit:focus, .panelHeaderAlt .edit:focus, .panelHeaderContrast .edit:focus, .panelFooter .edit:focus, .panelFooterAlt .edit:focus, .panelFooterContrast .edit:focus, .ctrlBarDis .edit:focus, .ctrlBarDisContrast .edit:focus {
  padding-bottom: 7px; }

.panelHeader .editPrimary:focus, .panelHeader .grid .edit:focus, .panelHeaderAlt .editPrimary:focus, .panelHeaderAlt .grid .edit:focus, .panelHeaderContrast .editPrimary:focus, .panelHeaderContrast .grid .edit:focus, .panelFooter .editPrimary:focus, .panelFooter .grid .edit:focus, .panelFooterAlt .editPrimary:focus, .panelFooterAlt .grid .edit:focus, .panelFooterContrast .editPrimary:focus, .panelFooterContrast .grid .edit:focus, .ctrlBarDis .editPrimary:focus, .ctrlBarDis .grid .edit:focus, .ctrlBarDisContrast .editPrimary:focus, .ctrlBarDisContrast .grid .edit:focus {
  padding-top: 7px;
  padding-bottom: 7px; }

.listItemSelected .edit, .listItemHover .edit, .gridRowSelected .edit, .gridRowHover .edit {
  color: #fff;
  border-color: #fff; }

.listItemSelected .editError, .listItemHover .editError, .gridRowSelected .editError, .gridRowHover .editError {
  color: #ff351c;
  border-color: #ff351c; }

.listItemSelected .edit[disabled], .listItemHover .edit[disabled], .gridRowSelected .edit[disabled], .gridRowHover .edit[disabled] {
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.75); }

.compact .panelHeader .edit, .compact .panelHeaderAlt .edit, .compact .panelHeaderContrast .edit, .compact .panelFooter .edit, .compact .panelFooterAlt .edit, .compact .panelFooterContrast .edit, .compact .ctrlBarDis .edit, .compact .ctrlBarDisContrast .edit {
  margin-top: 2px;
  padding: 3px;
  padding-bottom: 2px; }

.compact .panelHeader .edit:focus, .compact .panelHeaderAlt .edit:focus, .compact .panelHeaderContrast .edit:focus, .compact .panelFooter .edit:focus, .compact .panelFooterAlt .edit:focus, .compact .panelFooterContrast .edit:focus, .compact .ctrlBarDis .edit:focus, .compact .ctrlBarDisContrast .edit:focus {
  padding-bottom: 1px; }

.compact .panelHeader .editPrimary, .compact .panelHeader .grid .edit, .compact .panelHeaderAlt .editPrimary, .compact .panelHeaderAlt .grid .edit, .compact .panelHeaderContrast .editPrimary, .compact .panelHeaderContrast .grid .edit, .compact .panelFooter .editPrimary, .compact .panelFooter .grid .edit, .compact .panelFooterAlt .editPrimary, .compact .panelFooterAlt .grid .edit, .compact .panelFooterContrast .editPrimary, .compact .panelFooterContrast .grid .edit, .compact .ctrlBarDis .editPrimary, .compact .ctrlBarDis .grid .edit, .compact .ctrlBarDisContrast .editPrimary, .compact .ctrlBarDisContrast .grid .edit {
  margin-top: 2px;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 2px; }

.compact .panelHeader .editPrimary:focus, .compact .panelHeader .grid .edit:focus, .compact .panelHeaderAlt .editPrimary:focus, .compact .panelHeaderAlt .grid .edit:focus, .compact .panelHeaderContrast .editPrimary:focus, .compact .panelHeaderContrast .grid .edit:focus, .compact .panelFooter .editPrimary:focus, .compact .panelFooter .grid .edit:focus, .compact .panelFooterAlt .editPrimary:focus, .compact .panelFooterAlt .grid .edit:focus, .compact .panelFooterContrast .editPrimary:focus, .compact .panelFooterContrast .grid .edit:focus, .compact .ctrlBarDis .editPrimary:focus, .compact .ctrlBarDis .grid .edit:focus, .compact .ctrlBarDisContrast .editPrimary:focus, .compact .ctrlBarDisContrast .grid .edit:focus {
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px; }

/* edit button group */
.editBG, .editBGPrimary {
  color: #000;
  background: transparent;
  font: 16px Arial, san-serif;
  border: 0px none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  padding: 0px;
  vertical-align: middle;
  outline: none; }

.editBGPrimary, .grid .editBG {
  background: #fff;
  border: 1px solid #d9d9d9; }

.editBGHover {
  border-color: #5faee3; }

.editBGFocus {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: #3498db; }

.editBGPrimary.editBGFocus, .grid .editBG.editBGFocus {
  border: 3px solid #3498db; }

.editBGError {
  color: #ff351c;
  background: #ffebe8;
  border-color: #ff351c; }

.editBGSeparator {
  font-size: 0px;
  padding: 0px;
  width: 0px; }

.editBGEdit {
  color: #000;
  background: transparent;
  font: 16px Arial, san-serif;
  border: none;
  padding: 14px;
  padding-bottom: 13px;
  outline: none; }

.editBGPrimary .editBGEdit, .grid .editBG .editBGEdit {
  padding: 13px; }

.editBGButton {
  padding: 9px 14px;
  padding-bottom: 8px;
  border-radius: 2px 2px 0px 0px; }

.editBGPrimary .editBGButton, .grid .editBG .editBGButton {
  padding-top: 8px;
  border-radius: 0px; }

.editBGButtonHover {
  color: #fff;
  background: #5faee3; }

.editBGButtonPressed {
  color: #fff;
  background: #3498db; }

.editBGWatermark {
  color: gray; }

.editBGButtonHover .icon, .editBGButtonPressed .icon {
  stroke: #fff;
  fill: #fff; }

.editBGError .icon {
  stroke: #ff351c;
  fill: #ff351c; }

.editBGFocus .editBGEdit {
  padding-bottom: 11px; }

.editBGFocus .editBGButton {
  padding-bottom: 6px; }

.editBGPrimary.editBGFocus .editBGEdit, .grid .editBG.editBGFocus .editBGEdit {
  padding: 11px; }

.editBGPrimary.editBGFocus .editBGButton, .grid .editBG.editBGFocus .editBGButton {
  padding-top: 6px; }

.compact .editBGEdit, .compact .grid .editBG .editBGEdit {
  font: 12px Arial, san-serif;
  padding: 6px;
  padding-bottom: 5px; }

.compact .editBGButton, .compact .grid .editBG .editBGButton {
  font: 12px Arial, san-serif;
  padding: 3px 6px;
  padding-bottom: 2px; }

.compact .editBGFocus {
  border-bottom: 2px solid #3498db; }
  .compact .editBGFocus .editBGEdit {
    padding-bottom: 4px; }
  .compact .editBGFocus .editBGButton {
    padding-bottom: 1px; }

.compact .editBGPrimary.editBGFocus, .compact .grid .editBG.editBGFocus {
  border: 2px solid #3498db; }
  .compact .editBGPrimary.editBGFocus .editBGEdit, .compact .grid .editBG.editBGFocus .editBGEdit {
    padding: 4.5px; }
  .compact .editBGPrimary.editBGFocus .editBGButton, .compact .grid .editBG.editBGFocus .editBGButton {
    padding-top: 1px; }

/* edit button group overrides */
.panelHeader .editBG, .panelHeaderAlt .editBG, .panelFooter .editBG, .panelFooterAlt .editBG, .ctrlBarDis .editBG {
  border-color: rgba(217, 217, 217, 0.25);
  color: #fff; }

.panelHeader .editBGPrimary, .panelHeaderAlt .editBGPrimary, .panelFooter .editBGPrimary, .panelFooterAlt .editBGPrimary, .ctrlBarDis .editBGPrimary {
  color: #fff;
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(217, 217, 217, 0.25); }

.panelHeader .editBGButton, .panelHeaderAlt .editBGButton, .panelFooter .editBGButton, .panelFooterAlt .editBGButton, .ctrlBarDis .editBGButton {
  background: rgba(255, 255, 255, 0.25); }
  .panelHeader .editBGButton .icon, .panelHeaderAlt .editBGButton .icon, .panelFooter .editBGButton .icon, .panelFooterAlt .editBGButton .icon, .ctrlBarDis .editBGButton .icon {
    fill: #fff;
    stroke: #fff; }

.panelHeader .editBG .editBGEdit, .panelHeader .editBGPrimary .editBGEdit, .panelHeaderAlt .editBG .editBGEdit, .panelHeaderAlt .editBGPrimary .editBGEdit, .panelFooter .editBG .editBGEdit, .panelFooter .editBGPrimary .editBGEdit, .panelFooterAlt .editBG .editBGEdit, .panelFooterAlt .editBGPrimary .editBGEdit, .ctrlBarDis .editBG .editBGEdit, .ctrlBarDis .editBGPrimary .editBGEdit {
  color: #fff; }

.panelHeader .editBG:hover, .panelHeader .editBGPrimary:hover, .panelHeader .editBGFocus, .panelHeader .editBGPrimary.editBGFocus, .panelHeaderAlt .editBG:hover, .panelHeaderAlt .editBGPrimary:hover, .panelHeaderAlt .editBGFocus, .panelHeaderAlt .editBGPrimary.editBGFocus, .panelFooter .editBG:hover, .panelFooter .editBGPrimary:hover, .panelFooter .editBGFocus, .panelFooter .editBGPrimary.editBGFocus, .panelFooterAlt .editBG:hover, .panelFooterAlt .editBGPrimary:hover, .panelFooterAlt .editBGFocus, .panelFooterAlt .editBGPrimary.editBGFocus, .ctrlBarDis .editBG:hover, .ctrlBarDis .editBGPrimary:hover, .ctrlBarDis .editBGFocus, .ctrlBarDis .editBGPrimary.editBGFocus {
  border-color: #fff; }
  .panelHeader .editBG:hover .editBGButton, .panelHeader .editBGPrimary:hover .editBGButton, .panelHeader .editBGFocus .editBGButton, .panelHeader .editBGPrimary.editBGFocus .editBGButton, .panelHeaderAlt .editBG:hover .editBGButton, .panelHeaderAlt .editBGPrimary:hover .editBGButton, .panelHeaderAlt .editBGFocus .editBGButton, .panelHeaderAlt .editBGPrimary.editBGFocus .editBGButton, .panelFooter .editBG:hover .editBGButton, .panelFooter .editBGPrimary:hover .editBGButton, .panelFooter .editBGFocus .editBGButton, .panelFooter .editBGPrimary.editBGFocus .editBGButton, .panelFooterAlt .editBG:hover .editBGButton, .panelFooterAlt .editBGPrimary:hover .editBGButton, .panelFooterAlt .editBGFocus .editBGButton, .panelFooterAlt .editBGPrimary.editBGFocus .editBGButton, .ctrlBarDis .editBG:hover .editBGButton, .ctrlBarDis .editBGPrimary:hover .editBGButton, .ctrlBarDis .editBGFocus .editBGButton, .ctrlBarDis .editBGPrimary.editBGFocus .editBGButton {
    color: #116aa6;
    background: #fff; }
    .panelHeader .editBG:hover .editBGButton .icon, .panelHeader .editBGPrimary:hover .editBGButton .icon, .panelHeader .editBGFocus .editBGButton .icon, .panelHeader .editBGPrimary.editBGFocus .editBGButton .icon, .panelHeaderAlt .editBG:hover .editBGButton .icon, .panelHeaderAlt .editBGPrimary:hover .editBGButton .icon, .panelHeaderAlt .editBGFocus .editBGButton .icon, .panelHeaderAlt .editBGPrimary.editBGFocus .editBGButton .icon, .panelFooter .editBG:hover .editBGButton .icon, .panelFooter .editBGPrimary:hover .editBGButton .icon, .panelFooter .editBGFocus .editBGButton .icon, .panelFooter .editBGPrimary.editBGFocus .editBGButton .icon, .panelFooterAlt .editBG:hover .editBGButton .icon, .panelFooterAlt .editBGPrimary:hover .editBGButton .icon, .panelFooterAlt .editBGFocus .editBGButton .icon, .panelFooterAlt .editBGPrimary.editBGFocus .editBGButton .icon, .ctrlBarDis .editBG:hover .editBGButton .icon, .ctrlBarDis .editBGPrimary:hover .editBGButton .icon, .ctrlBarDis .editBGFocus .editBGButton .icon, .ctrlBarDis .editBGPrimary.editBGFocus .editBGButton .icon {
      fill: #116aa6;
      stroke: #116aa6; }

.panelHeader .editBGError, .panelHeaderAlt .editBGError, .panelFooter .editBGError, .panelFooterAlt .editBGError, .ctrlBarDis .editBGError {
  color: #ff351c;
  background: transparent; }

.panelHeader .editBGPrimary.editBGError, .panelHeaderAlt .editBGPrimary.editBGError, .panelFooter .editBGPrimary.editBGError, .panelFooterAlt .editBGPrimary.editBGError, .ctrlBarDis .editBGPrimary.editBGError {
  background: #ffebe8; }

.panelHeader .editBGWatermark, .panelHeaderAlt .editBGWatermark, .panelFooter .editBGWatermark, .panelFooterAlt .editBGWatermark, .ctrlBarDis .editBGWatermark {
  color: gray; }

.panelHeader .editBGEdit[disabled], .panelHeaderAlt .editBGEdit[disabled], .panelFooter .editBGEdit[disabled], .panelFooterAlt .editBGEdit[disabled], .ctrlBarDis .editBGEdit[disabled] {
  color: gray;
  border-color: #ebebeb; }

.panelHeader .editBG, .panelHeader .editBGPrimary, .panelHeaderAlt .editBG, .panelHeaderAlt .editBGPrimary, .panelHeaderContrast .editBG, .panelHeaderContrast .editBGPrimary, .panelFooter .editBG, .panelFooter .editBGPrimary, .panelFooterAlt .editBG, .panelFooterAlt .editBGPrimary, .panelFooterContrast .editBG, .panelFooterContrast .editBGPrimary, .ctrlBarDis .editBG, .ctrlBarDis .editBGPrimary, .ctrlBarDisContrast .editBG, .ctrlBarDisContrast .editBGPrimary {
  vertical-align: top;
  margin-top: 3px; }
  .panelHeader .editBG .editBGEdit, .panelHeader .editBGPrimary .editBGEdit, .panelHeaderAlt .editBG .editBGEdit, .panelHeaderAlt .editBGPrimary .editBGEdit, .panelHeaderContrast .editBG .editBGEdit, .panelHeaderContrast .editBGPrimary .editBGEdit, .panelFooter .editBG .editBGEdit, .panelFooter .editBGPrimary .editBGEdit, .panelFooterAlt .editBG .editBGEdit, .panelFooterAlt .editBGPrimary .editBGEdit, .panelFooterContrast .editBG .editBGEdit, .panelFooterContrast .editBGPrimary .editBGEdit, .ctrlBarDis .editBG .editBGEdit, .ctrlBarDis .editBGPrimary .editBGEdit, .ctrlBarDisContrast .editBG .editBGEdit, .ctrlBarDisContrast .editBGPrimary .editBGEdit {
    padding-top: 10px;
    padding-bottom: 9px; }
  .panelHeader .editBG .editBGButton, .panelHeader .editBGPrimary .editBGButton, .panelHeaderAlt .editBG .editBGButton, .panelHeaderAlt .editBGPrimary .editBGButton, .panelHeaderContrast .editBG .editBGButton, .panelHeaderContrast .editBGPrimary .editBGButton, .panelFooter .editBG .editBGButton, .panelFooter .editBGPrimary .editBGButton, .panelFooterAlt .editBG .editBGButton, .panelFooterAlt .editBGPrimary .editBGButton, .panelFooterContrast .editBG .editBGButton, .panelFooterContrast .editBGPrimary .editBGButton, .ctrlBarDis .editBG .editBGButton, .ctrlBarDis .editBGPrimary .editBGButton, .ctrlBarDisContrast .editBG .editBGButton, .ctrlBarDisContrast .editBGPrimary .editBGButton {
    padding-top: 5px;
    padding-bottom: 4px; }

.panelHeader .editBGPrimary .editBGEdit, .panelHeader .grid .editBG .editBGEdit, .panelHeaderAlt .editBGPrimary .editBGEdit, .panelHeaderAlt .grid .editBG .editBGEdit, .panelHeaderContrast .editBGPrimary .editBGEdit, .panelHeaderContrast .grid .editBG .editBGEdit, .panelFooter .editBGPrimary .editBGEdit, .panelFooter .grid .editBG .editBGEdit, .panelFooterAlt .editBGPrimary .editBGEdit, .panelFooterAlt .grid .editBG .editBGEdit, .panelFooterContrast .editBGPrimary .editBGEdit, .panelFooterContrast .grid .editBG .editBGEdit, .ctrlBarDis .editBGPrimary .editBGEdit, .ctrlBarDis .grid .editBG .editBGEdit, .ctrlBarDisContrast .editBGPrimary .editBGEdit, .ctrlBarDisContrast .grid .editBG .editBGEdit {
  padding-top: 9px;
  padding-bottom: 9px; }

.panelHeader .editBGPrimary .editBGButton, .panelHeader .grid .editBG .editBGButton, .panelHeaderAlt .editBGPrimary .editBGButton, .panelHeaderAlt .grid .editBG .editBGButton, .panelHeaderContrast .editBGPrimary .editBGButton, .panelHeaderContrast .grid .editBG .editBGButton, .panelFooter .editBGPrimary .editBGButton, .panelFooter .grid .editBG .editBGButton, .panelFooterAlt .editBGPrimary .editBGButton, .panelFooterAlt .grid .editBG .editBGButton, .panelFooterContrast .editBGPrimary .editBGButton, .panelFooterContrast .grid .editBG .editBGButton, .ctrlBarDis .editBGPrimary .editBGButton, .ctrlBarDis .grid .editBG .editBGButton, .ctrlBarDisContrast .editBGPrimary .editBGButton, .ctrlBarDisContrast .grid .editBG .editBGButton {
  padding-top: 4px;
  padding-bottom: 4px; }

.panelHeader .editBGFocus .editBGEdit, .panelHeaderAlt .editBGFocus .editBGEdit, .panelHeaderContrast .editBGFocus .editBGEdit, .panelFooter .editBGFocus .editBGEdit, .panelFooterAlt .editBGFocus .editBGEdit, .panelFooterContrast .editBGFocus .editBGEdit, .ctrlBarDis .editBGFocus .editBGEdit, .ctrlBarDisContrast .editBGFocus .editBGEdit {
  padding-bottom: 7px; }

.panelHeader .editBGFocus .editBGButton, .panelHeaderAlt .editBGFocus .editBGButton, .panelHeaderContrast .editBGFocus .editBGButton, .panelFooter .editBGFocus .editBGButton, .panelFooterAlt .editBGFocus .editBGButton, .panelFooterContrast .editBGFocus .editBGButton, .ctrlBarDis .editBGFocus .editBGButton, .ctrlBarDisContrast .editBGFocus .editBGButton {
  padding-bottom: 2px; }

.panelHeader .editBGPrimary.editBGFocus .editBGEdit, .panelHeader .grid .editBGFocus .editBGEdit, .panelHeaderAlt .editBGPrimary.editBGFocus .editBGEdit, .panelHeaderAlt .grid .editBGFocus .editBGEdit, .panelHeaderContrast .editBGPrimary.editBGFocus .editBGEdit, .panelHeaderContrast .grid .editBGFocus .editBGEdit, .panelFooter .editBGPrimary.editBGFocus .editBGEdit, .panelFooter .grid .editBGFocus .editBGEdit, .panelFooterAlt .editBGPrimary.editBGFocus .editBGEdit, .panelFooterAlt .grid .editBGFocus .editBGEdit, .panelFooterContrast .editBGPrimary.editBGFocus .editBGEdit, .panelFooterContrast .grid .editBGFocus .editBGEdit, .ctrlBarDis .editBGPrimary.editBGFocus .editBGEdit, .ctrlBarDis .grid .editBGFocus .editBGEdit, .ctrlBarDisContrast .editBGPrimary.editBGFocus .editBGEdit, .ctrlBarDisContrast .grid .editBGFocus .editBGEdit {
  padding-top: 7px;
  padding-bottom: 7px; }

.panelHeader .editBGPrimary.editBGFocus .editBGButton, .panelHeader .grid .editBGFocus .editBGButton, .panelHeaderAlt .editBGPrimary.editBGFocus .editBGButton, .panelHeaderAlt .grid .editBGFocus .editBGButton, .panelHeaderContrast .editBGPrimary.editBGFocus .editBGButton, .panelHeaderContrast .grid .editBGFocus .editBGButton, .panelFooter .editBGPrimary.editBGFocus .editBGButton, .panelFooter .grid .editBGFocus .editBGButton, .panelFooterAlt .editBGPrimary.editBGFocus .editBGButton, .panelFooterAlt .grid .editBGFocus .editBGButton, .panelFooterContrast .editBGPrimary.editBGFocus .editBGButton, .panelFooterContrast .grid .editBGFocus .editBGButton, .ctrlBarDis .editBGPrimary.editBGFocus .editBGButton, .ctrlBarDis .grid .editBGFocus .editBGButton, .ctrlBarDisContrast .editBGPrimary.editBGFocus .editBGButton, .ctrlBarDisContrast .grid .editBGFocus .editBGButton {
  padding-top: 2px;
  padding-bottom: 2px; }

.listItemSelected .editBG, .listItemHover .editBG, .gridRowSelected .editBG, .gridRowHover .editBG {
  border-color: #fff;
  color: #fff; }

.listItemSelected .editBGPrimary, .listItemHover .editBGPrimary, .gridRowSelected .editBGPrimary, .gridRowHover .editBGPrimary {
  color: #fff;
  background: transparent;
  border-color: #fff; }

.listItemSelected .editBG .editBGEdit, .listItemSelected .editBGPrimary .editBGEdit, .listItemHover .editBG .editBGEdit, .listItemHover .editBGPrimary .editBGEdit, .gridRowSelected .editBG .editBGEdit, .gridRowSelected .editBGPrimary .editBGEdit, .gridRowHover .editBG .editBGEdit, .gridRowHover .editBGPrimary .editBGEdit {
  color: #fff; }

.listItemSelected .editBG:hover, .listItemSelected .editBGPrimary:hover, .listItemSelected .editBGFocus, .listItemSelected .editBGPrimary.editBGFocus, .listItemHover .editBG:hover, .listItemHover .editBGPrimary:hover, .listItemHover .editBGFocus, .listItemHover .editBGPrimary.editBGFocus, .gridRowSelected .editBG:hover, .gridRowSelected .editBGPrimary:hover, .gridRowSelected .editBGFocus, .gridRowSelected .editBGPrimary.editBGFocus, .gridRowHover .editBG:hover, .gridRowHover .editBGPrimary:hover, .gridRowHover .editBGFocus, .gridRowHover .editBGPrimary.editBGFocus {
  border-color: #fff; }
  .listItemSelected .editBG:hover .editBGButton, .listItemSelected .editBGPrimary:hover .editBGButton, .listItemSelected .editBGFocus .editBGButton, .listItemSelected .editBGPrimary.editBGFocus .editBGButton, .listItemHover .editBG:hover .editBGButton, .listItemHover .editBGPrimary:hover .editBGButton, .listItemHover .editBGFocus .editBGButton, .listItemHover .editBGPrimary.editBGFocus .editBGButton, .gridRowSelected .editBG:hover .editBGButton, .gridRowSelected .editBGPrimary:hover .editBGButton, .gridRowSelected .editBGFocus .editBGButton, .gridRowSelected .editBGPrimary.editBGFocus .editBGButton, .gridRowHover .editBG:hover .editBGButton, .gridRowHover .editBGPrimary:hover .editBGButton, .gridRowHover .editBGFocus .editBGButton, .gridRowHover .editBGPrimary.editBGFocus .editBGButton {
    color: #3498db;
    background: #fff; }
    .listItemSelected .editBG:hover .editBGButton .icon, .listItemSelected .editBGPrimary:hover .editBGButton .icon, .listItemSelected .editBGFocus .editBGButton .icon, .listItemSelected .editBGPrimary.editBGFocus .editBGButton .icon, .listItemHover .editBG:hover .editBGButton .icon, .listItemHover .editBGPrimary:hover .editBGButton .icon, .listItemHover .editBGFocus .editBGButton .icon, .listItemHover .editBGPrimary.editBGFocus .editBGButton .icon, .gridRowSelected .editBG:hover .editBGButton .icon, .gridRowSelected .editBGPrimary:hover .editBGButton .icon, .gridRowSelected .editBGFocus .editBGButton .icon, .gridRowSelected .editBGPrimary.editBGFocus .editBGButton .icon, .gridRowHover .editBG:hover .editBGButton .icon, .gridRowHover .editBGPrimary:hover .editBGButton .icon, .gridRowHover .editBGFocus .editBGButton .icon, .gridRowHover .editBGPrimary.editBGFocus .editBGButton .icon {
      fill: #3498db;
      stroke: #3498db; }

.listItemSelected .editBGError, .listItemSelected .editBGError .editBGEdit, .listItemHover .editBGError, .listItemHover .editBGError .editBGEdit, .gridRowSelected .editBGError, .gridRowSelected .editBGError .editBGEdit, .gridRowHover .editBGError, .gridRowHover .editBGError .editBGEdit {
  color: #ff351c;
  border-color: #ff351c;
  background: transparent; }
  .listItemSelected .editBGError .icon, .listItemSelected .editBGError .editBGEdit .icon, .listItemHover .editBGError .icon, .listItemHover .editBGError .editBGEdit .icon, .gridRowSelected .editBGError .icon, .gridRowSelected .editBGError .editBGEdit .icon, .gridRowHover .editBGError .icon, .gridRowHover .editBGError .editBGEdit .icon {
    fill: #ff351c;
    stroke: #ff351c; }

.listItemSelected .editBGPrimary.editBGError, .listItemHover .editBGPrimary.editBGError, .gridRowSelected .editBGPrimary.editBGError, .gridRowHover .editBGPrimary.editBGError {
  background: #ffebe8; }

.listItemSelected .editBGWatermark, .listItemHover .editBGWatermark, .gridRowSelected .editBGWatermark, .gridRowHover .editBGWatermark {
  color: rgba(255, 255, 255, 0.75); }

.listItemSelected .editBGEdit[disabled], .listItemHover .editBGEdit[disabled], .gridRowSelected .editBGEdit[disabled], .gridRowHover .editBGEdit[disabled] {
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.75); }

.compact .panelHeader .editBGEdit, .compact .panelHeader .grid .editBG .editBGEdit, .compact .panelHeaderAlt .editBGEdit, .compact .panelHeaderAlt .grid .editBG .editBGEdit, .compact .panelHeaderContrast .editBGEdit, .compact .panelHeaderContrast .grid .editBG .editBGEdit, .compact .panelFooter .editBGEdit, .compact .panelFooter .grid .editBG .editBGEdit, .compact .panelFooterAlt .editBGEdit, .compact .panelFooterAlt .grid .editBG .editBGEdit, .compact .panelFooterContrast .editBGEdit, .compact .panelFooterContrast .grid .editBG .editBGEdit, .compact .ctrlBarDis .editBGEdit, .compact .ctrlBarDis .grid .editBG .editBGEdit, .compact .ctrlBarDisContrast .editBGEdit, .compact .ctrlBarDisContrast .grid .editBG .editBGEdit {
  font: 12px Arial, san-serif;
  padding: 6px;
  padding-bottom: 5px; }

.compact .panelHeader .editBGButton, .compact .panelHeader .grid .editBG .editBGButton, .compact .panelHeaderAlt .editBGButton, .compact .panelHeaderAlt .grid .editBG .editBGButton, .compact .panelHeaderContrast .editBGButton, .compact .panelHeaderContrast .grid .editBG .editBGButton, .compact .panelFooter .editBGButton, .compact .panelFooter .grid .editBG .editBGButton, .compact .panelFooterAlt .editBGButton, .compact .panelFooterAlt .grid .editBG .editBGButton, .compact .panelFooterContrast .editBGButton, .compact .panelFooterContrast .grid .editBG .editBGButton, .compact .ctrlBarDis .editBGButton, .compact .ctrlBarDis .grid .editBG .editBGButton, .compact .ctrlBarDisContrast .editBGButton, .compact .ctrlBarDisContrast .grid .editBG .editBGButton {
  font: 12px Arial, san-serif;
  padding: 3px 6px;
  padding-bottom: 2px; }

.compact .panelHeader .editBGFocus, .compact .panelHeaderAlt .editBGFocus, .compact .panelHeaderContrast .editBGFocus, .compact .panelFooter .editBGFocus, .compact .panelFooterAlt .editBGFocus, .compact .panelFooterContrast .editBGFocus, .compact .ctrlBarDis .editBGFocus, .compact .ctrlBarDisContrast .editBGFocus {
  border-bottom: 2px solid #3498db; }
  .compact .panelHeader .editBGFocus .editBGEdit, .compact .panelHeaderAlt .editBGFocus .editBGEdit, .compact .panelHeaderContrast .editBGFocus .editBGEdit, .compact .panelFooter .editBGFocus .editBGEdit, .compact .panelFooterAlt .editBGFocus .editBGEdit, .compact .panelFooterContrast .editBGFocus .editBGEdit, .compact .ctrlBarDis .editBGFocus .editBGEdit, .compact .ctrlBarDisContrast .editBGFocus .editBGEdit {
    padding-bottom: 4px; }
  .compact .panelHeader .editBGFocus .editBGButton, .compact .panelHeaderAlt .editBGFocus .editBGButton, .compact .panelHeaderContrast .editBGFocus .editBGButton, .compact .panelFooter .editBGFocus .editBGButton, .compact .panelFooterAlt .editBGFocus .editBGButton, .compact .panelFooterContrast .editBGFocus .editBGButton, .compact .ctrlBarDis .editBGFocus .editBGButton, .compact .ctrlBarDisContrast .editBGFocus .editBGButton {
    padding-bottom: 1px; }

.compact .panelHeader .editBGPrimary.editBGFocus, .compact .panelHeader .grid .editBG.editBGFocus, .compact .panelHeaderAlt .editBGPrimary.editBGFocus, .compact .panelHeaderAlt .grid .editBG.editBGFocus, .compact .panelHeaderContrast .editBGPrimary.editBGFocus, .compact .panelHeaderContrast .grid .editBG.editBGFocus, .compact .panelFooter .editBGPrimary.editBGFocus, .compact .panelFooter .grid .editBG.editBGFocus, .compact .panelFooterAlt .editBGPrimary.editBGFocus, .compact .panelFooterAlt .grid .editBG.editBGFocus, .compact .panelFooterContrast .editBGPrimary.editBGFocus, .compact .panelFooterContrast .grid .editBG.editBGFocus, .compact .ctrlBarDis .editBGPrimary.editBGFocus, .compact .ctrlBarDis .grid .editBG.editBGFocus, .compact .ctrlBarDisContrast .editBGPrimary.editBGFocus, .compact .ctrlBarDisContrast .grid .editBG.editBGFocus {
  border: 2px solid #3498db; }
  .compact .panelHeader .editBGPrimary.editBGFocus .editBGEdit, .compact .panelHeader .grid .editBG.editBGFocus .editBGEdit, .compact .panelHeaderAlt .editBGPrimary.editBGFocus .editBGEdit, .compact .panelHeaderAlt .grid .editBG.editBGFocus .editBGEdit, .compact .panelHeaderContrast .editBGPrimary.editBGFocus .editBGEdit, .compact .panelHeaderContrast .grid .editBG.editBGFocus .editBGEdit, .compact .panelFooter .editBGPrimary.editBGFocus .editBGEdit, .compact .panelFooter .grid .editBG.editBGFocus .editBGEdit, .compact .panelFooterAlt .editBGPrimary.editBGFocus .editBGEdit, .compact .panelFooterAlt .grid .editBG.editBGFocus .editBGEdit, .compact .panelFooterContrast .editBGPrimary.editBGFocus .editBGEdit, .compact .panelFooterContrast .grid .editBG.editBGFocus .editBGEdit, .compact .ctrlBarDis .editBGPrimary.editBGFocus .editBGEdit, .compact .ctrlBarDis .grid .editBG.editBGFocus .editBGEdit, .compact .ctrlBarDisContrast .editBGPrimary.editBGFocus .editBGEdit, .compact .ctrlBarDisContrast .grid .editBG.editBGFocus .editBGEdit {
    padding: 4.5px; }
  .compact .panelHeader .editBGPrimary.editBGFocus .editBGButton, .compact .panelHeader .grid .editBG.editBGFocus .editBGButton, .compact .panelHeaderAlt .editBGPrimary.editBGFocus .editBGButton, .compact .panelHeaderAlt .grid .editBG.editBGFocus .editBGButton, .compact .panelHeaderContrast .editBGPrimary.editBGFocus .editBGButton, .compact .panelHeaderContrast .grid .editBG.editBGFocus .editBGButton, .compact .panelFooter .editBGPrimary.editBGFocus .editBGButton, .compact .panelFooter .grid .editBG.editBGFocus .editBGButton, .compact .panelFooterAlt .editBGPrimary.editBGFocus .editBGButton, .compact .panelFooterAlt .grid .editBG.editBGFocus .editBGButton, .compact .panelFooterContrast .editBGPrimary.editBGFocus .editBGButton, .compact .panelFooterContrast .grid .editBG.editBGFocus .editBGButton, .compact .ctrlBarDis .editBGPrimary.editBGFocus .editBGButton, .compact .ctrlBarDis .grid .editBG.editBGFocus .editBGButton, .compact .ctrlBarDisContrast .editBGPrimary.editBGFocus .editBGButton, .compact .ctrlBarDisContrast .grid .editBG.editBGFocus .editBGButton {
    padding-top: 1px; }

/* buttons */
.button, .buttonDD, .buttonSplit {
  color: #5fbcfa;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  border: none;
  padding: 9px 14px;
  margin: 0px;
  vertical-align: middle;
  line-height: 26px;
  border-radius: 2px;
  outline: none; }

.buttonIcon {
  color: #5fbcfa;
  background: transparent;
  font-size: 16px;
  font-weight: bold;
  border: none;
  padding: 9px;
  margin: 0px;
  vertical-align: middle;
  line-height: 26px;
  border-radius: 2px;
  outline: none; }

.buttonRounded {
  color: #fff;
  background: #5fbcfa;
  border-radius: 200px; }

.buttonCircle {
  overflow: hidden;
  width: 44px;
  height: 44px; }

.pulse .button, .pulse .buttonIcon, .pulse .buttonDD, .pulse .buttonSplit {
  position: relative;
  overflow: hidden;
  transition: background-color 600ms cubic-bezier(0, 0.8, 1, 0.86); }

.pulse .button:after, .pulse .buttonIcon:after, .pulse .buttonDD:after, .pulse .buttonSplit:after {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 3px;
  content: '';
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  transition: box-shadow 600ms; }

.pulse .button:not(.buttonDisabled):active:after, .pulse .buttonIcon:not(.buttonDisabled):active:after, .pulse .buttonDD:not(.buttonDisabled):active:after, .pulse .buttonSplit:not(.buttonDisabled):active:after {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.pulse .buttonRounded:after {
  border-radius: 200px; }

.buttonRaised {
  box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.4); }

.button .icon, .buttonDD .icon, .buttonSplit .icon, .buttonIcon .icon {
  vertical-align: top !important;
  fill: #5fbcfa;
  stroke: #5fbcfa; }

.buttonListPrimary {
  background: #f2f2f2; }

.buttonSecondary {
  font-size: 12px;
  padding: 9px 16px; }

.buttonHover {
  color: #fff;
  background: #0790ec; }

.buttonPressed, .buttonPrimary {
  color: #fff;
  background: #5fbcfa; }

.buttonHover .icon, .buttonPressed .icon, .buttonPrimary .icon, .buttonRounded .icon {
  fill: #fff;
  stroke: #fff; }

.buttonPrimary.buttonHover {
  color: #fff;
  background: #0790ec; }

.buttonPrimary.buttonPressed {
  background: #0790ec;
  border: 2px solid #5fbcfa;
  padding: 7px 12px; }

.buttonPrimary.buttonDisabled, .buttonRounded.buttonDisabled {
  background: #d9d9d9; }

.buttonPrimary.buttonDisabled .icon, .buttonPrimary.buttonDisabled .iconDisabled {
  fill: #d9d9d9;
  stroke: #d9d9d9; }

.buttonSubtle {
  color: #262626;
  background: transparent; }

.buttonSubtle.buttonRounded {
  background: #d9d9d9; }

.buttonSubtle.buttonRaised {
  background: #f7f7f7; }

.buttonSubtle.buttonPressed {
  background: #d9d9d9; }

.buttonSubtle.buttonHover {
  background: #ebebeb; }

.buttonConfirm {
  color: #32cc42;
  border-color: #32cc42; }

.buttonConfirm.buttonHover {
  color: #fff;
  background: #5ad767;
  border-color: #32cc42; }

.buttonConfirm.buttonPressed {
  color: #fff;
  background: #32cc42;
  border-color: #32cc42; }

.buttonConfirm .icon {
  fill: #32cc42;
  stroke: #32cc42; }

.buttonConfirm.buttonHover .icon, .buttonConfirm.buttonPressed .icon {
  fill: #fff;
  stroke: #fff; }

.buttonDeny {
  color: #ff351c;
  border-color: #ff351c; }

.buttonDeny.buttonHover {
  color: #fff;
  background: #ff624f;
  border-color: #ff351c; }

.buttonDeny.buttonPressed {
  color: #fff;
  background: #ff351c;
  border-color: #ff351c; }

.buttonDeny .icon {
  fill: #ff351c;
  stroke: #ff351c; }

.buttonDeny.buttonHover .icon, .buttonDeny.buttonPressed .icon {
  fill: #fff;
  stroke: #fff; }

.buttonIconText {
  font-size: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 12px; }

.buttonLeft {
  text-align: left;
  padding-left: 26px;
  position: relative; }

.buttonLeft:before {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #5fbcfa;
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #5fbcfa;
  margin-top: -6px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 9px;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  content: '';
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.buttonRight {
  text-align: right;
  padding-right: 26px;
  position: relative; }

.buttonRight:before {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #5fbcfa;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #5fbcfa;
  margin-top: -6px;
  margin-left: 4px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 9px;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.buttonHover.buttonLeft:before, .buttonPressed.buttonLeft:before, .buttonHover.buttonRight:before, .buttonPressed.buttonRight:before {
  border-color: #fff; }

.buttonDisabled.buttonLeft:before, .buttonDisabled.buttonRight:before {
  border-color: #a6a6a6; }

.buttonDisabled {
  color: #a6a6a6; }
  .buttonDisabled .icon, .buttonDisabled .iconDisabled {
    fill: #a6a6a6;
    stroke: #a6a6a6; }

.buttonDD, .buttonSplit {
  padding: 0px; }

.buttonContent {
  color: #5fbcfa;
  font-weight: bold;
  padding: 9px 14px;
  position: relative;
  line-height: 26px; }

.buttonDDArrow {
  padding: 9px 14px;
  line-height: 26px; }

.buttonSplitArrow {
  padding: 9px 14px;
  position: relative;
  line-height: 26px; }

.buttonSplitArrow:after {
  border-left-style: dotted;
  border-left-width: 1px;
  border-left-color: #5fbcfa;
  display: block;
  position: absolute;
  top: 2px;
  left: 0px;
  bottom: 2px;
  content: ""; }

.buttonDDArrow:before, .buttonSplitArrow:before {
  border: none;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #5fbcfa;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #5fbcfa;
  margin-top: -6px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.buttonHover .buttonSplitArrow:after {
  border-color: #fff; }

.buttonHover .buttonContent {
  color: #fff; }

.buttonHover .buttonDDArrow:before, .buttonHover .buttonSplitArrow:before {
  border-color: #fff; }

.buttonPressed .buttonSplitArrow:after {
  border-color: #fff; }

.buttonPressed .buttonContent {
  color: #fff; }

.buttonPressed .buttonDDArrow:before, .buttonPressed .buttonSplitArrow:before {
  border-color: #fff; }

.buttonDisabled .buttonSplitArrow:after {
  border-color: #a6a6a6; }

.buttonDisabled .buttonContent {
  color: #a6a6a6; }

.buttonDisabled .buttonDDArrow:before, .buttonDisabled .buttonSplitArrow:before {
  border-color: #a6a6a6; }

.buttonDisabled .icon, .buttonDisabled .iconDisabled {
  fill: #a6a6a6;
  stroke: #a6a6a6; }

.buttonGroupFirst {
  margin-right: 0px;
  border-radius: 2px 0px 0px 2px; }

.buttonGroupMid {
  border-left-style: none;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 0px; }

.buttonGroupLast {
  border-left-style: none;
  margin-left: 0px;
  border-radius: 0px 2px 2px 0px; }

.buttonGroupVFirst {
  margin-bottom: 0px;
  display: block;
  width: 100%;
  border-radius: 2px 2px 0px 0px; }

.buttonGroupVMid {
  border-top-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  width: 100%;
  border-radius: 0px; }

.buttonGroupVLast {
  border-top-style: none;
  margin-top: 0px;
  display: block;
  width: 100%;
  border-radius: 0px 0px 2px 2px; }

.compact .button, .compact .buttonContent, .compact .buttonDDArrow, .compact .buttonSplitArrow {
  font-size: 12px;
  padding: 3px 6px;
  line-height: 18px; }

.compact .buttonDDArrow:before, .compact .buttonSplitArrow:before {
  width: 6px;
  height: 6px;
  margin-top: -4px; }

.compact .buttonIcon {
  font-size: 12px;
  padding: 3px;
  line-height: 18px; }

.compact .buttonIconText {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 8px;
  line-height: 8px; }

.compact .buttonCircle {
  width: 24px;
  height: 24px;
  overflow: hidden; }

.compact .buttonSecondary {
  font-size: 10px;
  padding: 3px 7px; }

.compact .buttonPrimary.buttonPressed {
  padding: 1px 4px; }

.compact .buttonLeft {
  padding-left: 18px; }

.compact .buttonLeft:before {
  width: 6px;
  height: 6px;
  left: 6px;
  margin-top: -4px; }

.compact .buttonRight {
  padding-right: 18px; }

.compact .buttonRight:before {
  width: 6px;
  height: 6px;
  right: 6px;
  margin-top: -4px; }

.button .iconButton, .buttonIcon .iconButton {
  padding: 0px; }

/* button overrides for selected list/grid items */
.listItemSelected .button, .listItemSelected .buttonIcon, .listItemSelected .buttonDD, .listItemSelected .buttonSplit, .listItemHover .button, .listItemHover .buttonIcon, .listItemHover .buttonDD, .listItemHover .buttonSplit, .gridRowSelected .button, .gridRowSelected .buttonIcon, .gridRowSelected .buttonDD, .gridRowSelected .buttonSplit, .gridRowHover .button, .gridRowHover .buttonIcon, .gridRowHover .buttonDD, .gridRowHover .buttonSplit {
  background: #fff; }

.listItemSelected .buttonPrimary, .listItemSelected .buttonCricle, .listItemHover .buttonPrimary, .listItemHover .buttonCricle, .gridRowSelected .buttonPrimary, .gridRowSelected .buttonCricle, .gridRowHover .buttonPrimary, .gridRowHover .buttonCricle {
  background: #5fbcfa; }

.listItemSelected .buttonHover, .listItemHover .buttonHover, .gridRowSelected .buttonHover, .gridRowHover .buttonHover {
  background: #0790ec; }

.listItemSelected .buttonPressed, .listItemHover .buttonPressed, .gridRowSelected .buttonPressed, .gridRowHover .buttonPressed {
  background: #5fbcfa; }

.listItemSelected .buttonConfirm.buttonHover, .listItemHover .buttonConfirm.buttonHover, .gridRowSelected .buttonConfirm.buttonHover, .gridRowHover .buttonConfirm.buttonHover {
  background: #5ad767; }

.listItemSelected .buttonConfirm.buttonPressed, .listItemHover .buttonConfirm.buttonPressed, .gridRowSelected .buttonConfirm.buttonPressed, .gridRowHover .buttonConfirm.buttonPressed {
  background: #32cc42; }

.listItemSelected .buttonDeny.buttonHover, .listItemHover .buttonDeny.buttonHover, .gridRowSelected .buttonDeny.buttonHover, .gridRowHover .buttonDeny.buttonHover {
  background: #ff624f; }

.listItemSelected .buttonDeny.buttonPressed, .listItemHover .buttonDeny.buttonPressed, .gridRowSelected .buttonDeny.buttonPressed, .gridRowHover .buttonDeny.buttonPressed {
  background: #ff351c; }

.listItemSelected .buttonDisabled, .listItemHover .buttonDisabled, .gridRowSelected .buttonDisabled, .gridRowHover .buttonDisabled {
  background: rgba(255, 255, 255, 0.75); }

.windowButtons .button {
  border: none;
  margin: 0px;
  border-radius: 0px; }

.panelHeader .button, .panelHeader .buttonIcon, .panelHeader .buttonDD, .panelHeader .buttonSplit, .panelHeader .buttonContent, .panelHeaderAlt .button, .panelHeaderAlt .buttonIcon, .panelHeaderAlt .buttonDD, .panelHeaderAlt .buttonSplit, .panelHeaderAlt .buttonContent, .panelFooter .button, .panelFooter .buttonIcon, .panelFooter .buttonDD, .panelFooter .buttonSplit, .panelFooter .buttonContent, .panelFooterAlt .button, .panelFooterAlt .buttonIcon, .panelFooterAlt .buttonDD, .panelFooterAlt .buttonSplit, .panelFooterAlt .buttonContent, .ctrlBarDis .button, .ctrlBarDis .buttonIcon, .ctrlBarDis .buttonDD, .ctrlBarDis .buttonSplit, .ctrlBarDis .buttonContent {
  color: #fff;
  box-shadow: none; }
  .panelHeader .button .icon, .panelHeader .buttonIcon .icon, .panelHeader .buttonDD .icon, .panelHeader .buttonSplit .icon, .panelHeader .buttonContent .icon, .panelHeaderAlt .button .icon, .panelHeaderAlt .buttonIcon .icon, .panelHeaderAlt .buttonDD .icon, .panelHeaderAlt .buttonSplit .icon, .panelHeaderAlt .buttonContent .icon, .panelFooter .button .icon, .panelFooter .buttonIcon .icon, .panelFooter .buttonDD .icon, .panelFooter .buttonSplit .icon, .panelFooter .buttonContent .icon, .panelFooterAlt .button .icon, .panelFooterAlt .buttonIcon .icon, .panelFooterAlt .buttonDD .icon, .panelFooterAlt .buttonSplit .icon, .panelFooterAlt .buttonContent .icon, .ctrlBarDis .button .icon, .ctrlBarDis .buttonIcon .icon, .ctrlBarDis .buttonDD .icon, .ctrlBarDis .buttonSplit .icon, .ctrlBarDis .buttonContent .icon {
    fill: #fff;
    stroke: #fff; }

.panelHeader .buttonLeft:before, .panelHeader .buttonRight:before, .panelHeader .buttonDDArrow:before, .panelHeader .buttonSplitArrow:before, .panelHeader .buttonSplitArrow:after, .panelHeaderAlt .buttonLeft:before, .panelHeaderAlt .buttonRight:before, .panelHeaderAlt .buttonDDArrow:before, .panelHeaderAlt .buttonSplitArrow:before, .panelHeaderAlt .buttonSplitArrow:after, .panelFooter .buttonLeft:before, .panelFooter .buttonRight:before, .panelFooter .buttonDDArrow:before, .panelFooter .buttonSplitArrow:before, .panelFooter .buttonSplitArrow:after, .panelFooterAlt .buttonLeft:before, .panelFooterAlt .buttonRight:before, .panelFooterAlt .buttonDDArrow:before, .panelFooterAlt .buttonSplitArrow:before, .panelFooterAlt .buttonSplitArrow:after, .ctrlBarDis .buttonLeft:before, .ctrlBarDis .buttonRight:before, .ctrlBarDis .buttonDDArrow:before, .ctrlBarDis .buttonSplitArrow:before, .ctrlBarDis .buttonSplitArrow:after {
  border-color: #fff; }

.panelHeader .button:after, .panelHeader .buttonIcon:after, .panelHeader .buttonDD:after, .panelHeader .buttonSplit:after, .panelHeaderAlt .button:after, .panelHeaderAlt .buttonIcon:after, .panelHeaderAlt .buttonDD:after, .panelHeaderAlt .buttonSplit:after, .panelFooter .button:after, .panelFooter .buttonIcon:after, .panelFooter .buttonDD:after, .panelFooter .buttonSplit:after, .panelFooterAlt .button:after, .panelFooterAlt .buttonIcon:after, .panelFooterAlt .buttonDD:after, .panelFooterAlt .buttonSplit:after, .ctrlBarDis .button:after, .ctrlBarDis .buttonIcon:after, .ctrlBarDis .buttonDD:after, .ctrlBarDis .buttonSplit:after {
  box-shadow: none !important;
  transition: none; }

.panelHeaderContrast .button, .panelHeaderContrast .buttonIcon, .panelHeaderContrast .buttonDD, .panelHeaderContrast .buttonSplit, .panelHeaderContrast .buttonContent, .panelFooterContrast .button, .panelFooterContrast .buttonIcon, .panelFooterContrast .buttonDD, .panelFooterContrast .buttonSplit, .panelFooterContrast .buttonContent, .ctrlBarDisContrast .button, .ctrlBarDisContrast .buttonIcon, .ctrlBarDisContrast .buttonDD, .ctrlBarDisContrast .buttonSplit, .ctrlBarDisContrast .buttonContent {
  color: #000;
  box-shadow: none; }
  .panelHeaderContrast .button .icon, .panelHeaderContrast .buttonIcon .icon, .panelHeaderContrast .buttonDD .icon, .panelHeaderContrast .buttonSplit .icon, .panelHeaderContrast .buttonContent .icon, .panelFooterContrast .button .icon, .panelFooterContrast .buttonIcon .icon, .panelFooterContrast .buttonDD .icon, .panelFooterContrast .buttonSplit .icon, .panelFooterContrast .buttonContent .icon, .ctrlBarDisContrast .button .icon, .ctrlBarDisContrast .buttonIcon .icon, .ctrlBarDisContrast .buttonDD .icon, .ctrlBarDisContrast .buttonSplit .icon, .ctrlBarDisContrast .buttonContent .icon {
    fill: #000;
    stroke: #000; }

.panelHeaderContrast .buttonLeft:before, .panelHeaderContrast .buttonRight:before, .panelHeaderContrast .buttonDDArrow:before, .panelHeaderContrast .buttonSplitArrow:before, .panelHeaderContrast .buttonSplitArrow:after, .panelFooterContrast .buttonLeft:before, .panelFooterContrast .buttonRight:before, .panelFooterContrast .buttonDDArrow:before, .panelFooterContrast .buttonSplitArrow:before, .panelFooterContrast .buttonSplitArrow:after, .ctrlBarDisContrast .buttonLeft:before, .ctrlBarDisContrast .buttonRight:before, .ctrlBarDisContrast .buttonDDArrow:before, .ctrlBarDisContrast .buttonSplitArrow:before, .ctrlBarDisContrast .buttonSplitArrow:after {
  border-color: #000; }

.panelHeaderContrast .button:after, .panelHeaderContrast .buttonIcon:after, .panelHeaderContrast .buttonDD:after, .panelHeaderContrast .buttonSplit:after, .panelFooterContrast .button:after, .panelFooterContrast .buttonIcon:after, .panelFooterContrast .buttonDD:after, .panelFooterContrast .buttonSplit:after, .ctrlBarDisContrast .button:after, .ctrlBarDisContrast .buttonIcon:after, .ctrlBarDisContrast .buttonDD:after, .ctrlBarDisContrast .buttonSplit:after {
  box-shadow: none !important;
  transition: none; }

.panelHeader .button, .panelHeader .buttonIcon, .panelHeader .buttonDD, .panelHeaderAlt .button, .panelHeaderAlt .buttonIcon, .panelHeaderAlt .buttonDD, .panelFooter .button, .panelFooter .buttonIcon, .panelFooter .buttonDD, .panelFooterAlt .button, .panelFooterAlt .buttonIcon, .panelFooterAlt .buttonDD, .ctrlBarDis .button, .ctrlBarDis .buttonIcon, .ctrlBarDis .buttonDD {
  vertical-align: top;
  background: transparent; }

.panelHeader .button.buttonPressed, .panelHeader .button.buttonHover, .panelHeader .buttonDD.buttonPressed, .panelHeader .buttonDD.buttonHover, .panelHeader .buttonSplit.buttonPressed, .panelHeader .buttonSplit.buttonHover, .panelHeader .buttonPrimary, .panelHeader .buttonRounded, .panelHeader .buttonListPrimary, .panelHeaderAlt .button.buttonPressed, .panelHeaderAlt .button.buttonHover, .panelHeaderAlt .buttonDD.buttonPressed, .panelHeaderAlt .buttonDD.buttonHover, .panelHeaderAlt .buttonSplit.buttonPressed, .panelHeaderAlt .buttonSplit.buttonHover, .panelHeaderAlt .buttonPrimary, .panelHeaderAlt .buttonRounded, .panelHeaderAlt .buttonListPrimary, .panelFooter .button.buttonPressed, .panelFooter .button.buttonHover, .panelFooter .buttonDD.buttonPressed, .panelFooter .buttonDD.buttonHover, .panelFooter .buttonSplit.buttonPressed, .panelFooter .buttonSplit.buttonHover, .panelFooter .buttonPrimary, .panelFooter .buttonRounded, .panelFooter .buttonListPrimary, .panelFooterAlt .button.buttonPressed, .panelFooterAlt .button.buttonHover, .panelFooterAlt .buttonDD.buttonPressed, .panelFooterAlt .buttonDD.buttonHover, .panelFooterAlt .buttonSplit.buttonPressed, .panelFooterAlt .buttonSplit.buttonHover, .panelFooterAlt .buttonPrimary, .panelFooterAlt .buttonRounded, .panelFooterAlt .buttonListPrimary, .ctrlBarDis .button.buttonPressed, .ctrlBarDis .button.buttonHover, .ctrlBarDis .buttonDD.buttonPressed, .ctrlBarDis .buttonDD.buttonHover, .ctrlBarDis .buttonSplit.buttonPressed, .ctrlBarDis .buttonSplit.buttonHover, .ctrlBarDis .buttonPrimary, .ctrlBarDis .buttonRounded, .ctrlBarDis .buttonListPrimary {
  background: transparent;
  color: #94cbef;
  position: relative; }
  .panelHeader .button.buttonPressed .icon, .panelHeader .button.buttonHover .icon, .panelHeader .buttonDD.buttonPressed .icon, .panelHeader .buttonDD.buttonHover .icon, .panelHeader .buttonSplit.buttonPressed .icon, .panelHeader .buttonSplit.buttonHover .icon, .panelHeader .buttonPrimary .icon, .panelHeader .buttonRounded .icon, .panelHeader .buttonListPrimary .icon, .panelHeaderAlt .button.buttonPressed .icon, .panelHeaderAlt .button.buttonHover .icon, .panelHeaderAlt .buttonDD.buttonPressed .icon, .panelHeaderAlt .buttonDD.buttonHover .icon, .panelHeaderAlt .buttonSplit.buttonPressed .icon, .panelHeaderAlt .buttonSplit.buttonHover .icon, .panelHeaderAlt .buttonPrimary .icon, .panelHeaderAlt .buttonRounded .icon, .panelHeaderAlt .buttonListPrimary .icon, .panelFooter .button.buttonPressed .icon, .panelFooter .button.buttonHover .icon, .panelFooter .buttonDD.buttonPressed .icon, .panelFooter .buttonDD.buttonHover .icon, .panelFooter .buttonSplit.buttonPressed .icon, .panelFooter .buttonSplit.buttonHover .icon, .panelFooter .buttonPrimary .icon, .panelFooter .buttonRounded .icon, .panelFooter .buttonListPrimary .icon, .panelFooterAlt .button.buttonPressed .icon, .panelFooterAlt .button.buttonHover .icon, .panelFooterAlt .buttonDD.buttonPressed .icon, .panelFooterAlt .buttonDD.buttonHover .icon, .panelFooterAlt .buttonSplit.buttonPressed .icon, .panelFooterAlt .buttonSplit.buttonHover .icon, .panelFooterAlt .buttonPrimary .icon, .panelFooterAlt .buttonRounded .icon, .panelFooterAlt .buttonListPrimary .icon, .ctrlBarDis .button.buttonPressed .icon, .ctrlBarDis .button.buttonHover .icon, .ctrlBarDis .buttonDD.buttonPressed .icon, .ctrlBarDis .buttonDD.buttonHover .icon, .ctrlBarDis .buttonSplit.buttonPressed .icon, .ctrlBarDis .buttonSplit.buttonHover .icon, .ctrlBarDis .buttonPrimary .icon, .ctrlBarDis .buttonRounded .icon, .ctrlBarDis .buttonListPrimary .icon {
    fill: #94cbef;
    stroke: #94cbef; }

.panelHeader .button.buttonPressed:after, .panelHeader .button.buttonHover:after, .panelHeader .buttonDD.buttonPressed:after, .panelHeader .buttonDD.buttonHover:after, .panelHeader .buttonSplit.buttonPressed:after, .panelHeader .buttonSplit.buttonHover:after, .panelHeaderAlt .button.buttonPressed:after, .panelHeaderAlt .button.buttonHover:after, .panelHeaderAlt .buttonDD.buttonPressed:after, .panelHeaderAlt .buttonDD.buttonHover:after, .panelHeaderAlt .buttonSplit.buttonPressed:after, .panelHeaderAlt .buttonSplit.buttonHover:after, .panelFooter .button.buttonPressed:after, .panelFooter .button.buttonHover:after, .panelFooter .buttonDD.buttonPressed:after, .panelFooter .buttonDD.buttonHover:after, .panelFooter .buttonSplit.buttonPressed:after, .panelFooter .buttonSplit.buttonHover:after, .panelFooterAlt .button.buttonPressed:after, .panelFooterAlt .button.buttonHover:after, .panelFooterAlt .buttonDD.buttonPressed:after, .panelFooterAlt .buttonDD.buttonHover:after, .panelFooterAlt .buttonSplit.buttonPressed:after, .panelFooterAlt .buttonSplit.buttonHover:after, .ctrlBarDis .button.buttonPressed:after, .ctrlBarDis .button.buttonHover:after, .ctrlBarDis .buttonDD.buttonPressed:after, .ctrlBarDis .buttonDD.buttonHover:after, .ctrlBarDis .buttonSplit.buttonPressed:after, .ctrlBarDis .buttonSplit.buttonHover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 7px;
  left: 12px;
  right: 12px;
  border-bottom: 2px solid #94cbef; }

.panelHeader .button.buttonHover:after, .panelHeader .buttonDD.buttonHover:after, .panelHeader .buttonSplit.buttonHover:after, .panelHeaderAlt .button.buttonHover:after, .panelHeaderAlt .buttonDD.buttonHover:after, .panelHeaderAlt .buttonSplit.buttonHover:after, .panelFooter .button.buttonHover:after, .panelFooter .buttonDD.buttonHover:after, .panelFooter .buttonSplit.buttonHover:after, .panelFooterAlt .button.buttonHover:after, .panelFooterAlt .buttonDD.buttonHover:after, .panelFooterAlt .buttonSplit.buttonHover:after, .ctrlBarDis .button.buttonHover:after, .ctrlBarDis .buttonDD.buttonHover:after, .ctrlBarDis .buttonSplit.buttonHover:after {
  border-bottom-style: dotted; }

.panelHeader .buttonConfirm, .panelHeaderAlt .buttonConfirm, .panelFooter .buttonConfirm, .panelFooterAlt .buttonConfirm, .ctrlBarDis .buttonConfirm {
  color: #73dd7e; }
  .panelHeader .buttonConfirm .icon, .panelHeaderAlt .buttonConfirm .icon, .panelFooter .buttonConfirm .icon, .panelFooterAlt .buttonConfirm .icon, .ctrlBarDis .buttonConfirm .icon {
    fill: #73dd7e;
    stroke: #73dd7e; }

.panelHeader .buttonConfirm.buttonPressed, .panelHeader .buttonConfirm.buttonHover, .panelHeaderAlt .buttonConfirm.buttonPressed, .panelHeaderAlt .buttonConfirm.buttonHover, .panelFooter .buttonConfirm.buttonPressed, .panelFooter .buttonConfirm.buttonHover, .panelFooterAlt .buttonConfirm.buttonPressed, .panelFooterAlt .buttonConfirm.buttonHover, .ctrlBarDis .buttonConfirm.buttonPressed, .ctrlBarDis .buttonConfirm.buttonHover {
  color: #73dd7e; }
  .panelHeader .buttonConfirm.buttonPressed .icon, .panelHeader .buttonConfirm.buttonHover .icon, .panelHeaderAlt .buttonConfirm.buttonPressed .icon, .panelHeaderAlt .buttonConfirm.buttonHover .icon, .panelFooter .buttonConfirm.buttonPressed .icon, .panelFooter .buttonConfirm.buttonHover .icon, .panelFooterAlt .buttonConfirm.buttonPressed .icon, .panelFooterAlt .buttonConfirm.buttonHover .icon, .ctrlBarDis .buttonConfirm.buttonPressed .icon, .ctrlBarDis .buttonConfirm.buttonHover .icon {
    fill: #73dd7e;
    stroke: #73dd7e; }

.panelHeader .buttonConfirm.buttonPressed:after, .panelHeader .buttonConfirm.buttonHover:after, .panelHeaderAlt .buttonConfirm.buttonPressed:after, .panelHeaderAlt .buttonConfirm.buttonHover:after, .panelFooter .buttonConfirm.buttonPressed:after, .panelFooter .buttonConfirm.buttonHover:after, .panelFooterAlt .buttonConfirm.buttonPressed:after, .panelFooterAlt .buttonConfirm.buttonHover:after, .ctrlBarDis .buttonConfirm.buttonPressed:after, .ctrlBarDis .buttonConfirm.buttonHover:after {
  border-bottom-color: #73dd7e; }

.panelHeader .buttonDeny, .panelHeaderAlt .buttonDeny, .panelFooter .buttonDeny, .panelFooterAlt .buttonDeny, .ctrlBarDis .buttonDeny {
  color: #ff6451; }
  .panelHeader .buttonDeny .icon, .panelHeaderAlt .buttonDeny .icon, .panelFooter .buttonDeny .icon, .panelFooterAlt .buttonDeny .icon, .ctrlBarDis .buttonDeny .icon {
    fill: #ff6451;
    stroke: #ff6451; }

.panelHeader .buttonDeny.buttonPressed, .panelHeader .buttonDeny.buttonHover, .panelHeaderAlt .buttonDeny.buttonPressed, .panelHeaderAlt .buttonDeny.buttonHover, .panelFooter .buttonDeny.buttonPressed, .panelFooter .buttonDeny.buttonHover, .panelFooterAlt .buttonDeny.buttonPressed, .panelFooterAlt .buttonDeny.buttonHover, .ctrlBarDis .buttonDeny.buttonPressed, .ctrlBarDis .buttonDeny.buttonHover {
  color: #ff6451; }
  .panelHeader .buttonDeny.buttonPressed .icon, .panelHeader .buttonDeny.buttonHover .icon, .panelHeaderAlt .buttonDeny.buttonPressed .icon, .panelHeaderAlt .buttonDeny.buttonHover .icon, .panelFooter .buttonDeny.buttonPressed .icon, .panelFooter .buttonDeny.buttonHover .icon, .panelFooterAlt .buttonDeny.buttonPressed .icon, .panelFooterAlt .buttonDeny.buttonHover .icon, .ctrlBarDis .buttonDeny.buttonPressed .icon, .ctrlBarDis .buttonDeny.buttonHover .icon {
    fill: #ff6451;
    stroke: #ff6451; }

.panelHeader .buttonDeny.buttonPressed:after, .panelHeader .buttonDeny.buttonHover:after, .panelHeaderAlt .buttonDeny.buttonPressed:after, .panelHeaderAlt .buttonDeny.buttonHover:after, .panelFooter .buttonDeny.buttonPressed:after, .panelFooter .buttonDeny.buttonHover:after, .panelFooterAlt .buttonDeny.buttonPressed:after, .panelFooterAlt .buttonDeny.buttonHover:after, .ctrlBarDis .buttonDeny.buttonPressed:after, .ctrlBarDis .buttonDeny.buttonHover:after {
  border-bottom-color: #ff6451; }

.panelHeader .buttonPrimary.buttonPressed, .panelHeaderAlt .buttonPrimary.buttonPressed, .panelFooter .buttonPrimary.buttonPressed, .panelFooterAlt .buttonPrimary.buttonPressed, .ctrlBarDis .buttonPrimary.buttonPressed {
  border-color: transparent; }

.panelHeader .buttonHover.buttonLeft:before, .panelHeader .buttonPressed.buttonLeft:before, .panelHeader .buttonHover.buttonRight:before, .panelHeader .buttonPressed.buttonRight:before, .panelHeaderAlt .buttonHover.buttonLeft:before, .panelHeaderAlt .buttonPressed.buttonLeft:before, .panelHeaderAlt .buttonHover.buttonRight:before, .panelHeaderAlt .buttonPressed.buttonRight:before, .panelFooter .buttonHover.buttonLeft:before, .panelFooter .buttonPressed.buttonLeft:before, .panelFooter .buttonHover.buttonRight:before, .panelFooter .buttonPressed.buttonRight:before, .panelFooterAlt .buttonHover.buttonLeft:before, .panelFooterAlt .buttonPressed.buttonLeft:before, .panelFooterAlt .buttonHover.buttonRight:before, .panelFooterAlt .buttonPressed.buttonRight:before, .ctrlBarDis .buttonHover.buttonLeft:before, .ctrlBarDis .buttonPressed.buttonLeft:before, .ctrlBarDis .buttonHover.buttonRight:before, .ctrlBarDis .buttonPressed.buttonRight:before {
  border-color: #94cbef; }

.panelHeader .buttonDisabled.buttonLeft:before, .panelHeader .buttonDisabled.buttonRight:before, .panelHeaderAlt .buttonDisabled.buttonLeft:before, .panelHeaderAlt .buttonDisabled.buttonRight:before, .panelFooter .buttonDisabled.buttonLeft:before, .panelFooter .buttonDisabled.buttonRight:before, .panelFooterAlt .buttonDisabled.buttonLeft:before, .panelFooterAlt .buttonDisabled.buttonRight:before, .ctrlBarDis .buttonDisabled.buttonLeft:before, .ctrlBarDis .buttonDisabled.buttonRight:before {
  border-color: #a6a6a6; }

.panelHeader .buttonSplitArrow:after, .panelHeaderAlt .buttonSplitArrow:after, .panelFooter .buttonSplitArrow:after, .panelFooterAlt .buttonSplitArrow:after, .ctrlBarDis .buttonSplitArrow:after {
  top: 13px;
  bottom: 13px; }

.panelHeader .buttonPressed .buttonContent, .panelHeader .buttonHover .buttonContent, .panelHeaderAlt .buttonPressed .buttonContent, .panelHeaderAlt .buttonHover .buttonContent, .panelFooter .buttonPressed .buttonContent, .panelFooter .buttonHover .buttonContent, .panelFooterAlt .buttonPressed .buttonContent, .panelFooterAlt .buttonHover .buttonContent, .ctrlBarDis .buttonPressed .buttonContent, .ctrlBarDis .buttonHover .buttonContent {
  color: #94cbef; }

.panelHeader .buttonPressed .buttonDDArrow:before, .panelHeader .buttonPressed .buttonSplitArrow:before, .panelHeader .buttonHover .buttonDDArrow:before, .panelHeader .buttonHover .buttonSplitArrow:before, .panelHeaderAlt .buttonPressed .buttonDDArrow:before, .panelHeaderAlt .buttonPressed .buttonSplitArrow:before, .panelHeaderAlt .buttonHover .buttonDDArrow:before, .panelHeaderAlt .buttonHover .buttonSplitArrow:before, .panelFooter .buttonPressed .buttonDDArrow:before, .panelFooter .buttonPressed .buttonSplitArrow:before, .panelFooter .buttonHover .buttonDDArrow:before, .panelFooter .buttonHover .buttonSplitArrow:before, .panelFooterAlt .buttonPressed .buttonDDArrow:before, .panelFooterAlt .buttonPressed .buttonSplitArrow:before, .panelFooterAlt .buttonHover .buttonDDArrow:before, .panelFooterAlt .buttonHover .buttonSplitArrow:before, .ctrlBarDis .buttonPressed .buttonDDArrow:before, .ctrlBarDis .buttonPressed .buttonSplitArrow:before, .ctrlBarDis .buttonHover .buttonDDArrow:before, .ctrlBarDis .buttonHover .buttonSplitArrow:before {
  border-color: #94cbef; }

.panelHeader .buttonPressed .buttonSplitArrow:after, .panelHeader .buttonHover .buttonSplitArrow:after, .panelHeaderAlt .buttonPressed .buttonSplitArrow:after, .panelHeaderAlt .buttonHover .buttonSplitArrow:after, .panelFooter .buttonPressed .buttonSplitArrow:after, .panelFooter .buttonHover .buttonSplitArrow:after, .panelFooterAlt .buttonPressed .buttonSplitArrow:after, .panelFooterAlt .buttonHover .buttonSplitArrow:after, .ctrlBarDis .buttonPressed .buttonSplitArrow:after, .ctrlBarDis .buttonHover .buttonSplitArrow:after {
  border-color: #94cbef; }

.panelHeader .buttonPressed .icon, .panelHeader .buttonHover .icon, .panelHeaderAlt .buttonPressed .icon, .panelHeaderAlt .buttonHover .icon, .panelFooter .buttonPressed .icon, .panelFooter .buttonHover .icon, .panelFooterAlt .buttonPressed .icon, .panelFooterAlt .buttonHover .icon, .ctrlBarDis .buttonPressed .icon, .ctrlBarDis .buttonHover .icon {
  fill: #94cbef;
  stroke: #94cbef; }

.panelHeader .buttonDisabled, .panelHeader .buttonDisabled .buttonContent, .panelHeaderAlt .buttonDisabled, .panelHeaderAlt .buttonDisabled .buttonContent, .panelFooter .buttonDisabled, .panelFooter .buttonDisabled .buttonContent, .panelFooterAlt .buttonDisabled, .panelFooterAlt .buttonDisabled .buttonContent, .ctrlBarDis .buttonDisabled, .ctrlBarDis .buttonDisabled .buttonContent {
  color: #a6a6a6; }
  .panelHeader .buttonDisabled .icon, .panelHeader .buttonDisabled .buttonContent .icon, .panelHeaderAlt .buttonDisabled .icon, .panelHeaderAlt .buttonDisabled .buttonContent .icon, .panelFooter .buttonDisabled .icon, .panelFooter .buttonDisabled .buttonContent .icon, .panelFooterAlt .buttonDisabled .icon, .panelFooterAlt .buttonDisabled .buttonContent .icon, .ctrlBarDis .buttonDisabled .icon, .ctrlBarDis .buttonDisabled .buttonContent .icon {
    fill: #a6a6a6;
    stroke: #a6a6a6; }

.panelHeader .buttonDisabled .buttonDDArrow:after, .panelHeader .buttonDisabled .buttonSplitArrow:after, .panelHeaderAlt .buttonDisabled .buttonDDArrow:after, .panelHeaderAlt .buttonDisabled .buttonSplitArrow:after, .panelFooter .buttonDisabled .buttonDDArrow:after, .panelFooter .buttonDisabled .buttonSplitArrow:after, .panelFooterAlt .buttonDisabled .buttonDDArrow:after, .panelFooterAlt .buttonDisabled .buttonSplitArrow:after, .ctrlBarDis .buttonDisabled .buttonDDArrow:after, .ctrlBarDis .buttonDisabled .buttonSplitArrow:after {
  border-top-color: #a6a6a6; }

.panelHeader .buttonDisabled .buttonSplitArrow, .panelHeaderAlt .buttonDisabled .buttonSplitArrow, .panelFooter .buttonDisabled .buttonSplitArrow, .panelFooterAlt .buttonDisabled .buttonSplitArrow, .ctrlBarDis .buttonDisabled .buttonSplitArrow {
  border-color: #a6a6a6; }

.panelHeader .buttonIcon.buttonHover, .panelHeaderAlt .buttonIcon.buttonHover, .panelFooter .buttonIcon.buttonHover, .panelFooterAlt .buttonIcon.buttonHover, .ctrlBarDis .buttonIcon.buttonHover {
  color: #94cbef; }
  .panelHeader .buttonIcon.buttonHover .icon, .panelHeaderAlt .buttonIcon.buttonHover .icon, .panelFooter .buttonIcon.buttonHover .icon, .panelFooterAlt .buttonIcon.buttonHover .icon, .ctrlBarDis .buttonIcon.buttonHover .icon {
    fill: #94cbef;
    stroke: #94cbef; }

.panelHeader .buttonIcon.buttonPressed, .panelHeaderAlt .buttonIcon.buttonPressed, .panelFooter .buttonIcon.buttonPressed, .panelFooterAlt .buttonIcon.buttonPressed, .ctrlBarDis .buttonIcon.buttonPressed {
  color: #94cbef; }
  .panelHeader .buttonIcon.buttonPressed .icon, .panelHeaderAlt .buttonIcon.buttonPressed .icon, .panelFooter .buttonIcon.buttonPressed .icon, .panelFooterAlt .buttonIcon.buttonPressed .icon, .ctrlBarDis .buttonIcon.buttonPressed .icon {
    fill: #94cbef;
    stroke: #94cbef; }

.panelHeaderContrast .button, .panelHeaderContrast .buttonIcon, .panelHeaderContrast .buttonDD, .panelFooterContrast .button, .panelFooterContrast .buttonIcon, .panelFooterContrast .buttonDD, .ctrlBarDisContrast .button, .ctrlBarDisContrast .buttonIcon, .ctrlBarDisContrast .buttonDD {
  vertical-align: top;
  background: transparent; }

.panelHeaderContrast .button.buttonPressed, .panelHeaderContrast .button.buttonHover, .panelHeaderContrast .buttonDD.buttonPressed, .panelHeaderContrast .buttonDD.buttonHover, .panelHeaderContrast .buttonSplit.buttonPressed, .panelHeaderContrast .buttonSplit.buttonHover, .panelHeaderContrast .buttonPrimary, .panelHeaderContrast .buttonRounded, .panelHeaderContrast .buttonListPrimary, .panelFooterContrast .button.buttonPressed, .panelFooterContrast .button.buttonHover, .panelFooterContrast .buttonDD.buttonPressed, .panelFooterContrast .buttonDD.buttonHover, .panelFooterContrast .buttonSplit.buttonPressed, .panelFooterContrast .buttonSplit.buttonHover, .panelFooterContrast .buttonPrimary, .panelFooterContrast .buttonRounded, .panelFooterContrast .buttonListPrimary, .ctrlBarDisContrast .button.buttonPressed, .ctrlBarDisContrast .button.buttonHover, .ctrlBarDisContrast .buttonDD.buttonPressed, .ctrlBarDisContrast .buttonDD.buttonHover, .ctrlBarDisContrast .buttonSplit.buttonPressed, .ctrlBarDisContrast .buttonSplit.buttonHover, .ctrlBarDisContrast .buttonPrimary, .ctrlBarDisContrast .buttonRounded, .ctrlBarDisContrast .buttonListPrimary {
  background: transparent;
  color: #5fbcfa;
  position: relative; }
  .panelHeaderContrast .button.buttonPressed .icon, .panelHeaderContrast .button.buttonHover .icon, .panelHeaderContrast .buttonDD.buttonPressed .icon, .panelHeaderContrast .buttonDD.buttonHover .icon, .panelHeaderContrast .buttonSplit.buttonPressed .icon, .panelHeaderContrast .buttonSplit.buttonHover .icon, .panelHeaderContrast .buttonPrimary .icon, .panelHeaderContrast .buttonRounded .icon, .panelHeaderContrast .buttonListPrimary .icon, .panelFooterContrast .button.buttonPressed .icon, .panelFooterContrast .button.buttonHover .icon, .panelFooterContrast .buttonDD.buttonPressed .icon, .panelFooterContrast .buttonDD.buttonHover .icon, .panelFooterContrast .buttonSplit.buttonPressed .icon, .panelFooterContrast .buttonSplit.buttonHover .icon, .panelFooterContrast .buttonPrimary .icon, .panelFooterContrast .buttonRounded .icon, .panelFooterContrast .buttonListPrimary .icon, .ctrlBarDisContrast .button.buttonPressed .icon, .ctrlBarDisContrast .button.buttonHover .icon, .ctrlBarDisContrast .buttonDD.buttonPressed .icon, .ctrlBarDisContrast .buttonDD.buttonHover .icon, .ctrlBarDisContrast .buttonSplit.buttonPressed .icon, .ctrlBarDisContrast .buttonSplit.buttonHover .icon, .ctrlBarDisContrast .buttonPrimary .icon, .ctrlBarDisContrast .buttonRounded .icon, .ctrlBarDisContrast .buttonListPrimary .icon {
    fill: #5fbcfa;
    stroke: #5fbcfa; }

.panelHeaderContrast .button.buttonPressed:after, .panelHeaderContrast .button.buttonHover:after, .panelHeaderContrast .buttonDD.buttonPressed:after, .panelHeaderContrast .buttonDD.buttonHover:after, .panelHeaderContrast .buttonSplit.buttonPressed:after, .panelHeaderContrast .buttonSplit.buttonHover:after, .panelFooterContrast .button.buttonPressed:after, .panelFooterContrast .button.buttonHover:after, .panelFooterContrast .buttonDD.buttonPressed:after, .panelFooterContrast .buttonDD.buttonHover:after, .panelFooterContrast .buttonSplit.buttonPressed:after, .panelFooterContrast .buttonSplit.buttonHover:after, .ctrlBarDisContrast .button.buttonPressed:after, .ctrlBarDisContrast .button.buttonHover:after, .ctrlBarDisContrast .buttonDD.buttonPressed:after, .ctrlBarDisContrast .buttonDD.buttonHover:after, .ctrlBarDisContrast .buttonSplit.buttonPressed:after, .ctrlBarDisContrast .buttonSplit.buttonHover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 7px;
  left: 12px;
  right: 12px;
  border-bottom: 2px solid #5fbcfa; }

.panelHeaderContrast .button.buttonHover:after, .panelHeaderContrast .buttonDD.buttonHover:after, .panelHeaderContrast .buttonSplit.buttonHover:after, .panelFooterContrast .button.buttonHover:after, .panelFooterContrast .buttonDD.buttonHover:after, .panelFooterContrast .buttonSplit.buttonHover:after, .ctrlBarDisContrast .button.buttonHover:after, .ctrlBarDisContrast .buttonDD.buttonHover:after, .ctrlBarDisContrast .buttonSplit.buttonHover:after {
  border-bottom-style: dotted; }

.panelHeaderContrast .buttonConfirm, .panelFooterContrast .buttonConfirm, .ctrlBarDisContrast .buttonConfirm {
  color: #32cc42; }
  .panelHeaderContrast .buttonConfirm .icon, .panelFooterContrast .buttonConfirm .icon, .ctrlBarDisContrast .buttonConfirm .icon {
    fill: #32cc42;
    stroke: #32cc42; }

.panelHeaderContrast .buttonConfirm.buttonPressed, .panelHeaderContrast .buttonConfirm.buttonHover, .panelFooterContrast .buttonConfirm.buttonPressed, .panelFooterContrast .buttonConfirm.buttonHover, .ctrlBarDisContrast .buttonConfirm.buttonPressed, .ctrlBarDisContrast .buttonConfirm.buttonHover {
  color: #32cc42; }
  .panelHeaderContrast .buttonConfirm.buttonPressed .icon, .panelHeaderContrast .buttonConfirm.buttonHover .icon, .panelFooterContrast .buttonConfirm.buttonPressed .icon, .panelFooterContrast .buttonConfirm.buttonHover .icon, .ctrlBarDisContrast .buttonConfirm.buttonPressed .icon, .ctrlBarDisContrast .buttonConfirm.buttonHover .icon {
    fill: #32cc42;
    stroke: #32cc42; }

.panelHeaderContrast .buttonConfirm.buttonPressed:after, .panelHeaderContrast .buttonConfirm.buttonHover:after, .panelFooterContrast .buttonConfirm.buttonPressed:after, .panelFooterContrast .buttonConfirm.buttonHover:after, .ctrlBarDisContrast .buttonConfirm.buttonPressed:after, .ctrlBarDisContrast .buttonConfirm.buttonHover:after {
  border-bottom-color: #32cc42; }

.panelHeaderContrast .buttonDeny, .panelFooterContrast .buttonDeny, .ctrlBarDisContrast .buttonDeny {
  color: #ff351c; }
  .panelHeaderContrast .buttonDeny .icon, .panelFooterContrast .buttonDeny .icon, .ctrlBarDisContrast .buttonDeny .icon {
    fill: #ff351c;
    stroke: #ff351c; }

.panelHeaderContrast .buttonDeny.buttonPressed, .panelHeaderContrast .buttonDeny.buttonHover, .panelFooterContrast .buttonDeny.buttonPressed, .panelFooterContrast .buttonDeny.buttonHover, .ctrlBarDisContrast .buttonDeny.buttonPressed, .ctrlBarDisContrast .buttonDeny.buttonHover {
  color: #ff351c; }
  .panelHeaderContrast .buttonDeny.buttonPressed .icon, .panelHeaderContrast .buttonDeny.buttonHover .icon, .panelFooterContrast .buttonDeny.buttonPressed .icon, .panelFooterContrast .buttonDeny.buttonHover .icon, .ctrlBarDisContrast .buttonDeny.buttonPressed .icon, .ctrlBarDisContrast .buttonDeny.buttonHover .icon {
    fill: #ff351c;
    stroke: #ff351c; }

.panelHeaderContrast .buttonDeny.buttonPressed:after, .panelHeaderContrast .buttonDeny.buttonHover:after, .panelFooterContrast .buttonDeny.buttonPressed:after, .panelFooterContrast .buttonDeny.buttonHover:after, .ctrlBarDisContrast .buttonDeny.buttonPressed:after, .ctrlBarDisContrast .buttonDeny.buttonHover:after {
  border-bottom-color: #ff351c; }

.panelHeaderContrast .buttonPrimary.buttonPressed, .panelFooterContrast .buttonPrimary.buttonPressed, .ctrlBarDisContrast .buttonPrimary.buttonPressed {
  border-color: transparent; }

.panelHeaderContrast .buttonHover.buttonLeft:before, .panelHeaderContrast .buttonPressed.buttonLeft:before, .panelHeaderContrast .buttonHover.buttonRight:before, .panelHeaderContrast .buttonPressed.buttonRight:before, .panelFooterContrast .buttonHover.buttonLeft:before, .panelFooterContrast .buttonPressed.buttonLeft:before, .panelFooterContrast .buttonHover.buttonRight:before, .panelFooterContrast .buttonPressed.buttonRight:before, .ctrlBarDisContrast .buttonHover.buttonLeft:before, .ctrlBarDisContrast .buttonPressed.buttonLeft:before, .ctrlBarDisContrast .buttonHover.buttonRight:before, .ctrlBarDisContrast .buttonPressed.buttonRight:before {
  border-color: #5fbcfa; }

.panelHeaderContrast .buttonDisabled.buttonLeft:before, .panelHeaderContrast .buttonDisabled.buttonRight:before, .panelFooterContrast .buttonDisabled.buttonLeft:before, .panelFooterContrast .buttonDisabled.buttonRight:before, .ctrlBarDisContrast .buttonDisabled.buttonLeft:before, .ctrlBarDisContrast .buttonDisabled.buttonRight:before {
  border-color: #a6a6a6; }

.panelHeaderContrast .buttonSplitArrow:after, .panelFooterContrast .buttonSplitArrow:after, .ctrlBarDisContrast .buttonSplitArrow:after {
  top: 13px;
  bottom: 13px; }

.panelHeaderContrast .buttonPressed .buttonContent, .panelHeaderContrast .buttonHover .buttonContent, .panelFooterContrast .buttonPressed .buttonContent, .panelFooterContrast .buttonHover .buttonContent, .ctrlBarDisContrast .buttonPressed .buttonContent, .ctrlBarDisContrast .buttonHover .buttonContent {
  color: #5fbcfa; }

.panelHeaderContrast .buttonPressed .buttonDDArrow:before, .panelHeaderContrast .buttonPressed .buttonSplitArrow:before, .panelHeaderContrast .buttonHover .buttonDDArrow:before, .panelHeaderContrast .buttonHover .buttonSplitArrow:before, .panelFooterContrast .buttonPressed .buttonDDArrow:before, .panelFooterContrast .buttonPressed .buttonSplitArrow:before, .panelFooterContrast .buttonHover .buttonDDArrow:before, .panelFooterContrast .buttonHover .buttonSplitArrow:before, .ctrlBarDisContrast .buttonPressed .buttonDDArrow:before, .ctrlBarDisContrast .buttonPressed .buttonSplitArrow:before, .ctrlBarDisContrast .buttonHover .buttonDDArrow:before, .ctrlBarDisContrast .buttonHover .buttonSplitArrow:before {
  border-color: #5fbcfa; }

.panelHeaderContrast .buttonPressed .buttonSplitArrow:after, .panelHeaderContrast .buttonHover .buttonSplitArrow:after, .panelFooterContrast .buttonPressed .buttonSplitArrow:after, .panelFooterContrast .buttonHover .buttonSplitArrow:after, .ctrlBarDisContrast .buttonPressed .buttonSplitArrow:after, .ctrlBarDisContrast .buttonHover .buttonSplitArrow:after {
  border-color: #5fbcfa; }

.panelHeaderContrast .buttonPressed .icon, .panelHeaderContrast .buttonHover .icon, .panelFooterContrast .buttonPressed .icon, .panelFooterContrast .buttonHover .icon, .ctrlBarDisContrast .buttonPressed .icon, .ctrlBarDisContrast .buttonHover .icon {
  fill: #5fbcfa;
  stroke: #5fbcfa; }

.panelHeaderContrast .buttonDisabled, .panelHeaderContrast .buttonDisabled .buttonContent, .panelFooterContrast .buttonDisabled, .panelFooterContrast .buttonDisabled .buttonContent, .ctrlBarDisContrast .buttonDisabled, .ctrlBarDisContrast .buttonDisabled .buttonContent {
  color: #a6a6a6; }
  .panelHeaderContrast .buttonDisabled .icon, .panelHeaderContrast .buttonDisabled .buttonContent .icon, .panelFooterContrast .buttonDisabled .icon, .panelFooterContrast .buttonDisabled .buttonContent .icon, .ctrlBarDisContrast .buttonDisabled .icon, .ctrlBarDisContrast .buttonDisabled .buttonContent .icon {
    fill: #a6a6a6;
    stroke: #a6a6a6; }

.panelHeaderContrast .buttonDisabled .buttonDDArrow:after, .panelHeaderContrast .buttonDisabled .buttonSplitArrow:after, .panelFooterContrast .buttonDisabled .buttonDDArrow:after, .panelFooterContrast .buttonDisabled .buttonSplitArrow:after, .ctrlBarDisContrast .buttonDisabled .buttonDDArrow:after, .ctrlBarDisContrast .buttonDisabled .buttonSplitArrow:after {
  border-top-color: #a6a6a6; }

.panelHeaderContrast .buttonDisabled .buttonSplitArrow, .panelFooterContrast .buttonDisabled .buttonSplitArrow, .ctrlBarDisContrast .buttonDisabled .buttonSplitArrow {
  border-color: #a6a6a6; }

.panelHeaderContrast .buttonIcon.buttonHover, .panelFooterContrast .buttonIcon.buttonHover, .ctrlBarDisContrast .buttonIcon.buttonHover {
  color: #0790ec; }
  .panelHeaderContrast .buttonIcon.buttonHover .icon, .panelFooterContrast .buttonIcon.buttonHover .icon, .ctrlBarDisContrast .buttonIcon.buttonHover .icon {
    fill: #0790ec;
    stroke: #0790ec; }

.panelHeaderContrast .buttonIcon.buttonPressed, .panelFooterContrast .buttonIcon.buttonPressed, .ctrlBarDisContrast .buttonIcon.buttonPressed {
  color: #5fbcfa; }
  .panelHeaderContrast .buttonIcon.buttonPressed .icon, .panelFooterContrast .buttonIcon.buttonPressed .icon, .ctrlBarDisContrast .buttonIcon.buttonPressed .icon {
    fill: #5fbcfa;
    stroke: #5fbcfa; }

.compact .panelHeader .button.buttonPressed:after, .compact .panelHeader .button.buttonHover:after, .compact .panelHeader .buttonDD.buttonPressed:after, .compact .panelHeader .buttonDD.buttonHover:after, .compact .panelHeader .buttonSplit.buttonPressed .buttonContent:after, .compact .panelHeader .buttonSplit.buttonHover .buttonContent:after, .compact .panelHeaderAlt .button.buttonPressed:after, .compact .panelHeaderAlt .button.buttonHover:after, .compact .panelHeaderAlt .buttonDD.buttonPressed:after, .compact .panelHeaderAlt .buttonDD.buttonHover:after, .compact .panelHeaderAlt .buttonSplit.buttonPressed .buttonContent:after, .compact .panelHeaderAlt .buttonSplit.buttonHover .buttonContent:after, .compact .panelHeaderContrast .button.buttonPressed:after, .compact .panelHeaderContrast .button.buttonHover:after, .compact .panelHeaderContrast .buttonDD.buttonPressed:after, .compact .panelHeaderContrast .buttonDD.buttonHover:after, .compact .panelHeaderContrast .buttonSplit.buttonPressed .buttonContent:after, .compact .panelHeaderContrast .buttonSplit.buttonHover .buttonContent:after, .compact .panelFooter .button.buttonPressed:after, .compact .panelFooter .button.buttonHover:after, .compact .panelFooter .buttonDD.buttonPressed:after, .compact .panelFooter .buttonDD.buttonHover:after, .compact .panelFooter .buttonSplit.buttonPressed .buttonContent:after, .compact .panelFooter .buttonSplit.buttonHover .buttonContent:after, .compact .panelFooterAlt .button.buttonPressed:after, .compact .panelFooterAlt .button.buttonHover:after, .compact .panelFooterAlt .buttonDD.buttonPressed:after, .compact .panelFooterAlt .buttonDD.buttonHover:after, .compact .panelFooterAlt .buttonSplit.buttonPressed .buttonContent:after, .compact .panelFooterAlt .buttonSplit.buttonHover .buttonContent:after, .compact .panelFooterContrast .button.buttonPressed:after, .compact .panelFooterContrast .button.buttonHover:after, .compact .panelFooterContrast .buttonDD.buttonPressed:after, .compact .panelFooterContrast .buttonDD.buttonHover:after, .compact .panelFooterContrast .buttonSplit.buttonPressed .buttonContent:after, .compact .panelFooterContrast .buttonSplit.buttonHover .buttonContent:after, .compact .ctrlBarDis .button.buttonPressed:after, .compact .ctrlBarDis .button.buttonHover:after, .compact .ctrlBarDis .buttonDD.buttonPressed:after, .compact .ctrlBarDis .buttonDD.buttonHover:after, .compact .ctrlBarDis .buttonSplit.buttonPressed .buttonContent:after, .compact .ctrlBarDis .buttonSplit.buttonHover .buttonContent:after, .compact .ctrlBarDisContrast .button.buttonPressed:after, .compact .ctrlBarDisContrast .button.buttonHover:after, .compact .ctrlBarDisContrast .buttonDD.buttonPressed:after, .compact .ctrlBarDisContrast .buttonDD.buttonHover:after, .compact .ctrlBarDisContrast .buttonSplit.buttonPressed .buttonContent:after, .compact .ctrlBarDisContrast .buttonSplit.buttonHover .buttonContent:after {
  bottom: 2px;
  left: 5px;
  right: 5px; }

.compact .panelHeader .buttonSplitArrow:after, .compact .panelHeaderAlt .buttonSplitArrow:after, .compact .panelHeaderContrast .buttonSplitArrow:after, .compact .panelFooter .buttonSplitArrow:after, .compact .panelFooterAlt .buttonSplitArrow:after, .compact .panelFooterContrast .buttonSplitArrow:after, .compact .ctrlBarDis .buttonSplitArrow:after, .compact .ctrlBarDisContrast .buttonSplitArrow:after {
  top: 7px;
  bottom: 7px; }

/* grid */
.grid {
  color: #000;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-spacing: 0px;
  border-radius: 2px; }

.gridDetail {
  border-spacing: 0px; }

.gridHeader {
  color: gray;
  background: #f7f7f7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  padding: 4px;
  line-height: 44px; }

.gridFooter {
  background: #f7f7f7;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #d9d9d9;
  padding: 4px;
  line-height: 44px; }

.gridQBE {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  padding: 4px; }

.gridData, .gridDataAlt, .gridDataError, .gridSumData {
  padding: 14px; }

.gridDataAlt {
  background: #fafafa; }

.gridDataError {
  color: #ff351c;
  background: #ffebe8; }

.gridDataError .icon {
  stroke: #ff351c;
  fill: #ff351c; }

.gridDataHeader {
  color: gray;
  background: #f7f7f7;
  font-size: 12px;
  font-weight: bold;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  padding: 4px; }

.gridRowHeader, .gridSumLabel {
  color: gray;
  font-size: 12px;
  font-weight: bold;
  padding: 9px 14px; }

.gridSep {
  background: #ebebeb;
  font-size: 0px;
  padding: 0px;
  height: 1px; }

.gridSumData, .gridSumLabel {
  background: #fafafa; }

.gridRowHover .gridData, .gridRowHover .gridDataAlt, .gridRowSelected .gridData, .gridRowSelected .gridDataAlt {
  color: #fff;
  background: #5faee3; }

.gridRowHover .icon, .gridRowSelected .icon {
  fill: #fff;
  stroke: #fff; }

.gridRowHover .edit, .gridRowHover .editBG, .gridRowHover .editBGPrimary, .gridRowSelected .edit, .gridRowSelected .editBG, .gridRowSelected .editBGPrimary {
  color: #fff;
  background: transparent;
  border-color: #fff !important; }

.gridRowHover .editBGEdit, .gridRowSelected .editBGEdit {
  color: #fff; }

.gridRowSelected .gridData, .gridRowSelected .gridDataAlt {
  color: #fff;
  background: #3498db; }

.grid .link {
  padding: 9px 14px;
  line-height: 26px;
  display: inline-block;
  font-weight: bold;
  border-radius: 2px; }
  .grid .link .iconButton {
    padding: 0px; }

.grid .link:hover {
  color: #fff;
  background: #0790ec;
  text-decoration: none; }
  .grid .link:hover .icon {
    fill: #fff;
    stroke: #fff; }

.gridRowSelected .link, .gridRowHover .link {
  background: #fff; }

.gridHeader .link, .gridNav .link {
  color: #000;
  padding: 9px; }

.gridHeader .link:hover, .gridNav .link:hover {
  color: #5fbcfa;
  background: transparent; }
  .gridHeader .link:hover .icon, .gridNav .link:hover .icon {
    fill: #5fbcfa;
    stroke: #5fbcfa; }

.gridDetail .gridHeader, .gridDetail .gridFooter {
  background: transparent;
  border: none; }

.compact .gridHeader, .compact .gridFooter {
  padding: 2px;
  line-height: 24px; }

.compact .gridData, .compact .gridDataAlt, .compact .gridDataError, .compact .gridSumData, .compact .gridRowHeader, .compact .gridSumLabel {
  padding: 6px; }

.compact .gridRowHeader, .compact .gridSumLabel {
  font-size: 10px; }

.compact .gridDataHeader {
  font-size: 10px; }

.compact .grid .link {
  padding: 3px 6px;
  line-height: 18px; }

/* ux */
.label {
  color: gray;
  font-size: 12px;
  font-weight: bold;
  padding: 4px; }

.panelHeader .label, .panelHeaderAlt .label, .panelFooter .label, .panelFooterAlt .label, .ctrlBarDis .label {
  color: #88b5d3; }

.listItemSelected .label, .listItemHover .label, .gridRowSelected .label, .gridRowHover .label {
  color: rgba(255, 255, 255, 0.75); }

.uxRSHeader {
  color: gray;
  font-size: 12px;
  font-weight: bold;
  padding: 4px; }

.uxRSFooter {
  text-align: right;
  padding: 4px; }

.uxRSRowSelected {
  color: #fff;
  background: #3498db; }

.uxRSRowHover {
  color: #fff;
  background: #5faee3; }

.uxRSRowError {
  color: #ff351c;
  background: #ffebe8; }

.uxRSRowError .icon {
  stroke: #ff351c;
  fill: #ff351c; }

.uxRSRowSep {
  background: #ebebeb;
  font-size: 0px;
  height: 1px; }

.uxRSRowSelected .icon, .uxRSRowHover .icon {
  fill: #fff;
  stroke: #fff; }

.compact .label, .compact .uxRSHeader {
  font-size: 10px; }

/* list */
.list {
  border: 1px solid #d9d9d9;
  border-radius: 2px; }

.listHeader {
  background: #f7f7f7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  padding: 9px 14px;
  line-height: 26px; }

.listFooter {
  background: #f7f7f7;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #d9d9d9;
  padding: 9px 14px;
  line-height: 26px; }

.listColHeader {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  padding: 0px 14px;
  cursor: default; }

.listColHeader .icon {
  vertical-align: top; }

.listColHeaderItem {
  padding: 9px 14px;
  line-height: 26px; }

.listColHeaderItemHover {
  background: #f2f2f2; }

.listItem {
  background: #fff;
  padding: 14px;
  cursor: default; }

.listItemLined {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  margin-top: -1px; }

.listItemHover {
  color: #fff;
  background: #5faee3; }

.listItemSelected {
  color: #fff;
  background: #3498db; }

.pulse .listItem {
  transition: background-color 300ms cubic-bezier(0, 0.8, 1, 0.86), box-shadow 600ms;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15); }

.pulse .listItem:active {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.pulse .listDisabled .listItem {
  box-shadow: none; }

.listItemHover .icon, .listItemSelected .icon {
  fill: #fff;
  stroke: #fff; }

.listItemHover.listItemLined, .listItemSelected.listItemLined {
  border-top-color: #5faee3; }

.listItemSubtle.listItemHover {
  color: #000;
  background: #f7f7f7; }

.listItemSubtle.listItemSelected {
  color: #000;
  background: #fafafa; }

.listItemSubtle.listItemHover .icon, .listItemSubtle.listItemSelected .icon {
  fill: #333;
  stroke: #333; }

.listItemSubtle.listItemHover.listItemLined, .listItemSelected.listItemLined {
  border-top-color: #ebebeb; }

.listItemTitle {
  color: gray;
  background: #fafafa;
  font-size: 12px;
  font-weight: bold;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  padding: 4px 14px;
  margin-top: -1px; }

.listItemSep {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb; }

.listItemPartMain {
  font-weight: bold; }

.listItemPartSub {
  font-size: 12px; }

.listItemPartContext {
  color: #3498db;
  font-size: 12px; }

.listItemPartDetail {
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 2px; }

.listItemPartContent {
  color: #a6a6a6;
  font-size: 12px; }

.listItemHover:not(.listItemSubtle) .listItemPartContext, .listItemHover:not(.listItemSubtle) .listItemPartContent, .listItemSelected:not(.listItemSubtle) .listItemPartContext, .listItemSelected:not(.listItemSubtle) .listItemPartContent {
  color: #fff; }

.listItemData {
  padding: 0px 14px; }

.listNav {
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px;
  cursor: default;
  border-radius: 2px;
  text-overflow: ellipsis; }

.listNavButtonNext {
  text-align: center;
  color: #3498db;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  padding: 9px 14px;
  line-height: 26px; }

.listNavButtonPrev {
  text-align: center;
  color: #3498db;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  padding: 9px 14px;
  line-height: 26px; }

.listNavButtonPressed {
  color: #fff;
  background: #3498db; }

.listFocus {
  border-color: #97bfda; }

.listDisabled {
  color: gray;
  border-color: #ebebeb; }
  .listDisabled .listColHeader {
    border-color: #ebebeb; }
  .listDisabled .listItemSelected {
    background: #f2f2f2;
    color: gray;
    border-top-color: #ebebeb; }
  .listDisabled .listItemSelected.listItemSubtle {
    background: #fafafa; }
  .listDisabled .listColHeaderItemHover, .listDisabled .listItemHover {
    background: #fff;
    color: gray;
    border-top-color: #ebebeb; }
  .listDisabled .listItemPartMain, .listDisabled .listItemPartSub, .listDisabled .listItemPartContext, .listDisabled .listItemPartContent {
    color: gray; }
  .listDisabled .icon {
    fill: gray;
    stroke: gray; }

.compact .listColHeader {
  padding: 0px 6px; }

.compact .listHeader, .compact .listFooter, .compact .listColHeaderItem, .compact .listNavButtonNext, .compact .listNavButtonPrev {
  padding: 3px 6px;
  line-height: 18px; }

.compact .listItem {
  padding: 6px; }

.compact .listItemTitle {
  font-size: 10px;
  padding: 4px 6px; }

.compact .listItemPartSub, .compact .listItemPartContext, .compact .listItemPartDetail, .compact .listItemPartContent {
  font-size: 10px; }

.compact .listItemData {
  padding: 0px 6px; }

/* tree */
.tree {
  background: #fff;
  border: 1px solid #d9d9d9;
  cursor: default;
  border-radius: 2px; }

.treeFocus {
  border-color: #97bfda; }

.treeItem {
  display: flex;
  overflow: hidden; }

.pulse .treeItem {
  transition: background-color 300ms cubic-bezier(0, 0.8, 1, 0.86), box-shadow 600ms;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15); }

.pulse .treeItem:active {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.pulse .treeDisabled .treeItem {
  box-shadow: none; }

.treeItemLabel {
  text-decoration: none;
  color: inherit;
  padding: 9px;
  display: inline-block;
  cursor: default;
  line-height: 26px;
  outline: none;
  flex-grow: 1; }

.treeItemHover {
  color: #fff;
  background: #5faee3; }
  .treeItemHover .icon {
    fill: #fff;
    stroke: #fff; }

.treeItemSelected {
  color: #fff;
  background: #3498db; }
  .treeItemSelected .icon {
    fill: #fff;
    stroke: #fff; }

.treeDisabled {
  color: gray;
  border-color: #ebebeb; }
  .treeDisabled .icon {
    fill: gray;
    stroke: gray; }
  .treeDisabled .treeItemSelected {
    background: #f2f2f2;
    color: gray; }
  .treeDisabled .treeItemHover {
    background: transparent;
    color: gray; }

.compact .treeItemLabel {
  padding: 3px;
  line-height: 18px; }

/* spin list */
.spinList {
  color: #000;
  background: #fff;
  border: 1px solid #d9d9d9;
  cursor: default;
  border-radius: 2px; }

.spinList:before {
  background: url("spinListBack.png");
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  content: ""; }

.spinList:after {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ebebeb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  margin-top: -15px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  height: 30px;
  z-index: 3;
  content: ""; }

.spinListGroup {
  white-space: nowrap; }

.spinListGroup .spinList {
  border-left-color: #ebebeb;
  border-right-style: none;
  display: inline-block;
  border-radius: 0px; }

.spinListGroup .spinList:last-child {
  border-right-style: solid;
  border-radius: 0px 2px 2px 0px; }

.spinListGroup .spinList:first-child {
  border-left-color: #d9d9d9;
  border-radius: 2px 0px 0px 2px; }

.spinListDisabled {
  color: gray;
  border-color: #ebebeb; }

.spinListGroup .spinListDisabled:first-child {
  border-left-color: #ebebeb; }

.spinListItem {
  white-space: nowrap;
  padding: 7px 14px;
  overflow: hidden;
  text-overflow: ellipsis; }

.compact .spinListItem {
  padding: 6px; }

.compact .spinList:after {
  margin-top: -12px;
  height: 24px; }

/* date picker */
.datePicker {
  color: #000;
  background: #fff;
  border-radius: 2px; }

.datePicker .icon {
  fill: #333;
  stroke: #333; }

.datePickerDOW {
  color: gray;
  font-size: 12px; }

.datePickerWOY {
  color: gray;
  font-size: 12px; }

.datePickerHeaderItem {
  text-decoration: none;
  color: #3498db;
  font-weight: bold;
  padding: 9px 14px;
  display: inline-block;
  cursor: default;
  line-height: 26px;
  border-radius: 2px;
  outline: none; }

.datePickerDate {
  padding: 1px; }

.datePickerItem {
  text-align: center;
  text-decoration: none;
  color: #000;
  padding: 9px 14px;
  display: block;
  cursor: default;
  line-height: 26px;
  border-radius: 2px;
  outline: none; }

.pulse .datePickerItem, .pulse .datePickerHeaderItem {
  transition: background-color 300ms cubic-bezier(0, 0.8, 1, 0.86), box-shadow 600ms;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15); }

.pulse .datePickerItem:not(.datePickerItemDisabled):active, .pulse .datePickerHeaderItem:active {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.pulse .datePickerDisabled .datePickerItem {
  box-shadow: none; }

.datePickerDateToday .datePickerItem {
  color: #3498db; }

.datePickerItemHover, .datePickerDateToday .datePickerItemHover, .datePickerHeaderItemHover {
  color: #fff;
  background: #5faee3; }

.datePickerItemSelected, .datePickerDateToday .datePickerItemSelected, .datePickerHeaderItemSelected {
  color: #fff;
  background: #3498db; }

.datePickerItemOOR {
  color: gray; }

.datePickerItemDisabled {
  color: #a6a6a6; }

.datePickerDisabled .icon {
  fill: gray;
  stroke: gray; }

.datePickerDisabled .datePickerHeaderItem, .datePickerDisabled .datePickerItem {
  color: gray; }

.datePickerDisabled .datePickerDateToday .datePickerItem {
  color: gray; }

.datePickerDisabled .datePickerItemHover, .datePickerDisabled .datePickerDateToday .datePickerItemHover, .datePickerDisabled .datePickerHeaderItemHover {
  color: gray;
  background: transparent; }

.datePickerDisabled .datePickerItemSelected, .datePickerDisabled .datePickerDateToday .datePickerItemSelected, .datePickerDisabled .datePickerHeaderItemSelected {
  color: gray;
  background: transparent; }

.compact .datePickerItem, .compact .datePickerHeaderItem {
  font-size: 12px;
  padding: 3px 6px;
  line-height: 18px; }

.compact .datePickerDOW, .compact .datePickerWOY {
  font-size: 10px; }

/* time picker */
.timePickerMeridian {
  text-decoration: none;
  color: #3498db;
  font-weight: bold;
  padding: 14px;
  cursor: default;
  border-radius: 2px;
  outline: none; }

.timePickerMeridian:hover {
  color: #fff;
  background: #3498db; }

.timePickerButton {
  text-align: center;
  text-decoration: none;
  color: #3498db;
  padding: 14px;
  display: block;
  cursor: default;
  border-radius: 2px;
  outline: none; }

.timePickerButton:hover {
  color: #fff;
  background: #3498db; }

.timePickerButton:after {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: gray;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: gray;
  margin-top: -4px;
  display: inline-block;
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.timePickerButton:hover:after {
  border-color: #fff; }

.timePickerDisabled .edit, .timePickerDisabled .timePickerMeridian, .timePickerDisabled .timePickerButton, .timePickerDisabled .timePickerButton:after, .timePickerDisabled .timePickerButton:hover:after {
  color: #a6a6a6;
  background: transparent;
  border-color: #a6a6a6; }

.listItemSelected .timePickerButton:after, .listItemHover .timePickerButton:after, .gridRowSelected .timePickerButton:after, .gridRowHover .timePickerButton:after {
  border-color: #fff; }

.listItemSelected .timePickerButton:hover:after, .listItemHover .timePickerButton:hover:after, .gridRowSelected .timePickerButton:hover:after, .gridRowHover .timePickerButton:hover:after {
  border-color: #3498db; }

.listItemSelected .timePickerButton:hover, .listItemHover .timePickerButton:hover, .gridRowSelected .timePickerButton:hover, .gridRowHover .timePickerButton:hover {
  background: #fff; }

.listItemSelected .timePickerMeridian, .listItemHover .timePickerMeridian, .gridRowSelected .timePickerMeridian, .gridRowHover .timePickerMeridian {
  color: #fff; }

.listItemSelected .timePickerMeridian:hover, .listItemHover .timePickerMeridian:hover, .gridRowSelected .timePickerMeridian:hover, .gridRowHover .timePickerMeridian:hover {
  color: #3498db;
  background: #fff; }

.listItemSelected .timePickerDisabled .edit, .listItemSelected .timePickerDisabled .timePickerMeridian, .listItemSelected .timePickerDisabled .timePickerButton, .listItemSelected .timePickerDisabled .timePickerButton:after, .listItemSelected .timePickerDisabled .timePickerButton:hover:after, .listItemHover .timePickerDisabled .edit, .listItemHover .timePickerDisabled .timePickerMeridian, .listItemHover .timePickerDisabled .timePickerButton, .listItemHover .timePickerDisabled .timePickerButton:after, .listItemHover .timePickerDisabled .timePickerButton:hover:after, .gridRowSelected .timePickerDisabled .edit, .gridRowSelected .timePickerDisabled .timePickerMeridian, .gridRowSelected .timePickerDisabled .timePickerButton, .gridRowSelected .timePickerDisabled .timePickerButton:after, .gridRowSelected .timePickerDisabled .timePickerButton:hover:after, .gridRowHover .timePickerDisabled .edit, .gridRowHover .timePickerDisabled .timePickerMeridian, .gridRowHover .timePickerDisabled .timePickerButton, .gridRowHover .timePickerDisabled .timePickerButton:after, .gridRowHover .timePickerDisabled .timePickerButton:hover:after {
  color: rgba(255, 255, 255, 0.75);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.75); }

.compact .timePickerMeridian, .compact .timePickerButton {
  font-size: 12px;
  padding: 6px; }

.compact .timePickerButton:after {
  width: 6px;
  height: 6px;
  margin-top: -3px; }

/* slider */
.slider {
  cursor: default;
  height: 44px; }

.sliderInner {
  background: #d9d9d9;
  margin: 20px;
  height: 4px;
  border-radius: 2px; }

.sliderRange {
  background: #5faee3;
  margin-top: -1px;
  height: 6px;
  border-radius: 3px; }

.sliderHandle {
  background: #fff;
  border: 1px solid #d9d9d9;
  margin-top: -22px;
  margin-left: -22px;
  width: 44px;
  height: 44px;
  border-radius: 24px; }

.sliderRangeHover {
  background: #3498db; }

.sliderHandleHover {
  background: #5faee3;
  border-color: #3498db; }

.sliderRangeSelected {
  background: #3498db; }

.sliderHandleSelected {
  background: #3498db;
  border-color: #3498db; }

.pulse .sliderHandle {
  transition: background-color 300ms cubic-bezier(0, 0.8, 1, 0.86), box-shadow 600ms;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15); }

.pulse .sliderHandle:active {
  box-shadow: inset 0px 0px 0px 44px rgba(255, 255, 255, 0.15);
  transition: none; }

.sliderDisabled .sliderHandle {
  background: #fff;
  border-color: #ebebeb;
  box-shadow: none !important; }

.sliderDisabled .sliderRange, .sliderDisabled .sliderInner {
  background: #ebebeb; }

.listItemSelected .sliderInner, .listItemHover .sliderInner, .gridRowSelected .sliderInner, .gridRowHover .sliderInner {
  background: rgba(255, 255, 255, 0.75); }

.listItemSelected .sliderRange, .listItemHover .sliderRange, .gridRowSelected .sliderRange, .gridRowHover .sliderRange {
  background: rgba(255, 255, 255, 0.75); }

.listItemSelected .sliderHandle, .listItemHover .sliderHandle, .gridRowSelected .sliderHandle, .gridRowHover .sliderHandle {
  background: #5faee3;
  border-color: #fff; }

.listItemSelected .sliderHandleHover, .listItemHover .sliderHandleHover, .gridRowSelected .sliderHandleHover, .gridRowHover .sliderHandleHover {
  background: #fff;
  border-color: rgba(255, 255, 255, 0.75); }

.listItemSelected .sliderHandleSelected, .listItemHover .sliderHandleSelected, .gridRowSelected .sliderHandleSelected, .gridRowHover .sliderHandleSelected {
  background: #fff; }

.listItemSelected .sliderDisabled.slider, .listItemHover .sliderDisabled.slider, .gridRowSelected .sliderDisabled.slider, .gridRowHover .sliderDisabled.slider {
  opacity: .4; }

.listItemSelected .sliderDisabled .sliderHandle, .listItemHover .sliderDisabled .sliderHandle, .gridRowSelected .sliderDisabled .sliderHandle, .gridRowHover .sliderDisabled .sliderHandle {
  background: #5faee3;
  border-color: rgba(255, 255, 255, 0.75); }

.listItemSelected .sliderDisabled .sliderRange, .listItemHover .sliderDisabled .sliderRange, .gridRowSelected .sliderDisabled .sliderRange, .gridRowHover .sliderDisabled .sliderRange {
  background: transparent; }

.listItemSelected .sliderDisabled .sliderInner, .listItemHover .sliderDisabled .sliderInner, .gridRowSelected .sliderDisabled .sliderInner, .gridRowHover .sliderDisabled .sliderInner {
  background: rgba(255, 255, 255, 0.75); }

.compact .slider {
  height: 24px; }

.compact .sliderInner {
  margin: 10px;
  height: 2px; }

.compact .sliderRange {
  height: 4px; }

.compact .sliderHandle {
  margin-left: -12px;
  margin-top: -12px;
  width: 24px;
  height: 24px; }

/* switch */
.switch {
  color: gray;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  cursor: default;
  height: 44px;
  border-radius: 22px; }

.pulse .switch {
  transition: background-color 400ms cubic-bezier(0, 0.8, 1, 0.86); }

.switchInner {
  margin-left: 22px;
  margin-right: 21px; }

.switchButton {
  background: #fff;
  border: 1px solid #d9d9d9;
  margin: 1px;
  margin-left: -20.5px;
  width: 38px;
  height: 38px;
  border-radius: 22px; }

.switchOn {
  color: #fff;
  background: #3498db;
  border-color: #3498db; }

.switchOn .switchButton {
  border-color: #fff; }

.switchLeft {
  text-align: center;
  padding-right: 24px;
  line-height: 42px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.switchRight {
  text-align: center;
  padding-left: 24px;
  line-height: 42px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.switchDisabled.switch {
  color: #a6a6a6;
  background: #f7f7f7;
  border: 1px solid #ebebeb; }

.switchDisabled .switchButton {
  border: 1px solid #ebebeb; }

.switchDisabled.switchOn {
  color: #a6a6a6;
  background: #ebebeb;
  border-color: #ebebeb; }

.listItemSelected .switch, .listItemHover .switch, .gridRowSelected .switch, .gridRowHover .switch {
  border-color: #fff;
  background: transparent; }

.listItemSelected .switchOn, .listItemHover .switchOn, .gridRowSelected .switchOn, .gridRowHover .switchOn {
  background: #fff; }

.listItemSelected .switchButton, .listItemHover .switchButton, .gridRowSelected .switchButton, .gridRowHover .switchButton {
  background: rgba(255, 255, 255, 0.75);
  border-color: #fff; }

.listItemSelected .switchOn .switchButton, .listItemHover .switchOn .switchButton, .gridRowSelected .switchOn .switchButton, .gridRowHover .switchOn .switchButton {
  background: #3498db;
  border-color: #5faee3; }

.listItemSelected .switchDisabled, .listItemHover .switchDisabled, .gridRowSelected .switchDisabled, .gridRowHover .switchDisabled {
  opacity: .5; }

.compact .switch {
  height: 24px;
  border-radius: 12px; }

.compact .switchInner {
  margin-left: 12px;
  margin-right: 10px; }

.compact .switchButton {
  margin-left: -11px;
  width: 18px;
  height: 18px;
  border-radius: 12px; }

.compact .switchLeft {
  padding-left: 14px;
  line-height: 22px; }

.compact .switchRight {
  padding-right: 14px;
  line-height: 22px; }

/* ink */
.ink {
  border: 1px solid #d9d9d9;
  border-radius: 2px; }

.inkArea {
  background: #f7f7f7; }

.inkPage {
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 3px 3px #f2f2f2;
  -moz-box-shadow: 0px 3px 3px #f2f2f2;
  -webkit-box-shadow: 0px 3px 3px #f2f2f2; }

.inkZoomBox {
  border: 1px dotted #3498db; }

.inkZoomBoxScale:after {
  border: 5px solid transparent;
  border-right-color: rgba(52, 152, 219, 0.5);
  border-bottom-color: rgba(52, 152, 219, 0.5);
  display: block;
  position: absolute;
  right: 2px;
  bottom: 2px;
  content: ""; }

.inkSplitBar {
  background: #d9d9d9; }

.inkEraser {
  background: rgba(255, 100, 150, 0.1);
  border: 1px solid rgba(255, 100, 150, 0.5);
  border-radius: 2px; }

.inkButton {
  text-align: center;
  color: #333;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #d9d9d9;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 42px;
  border-radius: 22px; }

.inkButton .icon {
  stroke: gray;
  fill: gray; }

.inkButtonSelected {
  color: #333; }

.inkButtonSelected .icon {
  stroke: #333;
  fill: #333; }

.inkBarTop {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9; }

.inkBarLeft {
  background: rgba(255, 255, 255, 0.96);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #d9d9d9; }

.inkBarRight {
  background: rgba(255, 255, 255, 0.96);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #d9d9d9; }

.inkBarBottom {
  background: rgba(255, 255, 255, 0.96);
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #d9d9d9; }

.inkGroupTop, .inkGroupBottom, .inkGroupLeft, .inkGroupRight {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #d9d9d9; }

.inkGroupTop {
  border-top-style: none;
  border-radius: 0px 0px 2px 2px; }

.inkGroupBottom {
  border-bottom-style: none;
  border-radius: 2px 2px 0px 0px; }

.inkGroupLeft {
  border-left-style: none;
  border-radius: 0px 2px 2px 0px; }

.inkGroupRight {
  border-right-style: none;
  border-radius: 2px 0px 0px 2px; }

.inkBarTop .inkButton, .inkBarBottom .inkButton, .inkBarLeft .inkButton, .inkBarRight .inkButton, .inkGroupTop .inkButton, .inkGroupBottom .inkButton, .inkGroupLeft .inkButton, .inkGroupRight .inkButton {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0px; }

.inkBarTop .inkButtonSelected, .inkBarBottom .inkButtonSelected, .inkBarLeft .inkButtonSelected, .inkBarRight .inkButtonSelected, .inkGroupTop .inkButtonSelected, .inkGroupBottom .inkButtonSelected, .inkGroupLeft .inkButtonSelected, .inkGroupRight .inkButtonSelected {
  background: #f7f7f7; }

.inkStatus {
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  padding: 4px;
  border-radius: 2px; }

.inkPopup {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); }

.inkPopupLock {
  background: rgba(0, 0, 0, 0.1); }

.inkPopupGroup {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ebebeb;
  padding: 4px;
  padding-bottom: 0px; }

.inkPopupSwatch {
  text-align: center;
  border: 1px solid #d9d9d9;
  margin-bottom: 4px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 42px;
  border-radius: 22px; }

.inkPopupSwatchSelected {
  border: 2px solid #3498db;
  margin: -1px;
  margin-bottom: 3px;
  border-radius: 23px; }

.inkPopupSwatchSelected:before {
  border: 2px solid #fff;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 20px;
  content: ""; }

.inkPopupButton {
  text-align: center;
  color: #5fbcfa;
  font-size: 16px;
  font-weight: bold;
  padding: 9px 14px;
  cursor: default;
  line-height: 26px; }

.inkPopupButton:hover {
  color: #fff;
  background: #5fbcfa; }

/* scroller */
.scroller {
  color: #fff;
  cursor: default; }

.scrollerDial {
  background: #5fbcfa;
  padding: 6px;
  z-index: 5;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25); }

.scrollerDialMsg {
  white-space: nowrap;
  padding: 6px;
  opacity: .5; }

.scrollerLeft .scrollerDialMsg, .scrollerRight .scrollerDialMsg {
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: #fff; }

.scrollerTop .scrollerDialMsg, .scrollerBottom .scrollerDialMsg {
  border-left-style: dotted;
  border-left-width: 1px;
  border-left-color: #fff; }

.scrollerDialMsg:first-child {
  border: none; }

.scrollerLeft .scrollerDialMsgMain, .scrollerRight .scrollerDialMsgMain {
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: #fff;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  opacity: 1; }

.scrollerTop .scrollerDialMsgMain, .scrollerBottom .scrollerDialMsgMain {
  border-left-style: dotted;
  border-left-width: 1px;
  border-left-color: #fff;
  border-right-style: dotted;
  border-right-width: 1px;
  border-right-color: #fff;
  opacity: 1; }

.scrollerLeft .scrollerSlider, .scrollerRight .scrollerSlider {
  width: 44px; }

.scrollerTop .scrollerSlider, .scrollerBottom .scrollerSlider {
  height: 44px; }

.scrollerSliderInner {
  background: rgba(255, 255, 255, 0.95);
  z-index: 6; }

.scrollerLeft .scrollerSliderInner, .scrollerRight .scrollerSliderInner {
  width: 10px;
  transition: width 100ms;
  -webkit-transition: width 100ms; }

.scrollerTop .scrollerSliderInner, .scrollerBottom .scrollerSliderInner {
  height: 10px;
  transition: height 100ms;
  -webkit-transition: height 100ms; }

.scrollerSliderInner:before {
  border: 2px solid rgba(255, 255, 255, 0.95);
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  content: ''; }

.scrollerSliderInner:after {
  border: 1px dotted #5fbcfa;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  content: ''; }

.scrollerLeft.scrollerActive .scrollerSliderInner, .scrollerRight.scrollerActive .scrollerSliderInner {
  width: 44px; }

.scrollerTop.scrollerActive .scrollerSliderInner, .scrollerBottom.scrollerActive .scrollerSliderInner {
  height: 44px; }

.scrollerSliderHandle, .scrollerSliderShadow {
  background: #5fbcfa;
  border: 1px solid #fff;
  box-sizing: border-box; }

.scrollerLeft .scrollerSliderHandle, .scrollerLeft .scrollerSliderShadow, .scrollerRight .scrollerSliderHandle, .scrollerRight .scrollerSliderShadow {
  width: 100%;
  height: 44px; }

.scrollerTop .scrollerSliderHandle, .scrollerTop .scrollerSliderShadow, .scrollerBottom .scrollerSliderHandle, .scrollerBottom .scrollerSliderShadow {
  width: 44px;
  height: 100%; }

.scrollerSliderShadow {
  background: rgba(95, 188, 250, 0.35); }

.scrollerLeft .scrollerSliderInner {
  left: 0px; }

.scrollerLeft.scrollerDialActive .scrollerSliderInner:before {
  border-right-color: transparent; }

.scrollerLeft.scrollerDialActive .scrollerSliderHandle {
  border-right-color: #5fbcfa; }

.scrollerRight .scrollerSliderInner {
  right: 0px; }

.scrollerRight.scrollerDialActive .scrollerSliderInner:before {
  border-left-color: transparent; }

.scrollerRight.scrollerDialActive .scrollerSliderHandle {
  border-left-color: #5fbcfa; }

.scrollerTop .scrollerSliderInner {
  top: 0px; }

.scrollerTop.scrollerDialActive .scrollerSliderInner:before {
  border-bottom-color: transparent; }

.scrollerTop.scrollerDialActive .scrollerSliderHandle {
  border-bottom-color: #5fbcfa; }

.scrollerBottom .scrollerSliderInner {
  bottom: 0px; }

.scrollerBottom.scrollerDialActive .scrollerSliderInner:before {
  border-top-color: transparent; }

.scrollerBottom.scrollerDialActive .scrollerSliderHandle {
  border-top-color: #5fbcfa; }

.scrollerSliderMsg {
  white-space: nowrap;
  color: #ffffff;
  background: #5fbcfa;
  padding: 6px;
  position: absolute;
  border-radius: 2px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25); }

.scrollerLeft .scrollerSliderMsg {
  left: 51px; }

.scrollerRight .scrollerSliderMsg {
  right: 51px; }

.scrollerTop .scrollerSliderMsg {
  top: 51px; }

.scrollerBottom .scrollerSliderMsg {
  bottom: 51px; }

.scrollerSliderMsgT {
  top: 0px; }

.scrollerSliderMsgL {
  left: 0px; }

.scrollerSliderMsgR {
  right: 0px; }

.scrollerSliderMsgB {
  bottom: 0px; }

.scrollerSliderMsg:after {
  border: 6px solid transparent;
  display: block;
  position: absolute;
  content: ''; }

.scrollerLeft .scrollerSliderMsg:after {
  border-left-style: none;
  border-right-color: #5fbcfa;
  margin-top: -5px;
  top: 50%;
  left: -5px; }

.scrollerRight .scrollerSliderMsg:after {
  border-left-color: #5fbcfa;
  border-right-style: none;
  margin-top: -5px;
  top: 50%;
  right: -5px; }

.scrollerLeft .scrollerSliderMsgT:after, .scrollerRight .scrollerSliderMsgT:after {
  margin-top: 0px;
  top: 5px; }

.scrollerLeft .scrollerSliderMsgB:after, .scrollerRight .scrollerSliderMsgB:after {
  margin-top: 0px;
  top: auto;
  bottom: 7px; }

.scrollerTop .scrollerSliderMsg:after {
  border-top-style: none;
  border-bottom-color: #5fbcfa;
  margin-left: -5px;
  top: -5px;
  left: 50%; }

.scrollerBottom .scrollerSliderMsg:after {
  border-top-color: #5fbcfa;
  border-bottom-style: none;
  margin-left: -5px;
  left: 50%;
  bottom: -5px; }

.scrollerTop .scrollerSliderMsgL:after, .scrollerBottom .scrollerSliderMsgL:after {
  margin-left: 0px;
  left: 7px; }

.scrollerTop .scrollerSliderMsgR:after, .scrollerBottom .scrollerSliderMsgR:after {
  margin-left: 0px;
  left: auto;
  right: 7px; }

.compact .scrollerLeft .scrollerSlider, .compact .scrollerLeft.scrollerActive .scrollerSliderInner,
.compact .scrollerRight .scrollerSlider, .compact .scrollerRight.scrollerActive .scrollerSliderInner {
  width: 10px; }

.compact .scrollerTop .scrollerSlider, .compact .scrollerTop.scrollerActive .scrollerSliderInner,
.compact .scrollerBottom .scrollerSlider, .compact .scrollerBottom.scrollerActive .scrollerSliderInner {
  height: 10px; }

.compact .scrollerLeft .scrollerSliderMsg {
  left: 17px; }

.compact .scrollerRight .scrollerSliderMsg {
  right: 17px; }

.compact .scrollerTop .scrollerSliderMsg {
  top: 17px; }

.compact .scrollerRight .scrollerSliderMsg {
  bottom: 17px; }

/* tabbed ui */
.tabbedUIHeader {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  padding: 4px; }

.tabbedUIFooter {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #d9d9d9;
  padding: 4px; }

.tabbedUISep {
  background: #d9d9d9;
  width: 1px !important; }

.tabbedUIMenu {
  background: #fafafa; }

.tabbedUIMenuHeader {
  background: #f2f2f2; }

.tabbedUIMenuCollapsed {
  background: #f2f2f2;
  width: 44px; }

.compact .tabbedUIMenuCollapsed {
  width: 24px; }

/* scroll indicator */
.scrollIndH, .scrollIndV {
  padding: 0px;
  width: 3px;
  height: 3px; }

.scrollIndHBar, .scrollIndVBar {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px; }

/*tabs*/
.tabbandTab, .tabbandTabSelected {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #d9d9d9; }
  .tabbandTab:hover, .tabbandTabSelected:hover {
    background: #f7f7f7; }

.tabbandTab .icon, .tabbandTab .iconSizeable {
  stroke: #595959;
  fill: #595959; }

.tabbandTabSelected {
  background: #fff; }
  .tabbandTabSelected .icon, .tabbandTabSelected .iconSizeable {
    stroke: #333;
    fill: #333; }

/*Panels*/
.panelBodySidebar {
  background: #116aa6; }

.panel.marginCard .panelBody.marginCardBody {
  background: #ecf6fd; }

.panelLTR.noDividers > .panel:after, .panelRTL.noDividers > .panel:after, .panelTTB.noDividers > .panel:after, .panelBTT.noDividers > .panel:after {
  background: none; }

.panel.headerPanel .panelBody, .panelHeader, .panelFooter {
  color: #fff;
  background: #3981b1; }
  .panel.headerPanel .panelBody .label, .panelHeader .label, .panelFooter .label {
    color: #fff; }

.panelHeaderAlt, .panelFooterAlt {
  background: #116aa6; }

.panelNav > .panel.panelIframe:before {
  border: none;
  position: static; }

.panelHeader .edit:focus {
  background: transparent; }

/*Buttons*/
.ctrlBarDis .button.buttonToolbar, .button.buttonToolbar {
  color: #fff;
  font-size: 10px; }
  .ctrlBarDis .button.buttonToolbar .iconSizeable, .button.buttonToolbar .iconSizeable {
    stroke: #fff;
    fill: #fff; }

.ctrlBarDis .button.buttonToolbar.buttonHover.buttonHoverToolbar, .buttonHover.buttonHoverToolbar {
  color: #fff;
  background: #0790ec; }
  .ctrlBarDis .button.buttonToolbar.buttonHover.buttonHoverToolbar:after, .buttonHover.buttonHoverToolbar:after {
    border-bottom: none;
    border-bottom-width: 0px;
    border-bottom-color: transparent; }

.ctrlBarDis .button.buttonToolbar.buttonPressed.buttonPressedToolbar, .buttonPressed.buttonPressedToolbar {
  color: #fff;
  background: #5fbcfa; }
  .ctrlBarDis .button.buttonToolbar.buttonPressed.buttonPressedToolbar:after, .buttonPressed.buttonPressedToolbar:after {
    border-bottom: none;
    border-bottom-width: 0px;
    border-bottom-color: transparent; }

.button.buttonMenu {
  color: #fff; }
  .button.buttonMenu .icon, .button.buttonMenu .iconSizeable {
    stroke: #fff;
    fill: #fff; }

.buttonHover.buttonHoverMenu {
  color: #fff; }

.buttonIcon.buttonRounded.buttonCircle.buttonSubtle.buttonAvatar {
  padding: 0px; }

.ctrlBarDis .button.buttonMenu, .button.buttonMenu {
  text-align: left;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px; }
  .ctrlBarDis .button.buttonMenu.buttonHover.buttonHoverMenu, .button.buttonMenu.buttonHover.buttonHoverMenu {
    color: #fff;
    background: #94cbef; }
    .ctrlBarDis .button.buttonMenu.buttonHover.buttonHoverMenu .icon, .ctrlBarDis .button.buttonMenu.buttonHover.buttonHoverMenu .iconSizeable, .button.buttonMenu.buttonHover.buttonHoverMenu .icon, .button.buttonMenu.buttonHover.buttonHoverMenu .iconSizeable {
      stroke: #fff;
      fill: #fff; }
    .ctrlBarDis .button.buttonMenu.buttonHover.buttonHoverMenu:after, .button.buttonMenu.buttonHover.buttonHoverMenu:after {
      border-bottom: none;
      border-bottom-width: 0px;
      border-bottom-color: transparent; }
  .ctrlBarDis .button.buttonMenu.buttonDisabled.buttonDisabledMenu, .button.buttonMenu.buttonDisabled.buttonDisabledMenu {
    color: #88b5d3; }
    .ctrlBarDis .button.buttonMenu.buttonDisabled.buttonDisabledMenu .icon, .ctrlBarDis .button.buttonMenu.buttonDisabled.buttonDisabledMenu .iconSizeable, .button.buttonMenu.buttonDisabled.buttonDisabledMenu .icon, .button.buttonMenu.buttonDisabled.buttonDisabledMenu .iconSizeable {
      stroke: #88b5d3;
      fill: #88b5d3; }

.buttonGlow {
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5); }

/*Avatars*/
.avatarWrapper {
  background: #fff;
  border: 1px solid #fff;
  margin: 10px auto;
  width: 40px;
  height: 40px;
  border-radius: 30px; }

/*Logos*/
.squareLogo {
  text-align: center;
  background: white;
  margin: 0px auto;
  width: 50px;
  border-radius: 4px; }
  .squareLogo img {
    vertical-align: middle;
    max-width: 50px;
    max-height: 50px;
    display: inline; }

/*Windows*/
.window.floatingMenuWindow {
  background: #116aa6;
  border: 1px solid #116aa6; }
  .window.floatingMenuWindow .windowBody {
    padding: 0px; }
  .window.floatingMenuWindow .windowTitle {
    color: #fff; }
    .window.floatingMenuWindow .windowTitle .icon {
      stroke: #fff;
      fill: #fff; }
  .window.floatingMenuWindow .pointerLeft {
    border-right-color: #116aa6; }
    .window.floatingMenuWindow .pointerLeft:after {
      border-right-color: #116aa6; }

/*Notifications*/
.notificationBadge {
  background: #5fbcfa;
  padding: 2px 5px;
  display: inline-block;
  border-radius: 4px; }
  .notificationBadge.urgent, .notificationBadge.mail {
    background: orange; }
  .notificationBadge.critical {
    background: #ff351c; }
  .notificationBadge .notificationCount {
    display: inline-block;
    vertical-align: middle; }

.notification {
  display: table;
  width: 100%; }
  .notification.urgent .iconSizeable {
    stroke: orange;
    fill: orange; }
  .notification.critical .iconSizeable {
    stroke: #ff351c;
    fill: #ff351c; }
  .notification .notificationIconWrapper {
    display: table-cell;
    width: 40px; }
  .notification .notificationMessageWrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px; }
    .notification .notificationMessageWrapper .notificationTimestamp {
      font-size: 80%;
      font-style: italic; }

.listItemHover .notification .iconSizeable, .listItemSelected .notification .iconSizeable {
  stroke: #fff;
  fill: #fff; }

.listItemHover .notification.urgent .iconSizeable, .listItemSelected .notification.urgent .iconSizeable {
  stroke: orange;
  fill: orange; }

.listItemHover .notification.critical .iconSizeable, .listItemSelected .notification.critical .iconSizeable {
  stroke: #ff351c;
  fill: #ff351c; }

.quickMsgContainer {
  color: #fff;
  background: rgba(17, 106, 166, 0.95);
  font-size: 1.15em;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 25px;
  padding-bottom: 10px;
  display: table;
  position: absolute;
  right: -410px;
  bottom: 100px;
  width: 400px;
  box-shadow: 3px 3px 5px 0px rgba(166, 166, 166, 0.8);
  box-sizing: border-box;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(166, 166, 166, 0.8);
  -moz-box-shadow: 3px 3px 5px 0px rgba(166, 166, 166, 0.8);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out; }
  .quickMsgContainer.shown {
    transform: translate(-420px, 0);
    -webkit-transform: translate(-420px, 0);
    -moz-transform: translate(-420px, 0);
    -o-transform: translate(-420px, 0);
    -ms-transform: translate(-420px, 0); }
    .quickMsgContainer.shown .quickMsgProg.running {
      right: 0%;
      animation: absoluteGrow 10s linear 0s; }
  .quickMsgContainer.urgent {
    background: rgba(255, 165, 0, 0.95); }
  .quickMsgContainer.critical {
    background: rgba(255, 53, 28, 0.95); }
  .quickMsgContainer .icon, .quickMsgContainer .iconSizeable {
    stroke: #fff;
    fill: #fff; }
  .quickMsgContainer .quickMsgIcon {
    display: table-cell;
    width: 50px;
    text-align: center; }
    .quickMsgContainer .quickMsgIcon > .icon, .quickMsgContainer .quickMsgIcon > .iconSizeable {
      vertical-align: middle;
      display: inline-block; }
  .quickMsgContainer .quickMsgText {
    display: table-cell; }
    .quickMsgContainer .quickMsgText > span {
      vertical-align: middle;
      display: inline-block; }
  .quickMsgContainer .quickMsgProg {
    height: 4px;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 100%; }

/*Lists*/
.listColHeader {
  background: #dceaf4; }
  .listColHeader .listColHeaderItemHover {
    background: #b5d3e7; }

.noRecordsWrapper {
  margin-top: -32px; }
  .noRecordsWrapper .noRecordsIcon {
    stroke: #666666;
    fill: #666666; }
  .noRecordsWrapper .noRecordsMessage {
    font-style: italic;
    color: #4d4d4d;
    padding-top: 7px; }

/*Tickets*/
.ticketWrapper {
  padding: 7px;
  position: relative; }

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

.ticketInfoPane {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 300px; }

.ticketScrollPane {
  position: absolute;
  top: 60px;
  left: 300px;
  width: 5in;
  overflow-y: auto; }

.ticketLabel {
  font-size: 90%;
  font-weight: bold; }

.ticket-data {
  font-size: 100%; }

.ticketColumn {
  float: left;
  width: 50%; }

.ticketRow {
  padding-bottom: 7px; }

.ticketNotes {
  border: 1px solid #888;
  padding: 5px;
  border-radius: 3px; }

.ticketMessageLine {
  background-color: #bbb;
  margin-bottom: 10px;
  width: 100%;
  height: 1px; }

.messageContainer {
  padding-bottom: 20px; }

.messageLabel {
  font-size: 110%;
  font-weight: bold; }

.ticketRhActionLink {
  text-decoration: underline;
  color: #888;
  font-style: italic;
  padding-right: 7px;
  display: inline-block;
  float: right;
  cursor: pointer; }

.ticketActionLink {
  text-decoration: underline;
  color: #888;
  font-style: italic;
  padding-left: 10px;
  padding-right: 7px;
  display: inline-block;
  cursor: pointer; }

/*Misc*/
.environment {
  text-align: center;
  font-size: 14px;
  font-weight: bold; }
  .environment.beta {
    color: #ccc; }
  .environment.dev {
    color: orange; }
  .environment.local {
    color: #ff5f77; }

.lockWhite {
  background: rgba(255, 255, 255, 0.8); }

.A5CWLayout.noPadding {
  padding: 0px; }

body.darkPage {
  background: #116aa6; }

.loginTitle {
  color: #116aa6;
  font-size: 2em;
  margin: 0px; }

.loginSubtext {
  color: #404040;
  font-style: italic; }

.loginCompanyName {
  color: #3498db;
  font-weight: bold;
  padding-top: 4px;
  display: inline-block; }

.jumboTitle {
  text-align: center;
  color: #fff; }
  .jumboTitle h1 {
    font-size: 3em;
    margin: 10px 0px; }
  .jumboTitle .iconSizeable {
    stroke: #fff;
    fill: #fff; }

.ctrlBarSepVert {
  border-top-color: rgba(255, 255, 255, 0.7); }

.icon.bidIcon, .iconSizeable.bidIcon {
  stroke: #145e23;
  fill: #145e23; }

.icon.jobIcon, .iconSizeable.jobIcon {
  stroke: #121699;
  fill: #121699; }

.icon.ticketIcon, .iconSizeable.ticketIcon {
  stroke: #20a6a3;
  fill: #20a6a3; }

.listItemHover .icon.bidIcon, .listItemHover .iconSizeable.bidIcon, .listItemSelected .icon.bidIcon, .listItemSelected .iconSizeable.bidIcon {
  stroke: #fff;
  fill: #fff; }

.listItemHover .icon.jobIcon, .listItemHover .iconSizeable.jobIcon, .listItemSelected .icon.jobIcon, .listItemSelected .iconSizeable.jobIcon {
  stroke: #fff;
  fill: #fff; }

.listItemHover .icon.ticketIcon, .listItemHover .iconSizeable.ticketIcon, .listItemSelected .icon.ticketIcon, .listItemSelected .iconSizeable.ticketIcon {
  stroke: #fff;
  fill: #fff; }

/*WAIT MESSAGES*/
.waitOverlay {
  background-color: rgba(236, 246, 253, 0.7); }
  .waitOverlay.nonPoOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px; }

.waitContainer {
  padding-top: 0.6in;
  margin-left: auto;
  margin-right: auto;
  width: 3in; }
  .waitContainer .waitMessage {
    text-align: center;
    padding-top: 10px;
    font-size: 2em;
    font-style: italic;
    color: gray;
    display: block; }
    .waitContainer .waitMessage:before {
      display: block;
      width: 150px;
      height: 150px;
      margin: 0px auto;
      background-image: url(../../img/def_spinner.svg);
      background-size: 150px;
      content: ''; }
  .waitContainer .waitMessageExtra {
    padding-top: 10px;
    font-size: 1.1em;
    color: #595959;
    font-style: italic;
    text-align: center;
    display: block; }

.waitContainerSmall {
  padding-top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 2in; }
  .waitContainerSmall .waitMessage {
    font-size: 1.5em; }
    .waitContainerSmall .waitMessage:before {
      width: 70px;
      height: 70px;
      background-size: 70px; }
  .waitContainerSmall .waitMessageExtra {
    font-size: 1em; }

/*BID EDITOR*/
.floatingTextBox {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 2px;
  border-radius: 3px; }

.floatingTextBox:focus {
  outline: none; }

.floatingEditorDateControl .iOS7EditBGEdit {
  padding: 2px; }

.floatingButton {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid transparent;
  padding: 2px;
  border-radius: 4px; }

.floatingButtonHover {
  background-color: #c6eaff;
  border: 1px solid #eee; }

.floatingEditorButtonArea {
  background: #eee;
  padding: 0px;
  border-radius: 4px; }

.sectionContainer {
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 15px;
  overflow: auto;
  border-radius: 6px; }

.sectionTile {
  padding-right: 15px;
  float: left; }

.sectionLabel, .sectionLabelDynamicData {
  color: #888;
  font-size: 120%;
  font-weight: bold; }

.sectionLabel {
  padding-top: 0px;
  padding-left: 0px; }

.sectionLabelDynamic {
  display: inline-block; }

.sectionButton {
  color: #888;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 6px;
  padding-bottom: 2px;
  margin-top: -14px;
  margin-right: -14px;
  float: right;
  border-radius: 6px; }

.sectionButton.removeItem:hover {
  color: black;
  background-color: pink;
  border: 1px solid red; }

.sectionNotesData {
  white-space: pre; }

.itemWrapper {
  display: table;
  width: 100%; }

.itemLabel {
  font-size: 90%;
  font-weight: bold;
  display: table-cell;
  overflow: hidden;
  width: 1.2in; }

.itemData {
  color: #101010;
  display: table-cell;
  max-width: 2in; }

.itemDataBig {
  color: #037103;
  font-size: 120%;
  font-weight: bold; }

.emptyField {
  background-color: #f4f4f4;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  min-width: 30px; }

.itemDataNumeric {
  text-align: right; }

.itemInline {
  display: inline-block; }

.repeaterData {
  color: #101010;
  display: inline-block;
  width: 100%; }

.repeaterCell {
  padding-left: 6px;
  padding-right: 6px;
  display: table-cell;
  overflow: hidden; }

.repeaterCol3Qtr {
  width: 0.75in; }

.repeaterRow {
  display: table-row;
  width: 100%; }

.repeaterRow:hover {
  background-color: #d0d0d0; }

.repeaterRow .rowControlButton {
  visibility: hidden; }

.repeaterRow:hover .rowControlButton {
  visibility: visible; }

.repeater {
  display: table;
  width: 100%; }

.repeater .sectionContainer {
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 15px;
  overflow: auto;
  border-radius: 6px; }

.sectionTile {
  padding-right: 15px;
  float: left; }

.sectionLabel, .sectionLabelDynamicData {
  color: #888;
  font-size: 120%;
  font-weight: bold; }

.sectionLabel {
  padding-top: 0px;
  padding-left: 0px; }

.sectionLabelDynamic {
  display: inline-block; }

.sectionButton {
  color: #888;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 6px;
  padding-bottom: 2px;
  margin-top: -14px;
  margin-right: -14px;
  float: right;
  border-radius: 6px; }

.sectionButton.removeItem:hover {
  color: black;
  background-color: pink;
  border: 1px solid red; }

.itemWrapper {
  display: table;
  width: 100%; }

.itemLabel {
  font-size: 90%;
  font-weight: bold;
  display: table-cell;
  overflow: hidden;
  width: 1.2in; }

.itemData {
  color: #101010;
  display: table-cell;
  max-width: 2in; }

.itemDataBig {
  color: #037103;
  font-size: 120%;
  font-weight: bold; }

.emptyField {
  background-color: #f4f4f4;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  min-width: 30px; }

.itemDataNumeric {
  text-align: right; }

.itemInline {
  display: inline-block; }

.repeaterData {
  color: #101010;
  display: inline-block;
  width: 100%; }

.repeaterCell {
  padding-left: 6px;
  padding-right: 6px;
  display: table-cell;
  overflow: hidden; }

.repeaterCol3Qtr {
  width: 0.75in; }

.repeaterRow {
  display: table-row;
  width: 100%; }

.repeaterRow:hover {
  background-color: #d0d0d0; }

.repeaterRow .rowControlButton {
  visibility: hidden; }

.repeaterRow:hover .rowControlButton {
  visibility: visible; }

.repeater {
  display: table;
  width: 100%; }

.repeater .sectionContainer {
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 15px;
  overflow: auto;
  border-radius: 6px; }

.sectionTile {
  padding-right: 15px;
  float: left; }

.sectionLabel, .sectionLabelDynamicData {
  color: #888;
  font-size: 120%;
  font-weight: bold; }

.sectionLabel {
  padding-top: 0px;
  padding-left: 0px; }

.sectionLabelDynamic {
  display: inline-block; }

.sectionButton {
  color: #888;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 6px;
  padding-bottom: 2px;
  margin-top: -14px;
  margin-right: -14px;
  float: right;
  border-radius: 6px; }

.sectionButton.removeItem:hover {
  color: black;
  background-color: pink;
  border: 1px solid red; }

.itemWrapper {
  display: table;
  width: 100%; }

.itemLabel {
  font-size: 90%;
  font-weight: bold;
  display: table-cell;
  overflow: hidden;
  width: 1.2in; }

.itemData {
  color: #101010;
  display: table-cell;
  max-width: 2in; }

.itemDataBig {
  color: #037103;
  font-size: 120%;
  font-weight: bold; }

.emptyField {
  background-color: #f4f4f4;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  min-width: 30px; }

.itemDataNumeric {
  text-align: right; }

.itemInline {
  display: inline-block; }

.repeaterData {
  color: #101010;
  display: inline-block;
  width: 100%; }

.repeaterCell {
  padding-left: 6px;
  padding-right: 6px;
  display: table-cell;
  overflow: hidden; }

.repeaterCol3Qtr {
  width: 0.75in; }

.repeaterRow {
  display: table-row;
  width: 100%; }

.repeaterRow:hover {
  background-color: #d0d0d0; }

.repeaterRow .rowControlButton {
  visibility: hidden; }

.repeaterRow:hover .rowControlButton {
  visibility: visible; }

.repeater {
  display: table;
  width: 100%; }

.repeater .sectionContainer {
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 15px;
  overflow: auto;
  border-radius: 6px; }

.sectionTile {
  padding-right: 15px;
  float: left; }

.sectionLabel, .sectionLabelDynamicData {
  color: #888;
  font-size: 120%;
  font-weight: bold; }

.sectionLabel {
  padding-top: 0px;
  padding-left: 0px; }

.sectionLabelDynamic {
  display: inline-block; }

.sectionButton {
  color: #888;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 6px;
  padding-bottom: 2px;
  margin-top: -14px;
  margin-right: -14px;
  float: right;
  border-radius: 6px; }

.sectionButton.removeItem:hover {
  color: black;
  background-color: pink;
  border: 1px solid red; }

.itemWrapper {
  display: table;
  width: 100%; }

.itemLabel {
  font-size: 90%;
  font-weight: bold;
  display: table-cell;
  overflow: hidden;
  width: 1.2in; }

.itemData {
  color: #101010;
  display: table-cell;
  max-width: 2in; }

.itemDataBig {
  color: #037103;
  font-size: 120%;
  font-weight: bold; }

.emptyField {
  background-color: #f4f4f4;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  min-width: 30px; }

.itemDataNumeric {
  text-align: right; }

.itemInline {
  display: inline-block; }

.repeaterData {
  color: #101010;
  display: inline-block;
  width: 100%; }

.repeaterCell {
  padding-left: 6px;
  padding-right: 6px;
  display: table-cell;
  overflow: hidden; }

.repeaterCol3Qtr {
  width: 0.75in; }

.repeaterRow {
  display: table-row;
  width: 100%; }

.repeaterRow:hover {
  background-color: #d0d0d0; }

.repeaterRow .rowControlButton {
  visibility: hidden; }

.repeaterRow:hover .rowControlButton {
  visibility: visible; }

.repeater {
  display: table;
  width: 100%; }

.templateModeTile {
  background-color: #fff;
  border: 1px solid #888;
  padding: 5px;
  margin: 5px;
  float: left;
  border-radius: 5px; }

.templateModeTile:hover, templateModeTileHover {
  background-color: #e0e0e0; }

.templateModeTileSelected {
  background-color: #f0f0f0; }

.dateChooserItem {
  font-weight: bold;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #d0d0d0;
  padding: 8px; }
  .dateChooserItem:hover {
    background: #C2E5F2; }
  .dateChooserItem.selected {
    background: #84C9E2; }

/*File Uploader*/
.uploader {
  text-align: center;
  background: #cce5f6;
  padding: 30px;
  outline: 2px dashed #5faee3;
  outline-offset: -10px;
  /*Hide the file button*/ }
  .uploader .uploader_fileInput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .uploader .uploader_text {
    font-size: 1.25em;
    color: #262626;
    background-color: transparent;
    display: inline-block; }
  .uploader label.uploader_text {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline; }
  .uploader .uploader_fileInput:focus + label.uploader_text,
  .uploader label.uploader_text:hover {
    color: #3498db; }
  .uploader .uploader_icon {
    stroke: #a6a6a6;
    fill: #a6a6a6; }
  .uploader .uploader_progress,
  .uploader .uploader_success,
  .uploader .uploader_error,
  .uploader .uploader_choose_category {
    display: none; }
  .uploader .uploader_progress > img {
    width: 32px;
    vertical-align: middle; }
  .uploader .uploader_progress > span {
    font-size: 1.25em;
    vertical-align: middle; }
  .uploader .uploader_choose_category {
    color: gray;
    font-size: 1.25em;
    font-style: italic; }
  .uploader.no-category {
    background-color: #f2f2f2;
    outline-color: gray;
    cursor: no-drop; }
    .uploader.no-category.is-dragover {
      background-color: #f2f2f2;
      outline-color: gray; }
    .uploader.no-category .uploader_dropzone {
      display: none; }
    .uploader.no-category .uploader_choose_category {
      display: block; }
  .uploader.is-dragover {
    background-color: #e1f0fa; }
  .uploader.is-uploading .uploader_dropzone {
    display: none; }
  .uploader.is-uploading .uploader_progress {
    display: block; }
  .uploader.is-error {
    background-color: #ffebe8;
    outline-color: #ff351c; }
    .uploader.is-error .uploader_dropzone {
      display: none; }
    .uploader.is-error .uploader_error {
      display: block; }
      .uploader.is-error .uploader_error .uploader_startOver {
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer; }
        .uploader.is-error .uploader_error .uploader_startOver:hover {
          color: #ff351c; }