:root { --standard:hsl(203,0%,22%); --dark:hsl(203,0%,16%); --light1:hsl(203,0%,40%); --light2:hsl(203,0%,67%); --light3:hsl(203,0%,57%); --light4:hsl(203,0%,74%); --green:#0e810e; --red:#ca402c; --orange:#F29A26; --blue:#4d93cd; --grey:#999999; }
HTML { width:100%; height:100%; }
BODY { margin:0px; font-family:'Fira Sans'; width:100%; height:100%; }
A { text-decoration:none; color:inherit; }
P { margin:0px; }
TABLE { margin-left:auto; margin-right:auto; }
.query { background-color:var(--red); color:#ffffff; font-size:12px; padding:3px 10px 3px 10px; font-family:'Courier New'; }

/* LAUNCHER */
.launcher { display:none; position:fixed; width:200px; height:100px; top:calc(50% - 50px); left:calc(50% - 100px); background-color:var(--standard); }
.launcher INPUT[type="TEXT"] { text-transform: uppercase; width:200px; border:none; padding:0px; background-color:var(--standard); line-height:100px; text-align:center; color:#ffffff; font-size:72px; font-weight:300; }
.launcher INPUT[type="SUBMIT"] { width:0px; height:0px; border:none; padding:0px; margin:0px; }

/* WYBÓR JĘZYKA */
.langSelector {}
.langSelector .item, .langSelector .item1 { float:left; height:27px; line-height:24px; padding:3px 10px 0px 10px; font-size:14px; font-weight:400; }
.langSelector .item1 { background-color:#e5e5e5; cursor:default; }
.langSelector .item { background-color:#cccccc; color:#666666; cursor:pointer; }
.langSelector .item IMG, .langSelector .item1 IMG { float:left; width:24px; height:24px; margin-top:3px; margin-right:5px; }
.langSelector .item IMG { opacity:0.5; }

/* GRID */
.gridHeader TD { position:relative; padding:3px 5px 3px 5px; height:20px; background-color:#ffffff; text-align:center; color:#8d8d8d; font-size:12px; font-weight:400; border-bottom: 2px solid #d4d4d4; border-right: 1px dotted #dadada; margin-bottom:1px; }
.gridHeader TD A { cursor:pointer; color:#8d8d8d; }
.gridHeader TD A:hover { text-decoration:underline; }
.gridHeader TD A.orderBY1 { color:#000000; font-weight:600; }
.gridHeader TD .arrowASC1:after { color:#000000; font-family: 'FontAwesome'; content:" \f106"; padding-top:3px; }
.gridHeader TD .arrowDESC1:after { color:#000000; font-family: 'FontAwesome'; content:" \f107"; padding-top:3px; }
.gridHeader TD .filter1:after { color:var(--low); font-family: 'FontAwesome'; content:"\f0b0  "; padding-top:3px; }
.gridHeader TD .resizer { position:absolute; top:0px; right:-1px; width:2px; height:100%; background-color:transparent; cursor:col-resize; z-index:100; }
.gridHeader TD .resizer.ui-draggable-dragging { background-color:var(--dark); }
.gridHeader TD INPUT[type="CHECKBOX"] { float:left; margin-top:0px; }

UL.gridHeader { list-style-type:none; margin:0; padding:0; }
.gridHeader LI { position:relative; float:left; padding:6px 5px 0px 5px; line-height:14px; height:20px; background-color:#ffffff; text-align:center; color:#8d8d8d; font-size:12px; font-weight:400; border-bottom: 2px solid #d4d4d4; border-right: 1px dotted #dadada; margin-bottom:-5px; }
.gridHeader LI A { cursor:pointer; color:#8d8d8d; }
.gridHeader LI A:hover { text-decoration:underline; }
.gridHeader LI A.orderBY1 { color:#000000; font-weight:600; }
.gridHeader LI .arrowASC1:after { color:#000000; font-family: 'FontAwesome'; content:" \f106"; padding-top:3px; }
.gridHeader LI .arrowDESC1:after { color:#000000; font-family: 'FontAwesome'; content:" \f107"; padding-top:3px; }
.gridHeader LI .filter1:after { color:var(--low); font-family: 'FontAwesome'; content:"\f0b0  "; padding-top:3px; }
.gridHeader LI .resizer { position:absolute; top:0px; right:-1px; width:2px; height:100%; background-color:transparent; cursor:col-resize; z-index:100; }
.gridHeader LI .resizer.ui-draggable-dragging { background-color:var(--dark); }
.gridHeader LI INPUT[type="CHECKBOX"] { float:left; margin-top:0px; }


.gridHeaderFixed { position:absolute; left:0px; top:0px; width:100%; height:28px; }
.gridHeaderFix { background-color:#ffffff; width:100%; box-shadow: inset 0px -2px 0px #d4d4d4; z-index:99; }

.gridContent TD, .gridContent1 TD  { padding:3px 5px 3px 5px; background-color:#ffffff; text-align:left; color:#000000; font-size:12px; font-weight:400; border-right:1px dotted #dadada; }

.gridContent TD INPUT[type="TEXT"], .gridContent1 TD INPUT[type="TEXT"] { width:100%; padding:0px; border:none; background-color:transparent; font-family:inherit; font-size:inherit; cursor:pointer; outline: none; }

.gridContent1 TD { background-color:#f8f8f8; }
.gridContent1.checked TD, .gridContent.checked TD { background-color:var(--light1); color:#ffffff; }
.gridContent1.tabbed TD, .gridContent.tabbed TD { background-color:var(--standard); color:#ffffff; }

.gridContent:hover TD, .gridContent1:hover TD { background-color:var(--light4); }
.gridContent.checked:hover TD, .gridContent1.checked:hover TD { background-color:var(--dark); }
.gridContent.tabbed:hover TD, .gridContent1.tabbed:hover TD { background-color:var(--dark); }

.gridContent .treeDistance, .gridContent1 .treeDistance { float:left; width:10px; height:20px; border-left:1px dashed #000000; margin-right:9px;  }
.gridContent .treeLine, .gridContent1 .treeLine { float:left; width:10px; height:10px; border-left:1px dashed #000000; border-bottom:1px dashed #000000; margin-right:9px; margin-bottom:9px; }


.gridGroup TD  { cursor:pointer; padding:1px 5px 1px 5px; height:20px; background-color:var(--light2); text-align:left; color:#000000; font-size:12px; font-weight:400; border-bottom: 1px solid var(--standard); }

.gridNoResult { font-size:14px; width:100%; height:200px; vertical-align:middle; text-align:center; }
.gridResult { font-size:14px; width:100%; text-align:center; }
.gridNoResult .label, .gridResult .label { font-weight:600; }
.gridNoResult .filter, .gridResult .filter { font-weight:400; font-size:12px; }
.gridNoResult .filter B, .gridResult .filter B { font-weight:600; }
.gridNoResult .filter A, .gridResult .filter A { cursor:pointer; color:var(--standard); font-weight:400; }
.gridNoResult .filter A:hover, .gridResult .filter A:hover { text-decoration:underline; }

.gridStats { background-color:var(--light4); font-size:10px; color:var(--dark); padding:3px 10px; }

/** ZAKŁADKI */
.tabsContent { background:transparent; border:none;  margin:0px; padding:0px; font-size:14px; }
.tabsContent .ui-widget-header { margin:0px; padding:0px; height:25px; line-height:25px; background:transparent; border-top:2px solid #d8d8d8; border-bottom:2px solid #d8d8d8; }
.tabsContent .ui-tabs-nav .ui-state-default { background:transparent; border:none; margin:0px; padding:0px; height:25px; line-height:25px; cursor:pointer; }
.tabsContent .ui-tabs-nav .ui-state-active { background:transparent; border:none; margin:0px; padding:0px; height:25px; line-height:25px; cursor:pointer; }
.tabsContent .ui-tabs-nav .ui-state-default A { background-color:transparent; margin:0px; padding:0px 8px 0px 8px; height:25px; line-height:23px; font-size:14px; font-weight:600; color:#999999; cursor:pointer; }
.tabsContent .ui-tabs-nav .ui-state-active A { background-color:#ffffff; margin:0px; padding:0px 8px 0px 8px; height:25px; line-height:23px; font-size:14px; font-weight:600; color:var(--standard); cursor:pointer; }
.tabsContent .ui-tabs-nav .ui-state-default A:hover { background-color:#f8f8f8; color:var(--standard); cursor:pointer; } 
.tabsContent .ui-tabs-nav .ui-state-active A:hover { background-color:#ffffff; color:var(--dark); cursor:pointer; } 
.tabsContent .ui-tabs-panel { padding:0px 0px 0px 0px; }
/** konfigurowanie GRID'a */
.gridFieldsDisplay { list-style-type: none; margin: 0; padding: 0; }
.gridFieldsDisplay li { height:20px; line-height:20px; cursor:n-resize; background-color:#ffffff; border:solid 1px var(--standard); margin:1px 1px 1px 1px; padding:4px 4px 4px 4px; font-size:14px; color:var(--standard); font-weight:600; }

/* menu kontekstwoe */
.contextMenu { cursor:default; display:none; text-align:left; position:fixed; z-index:100; top:0px; left:0px; background-color:#ffffff; padding:1px; border:solid 1px var(--standard); box-shadow:2px 2px 2px rgba(0,0,0,0.5); width:300px; }
.contextMenu .link, .contextMenu .link1 { position:relative; cursor:default; height:18px; line-height:18px; padding:3px 9px 3px 9px; font-weight:400; font-size:12px; color:#000000; }
.contextMenu .link .displayRow, .contextMenu .link1 .displayRow { overflow:hidden; height:18px; line-height:18px; }
.contextMenu .link A { cursor:default; }
.contextMenu .link1 { opacity:0.5; cursor:not-allowed; }
.contextMenu .link1 A { cursor:not-allowed; } 
.contextMenu .link:hover { background-color:var(--standard); color:#ffffff; }
.contextMenu .link .icon, .contextMenu .link1 .icon { background-color:var(--dark); width:18px; height:18px; float:left; margin-right:8px; color:#ffffff; line-height:18px; text-align:center; font-size:14px; }
.contextMenu .link .iconG, .contextMenu .link1 .iconG { background-color:var(--green); width:18px; height:18px; float:left; margin-right:8px; color:#ffffff; line-height:18px; text-align:center; font-size:14px; }
.contextMenu .link .iconR, .contextMenu .link1 .iconR { background-color:var(--red); width:18px; height:18px; float:left; margin-right:8px; color:#ffffff; line-height:18px; text-align:center; font-size:14px; }
.contextMenu .link .noicon, .contextMenu .link1 .noicon { width:18px; height:18px; float:left; margin-right:8px;  }
.contextMenu .line { height:1px; margin:3px 9px 3px 35px; background-color:var(--light2); }
.contextMenu .titleContext { border-bottom:2px solid var(--light2); height:18px; line-height:18px; padding:2px 0px 2px 0px; margin:0px 9px 3px 35px; font-weight:700; font-size:12px; color:var(--dark); line-height:18px; overflow:hidden; background-color:#ffffff; } 
.contextMenu .link .shortcut, .contextMenu .link1 .shortcut { float:right; width:80px; text-align:left; }

.contextMenu .link .subContext { display:none; position:absolute; z-index:inherit; top:0px; left:280px; background-color:#ffffff; padding:1px; border:solid 1px var(--standard); box-shadow:2px 2px 2px rgba(0,0,0,0.5); width:300px; }
.contextMenu .link:hover .subContext { display:block; }

/* menu operacji */
.contentTitle .dropmenu { position:relative; float:left; height:30px; line-height:30px; font-size:14px; font-weight:400; color:#333333; padding:0px 5px 0px 5px; }
.contentTitle .dropmenu:hover { background-color:#f5f5f5; }
.contentTitle .dropmenu .contextMenu { position:fixed; top:30px; left:0px; }

/* okno dialogowe */
.dialogContent { position:relative; min-height:200px; }
.dialogContent .locker { width:100%; height:100%; position:absolute; bottom:0px; left:0px; cursor:wait; background-color:rgba(255,255,255,0.5); }
.dialogContent .lockerTitle { width:100%; height:30px; position:absolute; top:-30px; left:0px; cursor:wait; background-color:rgba(255,255,255,0.5); }

.dialog { display:none; background-color:#eeeeee; z-index:1001; position:fixed; top:0px; left:0px; font-size:14px; line-height:16px; font-weight:400; color:#000000; }
.dialog .title, .contentTitle { background-color:#e5e5e5; height:30px; position:relative; overflow:hidden; cursor:move; }
.contentTitle { cursor:default; }
.dialog .title .content, .contentTitle .content { float:left; margin-left:10px; line-height:30px; font-size:16px; font-weight:700; color:#626461; }
.dialog .title .close { top:0px; right:0px; position:absolute; width:35px; height:30px; line-height:28px; font-size:22px; font-weight:700; color:#626461; text-align:center; cursor:default; }
.dialog .title .close:hover { background-color:#edbfb6; }

.dialog .title .buttonG, .contentTitle .buttonG, .contentTitle .buttonS { float:left; padding:6px 6px 6px 6px; color:var(--green); line-height:18px; cursor:default; font-size:16px; font-weight:600; }
.dialog .title .buttonG DIV, .contentTitle .buttonG DIV, .contentTitle .buttonS DIV { width:18px; height:18px; float:left; background-color:var(--green); color:#ffffff; line-height:18px; font-size:14px; text-align:center; margin-right:6px; }
.dialog .title .buttonG:hover, .contentTitle .buttonG:hover { background-color:#f5f5f5; }

.dialog .title .buttonR, .contentTitle .buttonR { float:left; padding:6px 6px 6px 6px; color:var(--red); line-height:18px; cursor:default; font-size:16px; font-weight:600; }
.dialog .title .buttonR DIV, .contentTitle .buttonR DIV { width:18px; height:18px; float:left; background-color:var(--red); color:#ffffff; line-height:18px; font-size:14px; text-align:center; margin-right:6px; }
.dialog .title .buttonR:hover, .contentTitle .buttonR:hover { background-color:#f5f5f5; }

.dialog .title .buttonB, .contentTitle .buttonB { float:left; padding:6px 6px 6px 6px; color:var(--blue); line-height:18px; cursor:default; font-size:16px; font-weight:600; }
.dialog .title .buttonB DIV, .contentTitle .buttonB DIV { width:18px; height:18px; float:left; background-color:var(--blue); color:#ffffff; line-height:18px; font-size:14px; text-align:center; margin-right:6px; }
.dialog .title .buttonB:hover, .contentTitle .buttonB:hover { background-color:#f5f5f5; }

.dialog .title .buttonS, .contentTitle .buttonS { float:left; padding:6px 6px 6px 6px; color:var(--standard); line-height:18px; cursor:default; font-size:16px; font-weight:600; }
.dialog .title .buttonS DIV, .contentTitle .buttonS DIV { width:18px; height:18px; float:left; background-color:var(--standard); color:#ffffff; line-height:18px; font-size:14px; text-align:center; margin-right:6px; }
.dialog .title .buttonS:hover, .contentTitle .buttonS:hover { background-color:#f5f5f5; }

.dialogContent .error { display:none; position:absolute; border:1px solid var(--red); background-color:#ffffff; color:var(--red); font-size:12px; font-weight:600; padding:10px 10px 10px 10px; }

.errorInline { border:1px solid var(--red); background-color:#ffffff; color:var(--red); font-size:12px; font-weight:600; padding:10px 10px 10px 10px; }
.warningInline { border:1px solid var(--orange); background-color:#ffffff; color:var(--orange); font-size:12px; font-weight:600; padding:10px 10px 10px 10px; }

/* formularze */
.formLabel { color:var(--standard); font-size:16px; font-weight:700; line-height:30px; border-bottom:solid 1px #d7d7d7; margin-bottom:10px; }
.formLabel DIV:not(.formInputField, .formInputLabel) { font-size:14px; line-height:16px; font-weight:400; color:#000000; height:16px; }
.formSubLabel { color:var(--light1); font-size:13px; font-weight:700; line-height:20px; margin-bottom:5px; }

.formInputLabel, .formInputLabel2 { float:left; height:22px; padding:4px 0px 4px 0px; width:140px; font-size:13px; line-height:16px; font-weight:400; color:#000000; text-align:left; }
.formInputLabel2 { width:auto; }
.formInputLabel.rPad { padding-right:3px; }
.formInputField { float:left; height:24px; padding:1px 0px 1px 0px; width:360px; line-height:16px; }
.formInputField.rPad { padding-right:3px; }
.formInputLabel.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.formInputHelp { position:relative; z-index:90; width:16px; height:16px; float:left; background-color:var(--standard); margin-right:4px; line-height:16px; text-align:center; font-size:12px; color:var(--light2); cursor:help; }
.formInputHelp:hover { background-color:var(--dark); color:var(--light4); }
.helpContent { position:absolute; left:16px; top:0px; z-index:100; display:none; font-size:12px; line-height:15px; font-weight:300; color:var(--light2); background-color:var(--dark); padding:10px; width:400px; text-align:justify; }
.helpContent TABLE { width:100%; height:100%; }
.helpContent TD { width:100%; height:100%; vertical-align:middle; text-align:center; }

.formRATING { height:24px; line-height:24px; }
.formRATING .star { position:relative; cursor:pointer; width:24px; height:24px; float:left; text-align:center; font-size:22px; color:var(--standard); user-select:none; }
.formRATING .star .left { position:absolute; width:6px; height:24px; top:0px; left:0px; cursor:pointer; }
.formRATING .star .center { position:absolute; width:8px; height:24px; top:0px; left:6px; cursor:pointer; }
.formRATING .star .right { position:absolute; width:6px; height:24px; top:0px; right:0px; cursor:pointer; }


.formInputTEXT { border:solid 1px #e6e6e6; padding:3px 3px 3px 3px; height:16px; background-color:#ffffff; font-family:'Fira Sans',sans-serif; font-size:12px; line-height:16px; font-weight:400; color:#000000; width:calc(100% - 8px); }
.formInputTEXT:focus { border:solid 1px var(--standard); box-shadow:0px 0px 1px var(--standard); }
.formInputTEXT:disabled { background-color:#f8f8f8; border:solid 1px #e6e6e6; }
.formInputTEXTinfo { font-size:10px; font-weight:300; }
.formInputTEXTinfo SPAN { font-weight:600; }

.formInputSELECT { border:solid 1px #e6e6e6; padding:1px 1px 1px 1px; height:20px; background-color:#ffffff; font-size:12px; line-height:20px; width:calc(100% - 4px); }
.formInputSELECT.focus { border:solid 1px var(--standard); box-shadow:0px 0px 1px var(--standard); }
.formInputSELECT SELECT { font-size:12px; height:20px; font-weight:400; color:#000000; padding:0px; border:0px; width:100%; }
.formInputSELECT SELECT:focus { }
.formInputSELECT SELECT:disabled, .formInputSELECT.disabled { background-color:#f8f8f8; }

.formInputCHECKBOX { float:left; margin:6px 5px 3px 3px; }
.formInputCLabel { float:left; height:22px; line-height:22px; padding-right:10px; }

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

.formButton, .formButton1 { cursor:default; float:left; margin-right:10px; padding:0px 20px 0px 20px; text-align:center; border:solid 2px var(--standard); font-size:14px; font-weight:400; color:var(--standard); line-height:30px; border-radius:2px; background-color:#ffffff; }
.formButton { }
.formButton1 { }
.formButton:hover { background-color:var(--standard); color:#ffffff; }
.formButton1:hover { }

.formIconButton { cursor:default; width:22px; height:22px; float:left; background-color:var(--standard); text-align:center; line-height:22px; color:#ffffff; font-size:14px; margin:1px !important; }
.formIconButton:hover { background-color:var(--dark); }
.formIconButtonMedium { cursor:default; width:40px; height:40px; float:left; background-color:var(--standard); text-align:center; line-height:36px; color:#ffffff; font-size:26px; margin:1px !important; }
.formIconButtonMedium:hover { background-color:var(--dark); }

.formInputCLabel { font-size:14px; }

/* zasłanianie zawartości podczas przetwarzania */
.modal { display:none; background-color:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; z-index:1000; cursor:wait; }
.modalDialog { display:none; background-color:rgba(0,0,0,0.5); width:100%; height:100%; z-index:1000; position:fixed; top:0px; left:0px; }

/* główny układ */
.frame { width:100%; height:100%; }
.frame1 { width:68px; min-width:68px; height:100%; background-color:var(--standard); border-right:solid 2px var(--light3); }
.frame2 { width:170px; min-width:170px; height:100%; background-color:var(--dark); padding:10px 10px 10px 10px; vertical-align:top; }
.frame3 { height:100%; background-color:var(--light3); background-repeat:no-repeat; background-size:cover; background-position:center; }

/* pierwsza kolumna */
.frame1row1 { vertical-align:top; padding:10px 0px 10px 0px; height:40px; }
.frame1row1 .logo { font-weight:700; color:#ffffff; text-align:center; font-size:14px; line-height:40px; height:40px; }
.frame1row1 SUB { color:var(--light3); font-size:28px; }
.frame1row1 .version { font-weight:300; color:var(--light3); font-size:10px; line-height:10px; text-align:center; }

.frame1row2 { vertical-align:top; padding:0px 0px 20px 0px; }

.frame1row3 { vertical-align:bottom; }

.leftMenu {}
.leftMenu .item, .leftMenu .item1 { cursor:pointer; width:100%; text-align:center; color:var(--light2); font-size:30px; line-height:30px; padding:10px 0px 10px 0px; }
.leftMenu .item:hover { background-color:var(--dark); color:#ffffff; }
.leftMenu .item1 { background-color:var(--dark); border-right:2px solid #ffffff; color:#ffffff; }

.frame1row4 { cursor:default; vertical-align:middle; color:var(--light3); font-size:10px; font-weight:300; text-align:center; height:40px; vertical-align:middle;  }
.frame1row4 SPAN { color:var(--light2); font-weight:600; }

/* druga kolumna */
.frame2 .linksMenu1, .frame2 .linksMenu {}
.frame2 .linksMenu { display:none; }
.frame2 .link { font-size:14px; font-weight:400; color:var(--light2); line-height:14px; padding:3px 0px 3px 0px; }
.frame2 .link SPAN { font-weight:700; color:var(--light3); }
.frame2 .link A:hover { text-decoration:underline; text-decoration-color:var(--light3); }
.frame2 .link DIV { float:left; font-weight:300; margin-right:6px; width:30px; height:20px; text-align:right; }
.frame2 .label { cursor:default; border-top:1px solid var(--light3); margin-top:5px; font-size:12px; font-weight:700; color:var(--light3); line-height:14px; padding:7px 0px 2px 0px; }

/* trzecia kolumna */

  /** główne pole */
  .mainContent { height:100%; min-height:600px; padding:0px !important; margin:0px !important; }
  .mainContent1 { min-height:30px; height:30px; padding:0px !important; margin:0px !important; }
  .mainContent2 { min-height:50px; height:50px; padding:10px 0px 10px 0px; vertical-align:top; }
  .mainContent3 { min-height:300px; vertical-align:top; padding:0px !important; margin:0px !important; }
  .mainContent3 .mainDIV { min-height:300px; height:100%; position:relative; overflow:auto; }
  .mainContent4 { min-height:500px; height:500px; vertical-align:top; padding:0px !important; margin:0px !important; }
  .mainContent4 .mainWIDTH { height:500px; }
  .mainContent4 .mainTabContent { height:480px; overflow:auto; }

  /** wyszukiwanie */
  .searchField { float:left; height:40px; background-color:var(--standard); padding:5px 10px 5px 10px; margin-right:20px; }
  .searchField .title { font-size:20px; font-weight:300; color:#ffffff; line-height:23px; }
  .searchField .label { font-size:10px; font-weight:400; color:var(--light2); line-height:13px; }
  .searchField .loading { position:absolute; right:7px; top:2px; width:24px; height:24px; font-size:24px; color:var(--light2); opacity:0; }
  .searchField INPUT { border:none; margin:3px 0px 3px 10px; padding:2px 10px 2px 10px; height:30px; line-height:30px; background-color:#ffffff; width:200px; }

  .searchFilter { float:left; height:20px; margin:2.5px 20px 2.5px 2.5px; }
  .searchFilter .label { float:left; color:#666666; font-size:12px; font-weight:400; line-height:20px; }
  .searchFilter SELECT { float:left; border:none; height:20px; line-height:20px; margin-left:5px; color:#666666; font-size:12px; font-weight:400; width:120px; }
  .searchFilter INPUT { float:left; border:none; height:20px; line-height:20px; margin-left:5px; color:#666666; font-size:12px; font-weight:400; width:120px; }
  
  /** stronnicowanie */
  .searchPages { float:right; height:40px; background-color:#e5e5e5; padding:5px 10px 5px 10px; margin-left:20px; }
  .searchPages .title { font-size:14px; font-weight:300; color:#777777; line-height:16px; height:20px; text-align:center; }
  .searchPages .dots { margin:0px 2px 0px 2px; float:left; height:20px; line-height:20px; text-align:center; font-size:12px; font-weight:400; color:#777777; }
  .searchPages .page, .searchPages .page1 { cursor:default; margin:0px 2px 0px 2px; float:left; width:20px; height:20px; line-height:20px; text-align:center; font-size:12px; font-weight:400; 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; }
  
/** element sortowalny */
.sortable { list-style-type: none; margin: 0; padding: 0; }
.sortable li {  }

/** Logowanie */
.loginBG { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; }
.loginDialog { margin:0 auto; width:360px; padding:20px 20px 20px 20px; background-color:#eeeeee; }
.loginLogo { margin:0 auto; width:400px; background-color:#ffffff; padding:20px 0px 20px 0px; }
.loginLogo SUB { color:var(--light3); font-size:80px; }
.loginDesc { font-size:14px; color:#ffffff; text-align:center; margin:0 auto; width:360px; padding:20px 20px 20px 20px; background-color:var(--standard); }
.loginError { border:1px solid var(--red); background-color:#ffffff; color:var(--red); font-size:12px; font-weight:600; padding:10px 10px 10px 10px; margin-bottom:10px; }

/** nagłówek */
.headerLogged { height:40px; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; float:right; background-color:var(--standard); }
.headerLogged .label { line-height:16px; font-size:14px; font-weight:300; color:var(--light2); text-align:center; }
.headerLogged .name { line-height:24px; font-size:20px; font-weight:400; color:#ffffff; text-align:center; }

.headerIcon { cursor:default; float:right; margin:20px 10px 20px 10px; width:38px; height:38px; line-height:38px; border:solid 1px transparent; color:#ffffff; text-align:center; font-size:30px;  }
.headerIcon:hover { background-color:var(--dark); border:solid 1px #ffffff; width:38px; height:38px; }

/** błąd modułu */
.moduleError { padding:20px; border:solid 2px var(--red); background-color:#ffffff; color:var(--red); font-size:18px; font-weight:700; margin-right:10px; }
.moduleError SPAN { font-weight:300; font-size:16px; }

/** fileupload */
.fileuploadDropBox { min-height:100px; padding:20px 10px 20px 10px; margin:10px 0px 10px 0px; border:dashed 3px var(--standard); }
.fileuploadDropBox.dragover { background-color:var(--light4); border-color:var(--dark); }

/** menu skrótów */
.shortcutItem { float:left; }
.shortcutItem DIV { width:60px; height:60px; margin:10px 10px 10px 0px; background-color:var(--standard); font-size:40px; color:var(--light4); line-height:60px; text-align:center; }
.shortcutItem DIV:hover { background-color:var(--dark); color:#ffffff; }

/** selektor czasu */
.jTimeSelector { display:none; position:absolute; top:28px; left:0px; width:126px; background-color:#ffffff; box-shadow: 0px 0px 3px var(--standard); padding:0px 0px 0px 0px;  border:1px solid var(--standard); }
.jTimeSelector .hour, .jTimeSelector .minute, .jTimeSelector .second { float:left; padding:5px; width:32px; }
.jTimeSelector .plus, .jTimeSelector .minus { cursor:pointer; font-size:16px; background-color:transparent; width:15px; text-align:center; line-height:12px; color:var(--light2); float:left; margin-right:2px;  } 
.jTimeSelector .plusMore, .jTimeSelector .minusMore { cursor:pointer; font-size:16px; background-color:transparent; width:15px; text-align:center; line-height:12px; color:var(--light4); float:left; } 
.jTimeSelector .plus:hover, .jTimeSelector .minus:hover, .jTimeSelector .plusMore:hover, .jTimeSelector .minusMore:hover { color:var(--standard); }
.jTimeSelector .value { width:32px; font-size:18px; line-height:30px; text-align:center; font-weight:600; }


/** poprawka na wybieranie daty */
.ui-datepicker { background-color:#ffffff; width:250px; height:auto; margin:5px auto 0; font:12px 'Fira Sans',sans-serif; box-shadow: 0px 0px 3px var(--standard); padding:0px 0px 0px 0px;  border:1px solid var(--standard); }
.ui-datepicker A { text-decoration:none; }
.ui-datepicker .ui-datepicker TABLE { width:100%; margin:0px 0px 0px 0px; }
.ui-datepicker .ui-datepicker-header { border:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#eeeeee; } 
.ui-datepicker .ui-datepicker-title { text-align: center; margin:0px 0px 0px 0px; padding:2px 20px 2px 20px; height:22px; font-size:12px; line-height:22px; font-weight:400; color:#000000;  }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background-image:none; background:none; margin:0px 0px 0px 0px; width:22px; height:22px; line-height:22px; text-align:center; font-size:16px; cursor:pointer; }
.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 { padding:0px 0px 0px 0px; height:24px; line-height:24px; font-weight:400; color:var(--dark); font-size:11px; background-color:var(--light4); }
.ui-datepicker TBODY TD { padding:2px; }
.ui-datepicker .ui-datepicker-week-col { height:22px; line-height:22px; text-align:center; font-weight:400; color:var(--dark); font-size:12px; background-color:var(--light2); }
.ui-datepicker .ui-state-default { border:none; background-color:#ffffff; height:18px; line-height:18px; text-align:center; font-weight:400; color:#000000; font-size:12px;  }
.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; }

/*  */
.homeWidget { background-color:#ffffff; border:2px solid var(--standard); padding:15px 15px 10px 15px; margin:10px 20px 10px 0px; border-radius:3px; }
.homeWidget.widget150x150 { width:150px; height:175px; }
.homeWidget.widget200x150 { width:200px; height:175px; }
.homeWidget.widget250x150 { width:250px; height:175px; }
.homeWidget.widget300x150 { width:300px; height:175px; }

.homeWidgetTitle { font-size:16px; font-weight:700; color:var(--standard); line-height:10px; height:30px; }
.homeWidgetLabel { font-size:14px; font-weight:600; color:var(--standard); }
.homeWidgetConent { font-size:13px; line-height:130%; font-weight:400; color:#666666; }
.homeWidgetConent SPAN { color:var(--standard); }

.homeWidget .plotCFrame { width:150px; height:150px; box-sizing:border-box; border:solid 20px var(--light4); position:relative; border-radius:150px; }
.homeWidget .plotCFrame .per25 { width:150px; height:150px; position:absolute; top:-20px; left:-20px; box-sizing:border-box; border:solid 20px transparent; border-top:solid 20px var(--standard); border-radius:150px; }
.homeWidget .plotCFrame .per25hider { width:150px; height:150px; position:absolute; top:-20px; left:-20px; box-sizing:border-box; border:solid 20px transparent; border-top:solid 20px var(--light4); border-radius:150px; }
.homeWidget .plotCFrame .per50 { width:150px; height:150px; position:absolute; top:-20px; left:-20px; box-sizing:border-box; border:solid 20px transparent; border-top:solid 20px var(--standard); border-right:solid 20px var(--standard); border-radius:150px; }
.homeWidget .plotCFrame .per75 { width:150px; height:150px; position:absolute; top:-20px; left:-20px; box-sizing:border-box; border:solid 20px transparent; border-top:solid 20px var(--standard); border-right:solid 20px var(--standard); border-bottom:solid 20px var(--standard); border-radius:150px; }
.homeWidget .plotCFrame .per100 { width:150px; height:150px; position:absolute; top:-20px; left:-20px; box-sizing:border-box; border:solid 20px var(--standard); border-radius:150px; }





.switchButton { cursor:pointer; float:left; margin-right:10px; padding:0px 20px 0px 20px; text-align:center; border:solid 2px var(--standard); font-size:14px; font-weight:400; color:var(--standard); line-height:30px; border-radius:2px; background-color:#ffffff; }
.switchButton.on { background-color:var(--standard); color:#ffffff; }

/** MOBILNA */
.mobileHeader { position:fixed; background-color:var(--standard); width:100%; height:55px; z-index:1000; font-size:24px; line-height:50px; font-weight:300; color:#ffffff; text-align:center; }
.mobileHeaderMenu { float:left; color:var(--light2); width:50px; height:50px; padding:5px; font-size:40px; line-height:35px; text-align:center; }
.mobileHeaderHome { float:right; color:var(--light2); width:50px; height:50px; padding:5px; font-size:40px; line-height:35px; text-align:center; }
.mobileHeaderDEV { float:left; color:var(--light2); width:30px; height:50px; padding:5px; font-size:30px; line-height:35px; text-align:center; }

/* memu */
.mobileBODY { background-color:#eeeeee; }
.mobileMenu { width:70%; height:100%; background-color:var(--dark); position:fixed; display:none; overflow:auto; z-index:5000; }
.mobileTitle { position:fixed; top:50px; width:100%; background-color:#e5e5e5; height:30px; line-height:30px; font-size:14px; font-weight:700; color:#333333; text-align:center; z-index:1000; }

.mobileMenu .item { height:40px; line-height:40px; color:var(--light2); font-size:20px; }
.mobileMenu .item DIV { float:left; height:40px; width:40px; text-align:center; margin-right:10px; line-height:40px; color:var(--light2); font-size:24px; }
.mobileMenu .section { background-color:var(--standard); padding:10px; }
.mobileMenu .section .link { color:var(--light2); font-size:16px; font-weight:400; }
.mobileMenu .section .link DIV { float:left; font-weight:300; width:40px; text-align:right; padding-right:5px; }
.mobileMenu .section .label { color:var(--light1); font-size:14px; font-weight:600; border-top:solid 1px var(--light2); }

.mobileHomeButton { float:left; width:102px; height:102px; margin:0px 5px 10px 5px; border-radius:3px; border:2px solid var(--standard); background-color:#ffffff; }
.mobileHomeButton .icon { width:102px; height:56px; text-align:center; font-size:40px; line-height:50px; padding-top:6px; color:var(--standard); }
.mobileHomeButton .label { width:90px; height:40px; padding:0px 6px 0px 6px; text-align:center; color:var(--standard); font-weight:400; font-size:12px; line-height:14px; }
.mobileHomeButton.disabled { opacity:0.5; }