.gridHeader TD { background-color:#ffffff; border-color:#d4d4d4; color:#8d8d8d; }
.gridHeader TD A.orderBY1 { color:#000000; }
.gridHeader TD .arrowASC1:after { color:var(--low); }
.gridHeader TD .arrowDESC1:after { color:var(--low); }
.gridHeader TD .filter1:after { color:var(--low); }

.gridHeader LI { background-color:#ffffff; border-color:#d4d4d4; color:#8d8d8d; }
.gridHeader LI A.orderBY1 { color:#000000; }
.gridHeader LI .arrowASC1:after { color:var(--low); }
.gridHeader LI .arrowDESC1:after { color:var(--low); }
.gridHeader LI .filter1:after { color:var(--low); }

.gridHeaderFix { background-color:#ffffff; box-shadow: inset 0px -2px 0px #d4d4d4; }

.gridContent TD, .gridContent1 TD { background-color:#ffffff; color:#000000; border-color:#dadada; }
.gridContent1 TD { background-color:#f8f8f8; color:#000000; border-color:#dadada; }
.gridContent:hover TD, .gridContent1:hover TD { background-color:var(--light4); }

.gridGroup TD  { background-color:var(--light2); color:#000000; border-color:var(--standard); }

.gridNoResult { color:#333333; }
.gridStats { background-color:var(--light4); color:var(--dark); }

.tabsContent { background:transparent; }
.tabsContent .ui-widget-header { background:transparent; border-color:#d8d8d8; }
.tabsContent .ui-tabs-nav .ui-state-default { background:transparent }
.tabsContent .ui-tabs-nav .ui-state-active { background:transparent;}
.tabsContent .ui-tabs-nav .ui-state-default A { background-color:transparent; color:#999999; }
.tabsContent .ui-tabs-nav .ui-state-active A { background-color:#ffffff; color:var(--standard); }
.tabsContent .ui-tabs-nav .ui-state-default A:hover { background-color:#f8f8f8; color:var(--standard); } 
.tabsContent .ui-tabs-nav .ui-state-active A:hover { background-color:#ffffff; color:var(--dark); }

.contextMenu { background-color:#ffffff; border-color:var(--standard); }
.contextMenu .link, .contextMenu .link1 { color:#000000; }
.contextMenu .link:hover { background-color:var(--standard); color:var(--light5); }
.contextMenu .line { background-color:var(--light2); }
.contextMenu .titleContext { border-color:var(--light2); color:var(--dark); background-color:#ffffff; } 
.contextMenu .link .subContext { background-color:#ffffff; border-color:var(--standard); }

.contentTitle .dropmenu { color:#333333;}
.contentTitle .dropmenu:hover { background-color:#f5f5f5; }

.dialog { background-color:#eeeeee; color:#000000; }
.dialog .title, .contentTitle { background-color:#e5e5e5; }
.dialog .title .content, .contentTitle .content { color:#626461; }
.dialog .title .close { color:#626461; }
.dialog .title .close:hover { background-color:#edbfb6; }
.dialog .title .buttonG:hover, .contentTitle .buttonG:hover { background-color:#f5f5f5; }
.dialog .title .buttonR:hover, .contentTitle .buttonR:hover { background-color:#f5f5f5; }
.dialog .title .buttonS:hover, .contentTitle .buttonS:hover { background-color:#f5f5f5; }

.dialogContent .error {  border-color:var(--red); background-color:#ffffff; color:var(--red); }

.errorInline { border-color:var(--red); background-color:#ffffff; color:var(--red); }
.warningInline { border-color:var(--orange); background-color:#ffffff; color:var(--orange); }

.formLabel { color:var(--standard); border-color:#d7d7d7; }
.formLabel DIV:not(.formInputField, .formInputLabel) { color:#000000; }
.formSubLabel { color:var(--light1); }

.formInputLabel, .formInputLabel2 { color:#000000; }
.formInputLabel.disabled { color:#999999; }
.formInputField { color:#000000; }

.formRATING { height:24px; line-height:24px; }
.formRATING .star { color:var(--standard); }

.formInputTEXT { border-color:#e6e6e6; background-color:#ffffff; color:#000000; }
.formInputTEXT:focus { border-color:var(--standard); box-shadow:0px 0px 1px var(--standard); }
.formInputTEXT:disabled { background-color:#f8f8f8; border-color:#e6e6e6; }
.formInputTEXT.disabled { background-color:#f8f8f8; border-color:#e6e6e6; }

.formInputTEXTplus { background-color:#f8f8f8; border-color:#e6e6e6; }
.formInputTEXTminus { background-color:#f8f8f8; border-color:#e6e6e6; }
.formInputTEXTplus:hover, .formInputTEXTminus:hover { border-color:var(--standard); background-color:var(--standard); color:var(--light2); }

.formInputSELECT { border-color:#e6e6e6; background-color:#ffffff; }
.formInputSELECT.focus { border-color:var(--standard); box-shadow:0px 0px 1px var(--standard); }
.formInputSELECT SELECT { color:#000000; background-color:inherit; }
.formInputSELECT SELECT:disabled, .formInputSELECT.disabled { background-color:#f8f8f8; }

.formInputERROR { border-color:var(--red); box-shadow:0px 0px 1px var(--red); }

.formBigInput { border-color:var(--standard); color:var(--standard); background-color:#ffffff; }

.formButton, .formButton1 { border-color:var(--standard); color:var(--standard); background-color:#ffffff; }
.formButton:hover { background-color:var(--standard); color:#ffffff; }

.formIconButton { background-color:var(--standard); color:#ffffff; }
.formIconButton:hover { background-color:var(--dark); }
.formIconButtonMedium { background-color:var(--standard); color:#ffffff; }
.formIconButtonMedium:hover { background-color:var(--dark); }

.frame1 { background-color:var(--standard); }
.frame2 { background-color:var(--dark); }
.frame3 { background-color:var(--light3); }

  .searchField { background-color:var(--standard); }
  .searchField .title { background-color:var(--standard); color:#ffffff; }
  .searchField .label { color:var(--light2); }
  .searchField .loading { color:var(--light2); }
  .searchField INPUT { background-color:#ffffff; color:#666666; }

  .searchFilter .label { color:#666666; }
  .searchFilter SELECT { color:#666666; background-color:#ffffff; }
  .searchFilter INPUT { color:#666666; background-color:#ffffff; }
  
  /** stronnicowanie */
  .searchPages { background-color:#e5e5e5; }
  .searchPages .title { color:#777777; }
  .searchPages .dots { color:#777777; }
  .searchPages .page, .searchPages .page1 { color:var(--dark); background-color:#ffffff; }
  .searchPages .page1 { background-color:var(--standard); color:#ffffff; } 
  .searchPages .page:hover, .searchPages .page1:hover { background-color:var(--dark); color:#ffffff; }

.headerLogged { background-color:var(--standard); }
.headerLogged .label { color:var(--light2); }
.headerLogged .name { color:#ffffff; }
.headerLogged .time { color:#ffffff; }
.headerLogged .notification { color:#ffffff; }
.headerLogged .notification .count { background-color:var(--red); color:#ffffff; }

.headerIcon { border-color:transparent; color:#ffffff; }
.headerIcon:hover { background-color:var(--dark); border-color:#ffffff; }

.shortcutItem .shortcutIcon { background-color:var(--standard); color:var(--light2); }
.shortcutItem .shortcutIcon:hover { background-color:var(--dark); color:#ffffff; }

.jTimeSelector { background-color:#ffffff; box-shadow: 0px 0px 3px var(--standard); border-color:var(--standard); }
.jTimeSelector .plus, .jTimeSelector .minus { background-color:transparent; color:var(--light2); } 
.jTimeSelector .plusMore, .jTimeSelector .minusMore { background-color:transparent; color:var(--light4); } 
.jTimeSelector .plus:hover, .jTimeSelector .minus:hover, .jTimeSelector .plusMore:hover, .jTimeSelector .minusMore:hover { color:var(--standard); }

.ui-datepicker { background-color:#ffffff; box-shadow: 0px 0px 3px var(--standard); border-color:1px solid var(--standard); }
.ui-datepicker .ui-datepicker-header { background-color:#eeeeee; } 
.ui-datepicker .ui-datepicker-title { color:#000000;  }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { color:var(--standard); } 
.ui-datepicker .ui-datepicker-prev { content:"a"; }
.ui-datepicker TH { color:var(--dark); background-color:var(--light4); }
.ui-datepicker .ui-datepicker-week-col { color:var(--dark); background-color:var(--light2); }
.ui-datepicker .ui-state-default { background-color:#ffffff; color:#000000; }
.ui-datepicker .ui-state-disabled .ui-state-default { color:var(--light1); }
.ui-datepicker .ui-datepicker-today .ui-state-default { background-color:var(--light4); color:var(--standard); }
.ui-datepicker .ui-state-active { background-color:var(--standard); color:#ffffff; }
.ui-datepicker TD.highlight { background: var(--standard); }
.ui-datepicker TD.highlight a { background: var(--standard); color:#ffffff; }

.homeWidget { background-color:#ffffff; border-color:var(--standard); }
.homeWidgetTitle { color:var(--standard); }
.homeWidgetLabel { color:var(--standard); }
.homeWidgetConent { color:#666666; }
.homeWidgetConent SPAN { color:var(--standard); }

.homeWidget .plotCFrame { border:solid 20px var(--light4); }
.homeWidget .plotCFrame .per25 { border-top:solid 20px var(--standard); }
.homeWidget .plotCFrame .per25hider { border-top:solid 20px var(--light4); }
.homeWidget .plotCFrame .per50 { border-top:solid 20px var(--standard); border-right:solid 20px var(--standard); }
.homeWidget .plotCFrame .per75 { border-top:solid 20px var(--standard); border-right:solid 20px var(--standard); border-bottom:solid 20px var(--standard); }
.homeWidget .plotCFrame .per100 { border:solid 20px var(--standard); }

.c100.standard {
  background-color:var(--light4);
}
.c100.standard .bar,
.c100.standard .fill {
  border-color: var(--standard) !important;
}
.c100.standard > span {
  color: var(--standard);
}
.c100.standard:after {
  background-color: #ffffff;
}
.c100.standard:hover > span {
  color: var(--dark);
}

.columnLabel { background-color:var(--standard); }
.columnLabel:before { background:var(--standard); }
.columnLabel .label { color:#ffffff;  }
.columnLabel .desc { color:var(--light3); }

.columnItem, .columnItem1 { border-color:var(--standard); background-color:#ffffff; }
.columnItem .label, .columnItem1 .label { color:var(--standard); }
.columnItem .label SPAN, .columnItem1 .label SPAN { color:var(--dark); }
.columnItem .desc, .columnItem1 .desc { color:#777777; }
.columnItem .icon, .columnItem1 .icon { color:var(--dark); }
.columnItem:hover { background-color:var(--light2); }

.columnItem1 { background-color:var(--light3); }
.columnItem1 .label { color:var(--standard); }
.columnItem1 .desc { color:#777777; }
.columnItem1 .icon { color:var(--dark); }
.columnItem1:before { background:var(--light3); }


.columnItemActive, .columnItemActive:hover { background-color:var(--light2); }

/* WYBÓR JĘZYKA */
.langSelector .item1 { background-color:#e5e5e5; color:#000000; }
.langSelector .item { background-color:#cccccc; color:#666666; }

/** MOBILNA */
.mobileHeader { background-color:var(--standard); color:#ffffff; }
.mobileHeaderMenu { color:var(--light2); }
.mobileHeaderHome { color:var(--light2); }
.mobileHeaderDEV { color:var(--light2); }

.mobileBODY { background-color:#eeeeee; }
.mobileMenu { background-color:var(--dark); }
.mobileTitle { background-color:#e5e5e5; color:#333333; }

.mobileMenu .item { color:var(--light2); }
.mobileMenu .item DIV { color:var(--light2); }
.mobileMenu .section { background-color:var(--standard); }
.mobileMenu .section .link { color:var(--light2); }
.mobileMenu .section .label { color:var(--light1); border-color:var(--light2); }

.mobileHomeButton { border-color:var(--standard); background-color:#ffffff; }
.mobileHomeButton .icon { color:var(--standard); }
.mobileHomeButton .label { color:var(--standard); }
.mobileHomeButton.disabled { opacity:0.5; }

.formSelectable .ui-selecting { background:var(--dark); }
.formSelectable .ui-selected { background:var(--standard); color:var(--light5); }
.formSelectable li { border-color:var(--standard); color:var(--standard); background-color:var(--light5); }
.formSelectable li:hover { background:var(--standard); color:var(--light5); }

.universalGRID:nth-child(even) { background-color:#ffffff; border-bottom: 1px dotted #dadada; }
.universalGRID:nth-child(odd) { background-color:#f8f8f8; border-bottom: 1px dotted #dadada; }
.universalGRID:hover { background-color:var(--light4);  }

.switchButton { border-color:var(--standard); color:var(--standard); background-color:#ffffff; }
.switchButton.on { background-color:var(--standard); color:#ffffff; }