/* HTML5 */
article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section {display: block;}
audio, canvas, embed, keygen, meter, progress, video {display: inline-block;}
[hidden] {display: none;}

/* USTAWIENIA GLOBALNE */
/* Czcionka Roboto */
@font-face {font-family: 'Roboto'; src: url('../font/Roboto/Roboto-Regular.woff') format('woff'); font-style: normal; font-weight: normal;}
@font-face {font-family: 'Roboto'; src: url('../font/Roboto/Roboto-Bold.woff') format('woff'); font-style: normal; font-weight: bold;}
@font-face {font-family: 'Roboto'; src: url('../font/Roboto/Roboto-Italic.woff') format('woff'); font-style: italic; font-weight: normal;}
@font-face {font-family: 'Roboto'; src: url('../font/Roboto/Roboto-BoldItalic.woff') format('woff'); font-style: italic; font-weight: bold;}
/* Ekran i czcionki */
html, body {margin: 0; padding: 0; font: normal 12px Roboto, arial, sans-serif; color: #444; background-color: #fff;}
/* Odnośniki */
a {color: inherit; text-decoration: none; border-bottom: dotted 1px; outline: none;}
a:hover {border-bottom-style: solid;}
/* Pozycje nieaktywne */
.disabled {color: #888;}
/* Miganie */
.eSystem-Blink {animation-name: eSystem-Blink;  animation-iteration-count: infinite; animation-duration: 1s;}

/* ANIMACJE */
@keyframes eSystem-Loader {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@keyframes eSystem-Blink {0% {color: inherit;} 50% {color: inherit;} 100% {color: transparent;}}

/* LOGIN */
#iLOGIN {margin: auto; margin-top: 62px; width: 500px;}
#iLOGIN main {padding: 8px; border: solid 1px #666; border-top: none;}
#iLOGIN footer {text-align: right; font-size: 11px; color: #888;}
#iLOGIN footer p {margin: 4px;}
#iLOGIN p {position: relative; margin: 8px;}
#iLOGIN input[type="email"], #iLOGIN input[type="password"] {box-sizing: border-box; width: 100%;}

/* LOADER */
#iLOADER {display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; color: #666; z-index: 9;}
#iLOADER div {position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -50px; width: 200px; height: 100px; text-align: center; background-color: #f8f8f8; border: 1px solid #ccc; box-shadow: 0 0 4px #ccc;}
#iLOADER p {margin: 16px 0; line-height: 1;}
#iLOADER p:first-child {font-size: 37px;}
#iLOADER i {display: inline-block; animation: eSystem-Loader 2s infinite linear; vertical-align: middle;}

/* MONIT */
#iMONIT {display: none; position: fixed; top: -1px; left: -1px; right: -1px; background-color: #f8f8f8; border: 1px solid #ccc; box-shadow: 0 0 4px #ccc; z-index: 1;}
#iMONIT > div, #iMONIT > a {padding: 16px; overflow: hidden;}
#iMONIT > div:first-child {float: left;}
#iMONIT > div:not(:first-child) {padding: 16px 0;}
#iMONIT > a {display: block; float: right; border: none;}

/* STRUKTURA DOKUMENTU */
/* Nagłówek */
#iHEADER {position: relative; margin: 1px; overflow: hidden;}
/* Panel */
#iPANEL {position: static; margin: 1px; float: left; overflow: hidden; width: 240px;}
/* Treść */
#iCONTENT {position: absolute; left: 241px; right: 0; margin: 1px;}
/* Style wspólne */
#iLOGIN h1, #iMENU h1, #iHELP > h1, #iCONTENT > h1 {margin: 0; padding: 0 8px; line-height: 32px; font-size: inherit; color: #fff; background-color: #666;}
#iLOGIN h1 i, #iMENU i, #iHELP > h1 i, #iCONTENT > h1 i, #iMENU-CONTEXT i, nav.eSystem ul i {margin-right: 8px;}
#iMENU h1 > a, #iHELP > h1 > a {margin: 0 -8px;}

/* NAGŁÓWEK */
#iHEADER > div {position: relative; overflow: hidden; height: 60px;}
#iHEADER > div:first-child {float: left; margin-right: 1px; width: 240px; text-align: center;}
#iHEADER > div > div {float: right; margin: 6px 8px;}
#iHEADER > div > div p {margin: 0; line-height: 16px; font-weight: bold; text-align: right; white-space: nowrap;}
#iHEADER > div > div p i {margin-left: 8px;}
#iHEADER > div > div:first-child {float: left;}
#iHEADER > div > div:first-child p {text-align: left; line-height: 24px;}
#iHEADER > div > div:first-child p:first-child {font-size: 16px;}

/* MENU */
/* Style wspólne */
#iMENU, #iMENU-CONTEXT, nav.eSystem {overflow: hidden; white-space: nowrap;}
#iMENU ul, #iMENU-CONTEXT ul, nav.eSystem ul {margin: 0; padding: 0; list-style: none;}
#iMENU li, #iMENU-CONTEXT li, nav.eSystem, nav.eSystem li, nav.eSystem li ul {background-color: #c00;}
#iMENU a, #iMENU-CONTEXT a, nav.eSystem a {display: block; position: relative; padding: 0 8px; overflow: hidden; line-height: 32px; font-weight: bold; color: #fff; border: none; text-overflow: ellipsis;}
#iMENU li a:hover, #iMENU-CONTEXT li a:hover, nav.eSystem li a:hover {color: #fff; background-color: rgba(0,0,0,0.5);}
/* Menu */
#iMENU > h1 a {cursor: default;}
#iMENU > ul {margin-top: -1px; border: solid 1px #666; z-index: 1;}
#iMENU li li a {font-weight: normal; color: inherit;}
#iMENU span {display: block; position: absolute; top: 0; right: 8px;}
#iMENU li li {background-color: #fff;}
#iMENU li li a:hover i {color: #fff}
/* Menu kontekstowe */
#iMENU-CONTEXT {display: none; position: fixed; left: 0; top:0; min-width: 200px; z-index: 2;}
/* Menu poziome */
nav.eSystem li {float: left;}
nav.eSystem li li {float: none;}
nav.eSystem li ul {display: none; position: absolute; min-width: 100px; z-index: 1;}
nav.eSystem li:hover ul {display: block;}
/* Nieaktywne pozycje menu */
nav.eSystem a.disabled, nav.eSystem a.disabled:hover {color: #ccc; cursor: default;}

/* HELP */
#iHELP {margin-top: 1px; overflow: hidden;}
#iHELP h1 a {display: block; padding: 0 8px; border: none; cursor: default;}
#iHELP > div {margin-top: -1px; overflow: hidden; background-color: #fff; border: solid 1px #666; z-index: 1;}
#iHELP > div p {margin: 8px; padding: 0; font-size: 11px; text-align: justify;}
#iHELP > div ul {margin: 8px; padding: 0; padding-left: 10px; font-size: 11px; text-align: justify;}

/* STOPKA */
#iFOOTER {margin-top: 1px; overflow: hidden;}
#iFOOTER > div {overflow: hidden;}
#iFOOTER > div p {margin: 8px; padding: 0; font-size: 11px; text-align: center; color: #888}

/* TABELA - DANE */
/* Style wspólne */
table.eSystem-Data, table.eSystem-List, table.eSystem-Report, table.eSystem-Question {table-layout: auto; width: 100%; border-collapse: collapse; border: solid 1px #eee; background-color: #fff;}
table.eSystem-Data tr, table.eSystem-List tr, table.eSystem-Report tr, table.eSystem-Question tr {height: 32px;}
table.eSystem-Data th, table.eSystem-Data td, table.eSystem-List th, table.eSystem-List td, table.eSystem-Report th, table.eSystem-Report td, table.eSystem-Question th {padding: 2px 8px;}
/* Tabela - Dane */
table.eSystem-Data th {width: 180px; text-align: right; font-weight: normal; border-right: solid 1px #eee; background-color: #f6f6f6;}
table.eSystem-Data th.header {width: auto; text-align: left; font-weight: bold; border-width: 0; background-color: #eee;}
table.eSystem-Data td.right {text-align: right;}
table.eSystem-Data td.control {padding: 8px; width: 1%; text-align: right; vertical-align: top;}
/* Tabela - Lista */
table.eSystem-List th, table.eSystem-List td {border-style: solid; border-width: 0 1px; border-color: #eee;}
table.eSystem-List th {text-align: left; font-weight: bold; border-bottom-width: 1px; background-color: #f6f6f6;}
table.eSystem-List th.header {border-width: 0; background-color: #eee;}
table.eSystem-List td.footer {color: #888; border-top-width: 1px;}
table.eSystem-List tr:hover td {background-color: #f6f6f6;}
table.eSystem-List tr:hover td.footer {background: none;}
/* Tabela - Raport */
table.eSystem-Report th, table.eSystem-Report td {border: solid 1px #eee;}
table.eSystem-Report th {text-align: left; font-weight: bold; background-color: #f6f6f6;}
table.eSystem-Report th.header {border-width: 0; background-color: #eee;}
table.eSystem-Report th.parameter {font-weight: normal; background-color: transparent;}
table.eSystem-Report p {margin: 8px 0;}
/* Tabela - Pytanie */
table.eSystem-Question th {text-align: left; background-color: #f6f6f6;}
table.eSystem-Question td {padding: 0; font-size: 16px;}
table.eSystem-Question td > div {margin: 32px 16px;}
table.eSystem-Question label {display: block; padding: 16px; cursor: pointer;}
table.eSystem-Question label:hover {background-color: #f6f6f6;}
table.eSystem-Question label span {margin-right: 16px; font-weight: bold;}
table.eSystem-Question label input[type="checkbox"], table.eSystem-Question label input[type="radio"] {display: none;}
table.eSystem-Question label input[type="checkbox"]:checked ~ i[class="icon-checkbox-unchecked"] {display: none;}
table.eSystem-Question label input[type="checkbox"]:not(:checked) ~ i[class="icon-checkbox-checked"] {display: none;}
table.eSystem-Question label input[type="radio"]:checked ~ i[class="icon-radio-unchecked"] {display: none;}
table.eSystem-Question label input[type="radio"]:not(:checked) ~ i[class="icon-radio-checked"] {display: none;}
table.eSystem-Question label input[type="text"], table.eSystem-Question label textarea {line-height: inherit; background-color: #fff;}
table.eSystem-Question label textarea {box-sizing: border-box; width: 100%; height: 160px;}
table.eSystem-Question label i {margin-right: 16px;}

/* ZAKŁADKI */
div.eSystem-Tab {overflow: hidden; background-color: #ccc;}
div.eSystem-Tab a {display: block; float: left; overflow: hidden; padding: 0 8px; line-height: 32px; font-weight: bold; border: none;}
div.eSystem-Tab a:first-child, div.eSystem-Tab a.activeTab {background-color: #eee;}
div.eSystem-Tab a.inactiveTab {background-color: transparent;}
div.eSystem-Tab a:hover {background-color: #eee;}
div.eSystem-TabBox > div:not(:first-child) {display: none;}

/* FILTR */
div.eSystem-Filter {float: right; margin-right: 3px; line-height: 32px; text-align: right;}
div.eSystem-Filter form {display: inline-block;}
div.eSystem-Filter input, div.eSystem-Filter select {width: 100px; background-color: #fff;}

/* START */
div.eSystem-Start {border: solid 1px #eee; background-color: #fff;}
div.eSystem-Start > p:first-child {margin: -1px -1px 0 -1px; padding: 0 8px; line-height: 32px; font-weight: bold; background-color: #eee;}
div.eSystem-Start ul, div.eSystem-Start li {margin: 0; padding: 0; line-height: 16px; list-style: none;}
div.eSystem-Start > ul, div.eSystem-Start ul ul {margin: 16px 0;}
div.eSystem-Start li {margin: 8px; font-weight: bold;}
div.eSystem-Start > ul > li > i {margin-right: 8px;}
div.eSystem-Start li li {margin: 8px; padding-left: 28px; font-weight: normal;}

/* FORMULARZE */
input, select, textarea, button {margin: 0; padding: 4px; font-family: inherit; font-size: inherit; color: inherit; background: none; box-sizing: content-box;}
input i, button i {vertical-align: middle;}
input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly], button[disabled], button[readonly] {color: #888;}
input[type="submit"], input[type="button"], input[type="reset"], input[type="color"], button, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="date"], select, textarea {border: solid 1px #ccc; line-height: 16px;}
input[type="submit"], input[type="button"], input[type="reset"], input[type="color"], button {font-weight: bold; background-color: #eee; background: linear-gradient(#fff, #ddd); cursor: pointer;}
input[type="submit"]:active:not([disabled]), input[type="button"]:active:not([disabled]), input[type="reset"]:active:not([disabled]), input[type="color"]:active:not([disabled]), button:active:not([disabled]) {background: linear-gradient(to top, #fff, #ddd);}
input[type="color"] {margin-left: 4px; padding: 0; vertical-align: middle; border: none; background: none;}
input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="date"], select, textarea {width: 400px;}
input[type][size] {width: auto;}
select[multiple], textarea {height: 56px;}
input.control {min-width: 160px;}
button.control {overflow: hidden; width: 160px; text-align: left; white-space: nowrap;}
button.control i, button.control p {display: inline-block; margin: 4px; vertical-align: middle;}
button.center {text-align: center;}
button.right {text-align: right;}
button.small {width: 100px;}
button.margin {margin: 2px;}
select.control {margin: 0; padding: 8px; width: auto; min-width: 100px; vertical-align: middle;}
select.control option {margin: 0; padding: 1px;}
select.margin {margin: 2px;}

/* USTAWIENIA DOKUMENTU DLA ROZDZIELCZOŚCI HD+ */
@media screen and (min-width: 1900px) {
	html, body {font-size: 14px;}
	#iLOGIN footer {font-size: 12px;}
	#iHELP > div p {font-size: 12px;}
	#iHELP > div ul {font-size: 12px;}
	#iFOOTER > div p {font-size: 12px;}
	#iPANEL {width: 280px;}
	#iCONTENT {left: 281px;}
	#iHEADER > div {height: 66px;}
	#iHEADER > div:first-child {width: 280px;}
	#iHEADER > div > div p {line-height: 18px;}
	#iLOGIN h1, #iMENU h1, #iHELP > h1, #iCONTENT > h1 {line-height: 38px;}
	#iMENU a, #iMENU-CONTEXT a, nav.eSystem a {line-height: 38px;}
	div.eSystem-Tab a {line-height: 38px;}
	div.eSystem-Filter {line-height: 38px;}
	div.eSystem-Start > p:first-child {line-height: 38px;}
	div.eSystem-Start ul, div.eSystem-Start li {line-height: 18px;}
	input[type="submit"], input[type="button"], input[type="reset"], input[type="color"], button, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="date"], select, textarea {line-height: 18px;}
	input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="date"], select, textarea {width: 500px;}
	input.control {min-width: 180px;}
	button.control {width: 180px;}
	button.small {width: 120px;}
	table.eSystem-Data tr, table.eSystem-List tr, table.eSystem-Report tr, table.eSystem-Question tr {height: 38px;}
	table.eSystem-Data th {width: 200px;}
}

/* USTAWIENIA DOKUMENTU DLA DUŻEJ SZEROKOŚCI I WYSOKOŚCI EKRANU */
@media screen and (min-width: 960px) and (min-height: 600px) {
	#iPANEL {margin-top: 0;}
	#iCONTENT {margin-top: 0;}
}

/* USTAWIENIA DOKUMENTU DLA MAŁEJ SZEROKOŚCI EKRANU */
@media screen and (max-width: 960px) {
	#iHEADER div:first-child {width: auto;}
	#iPANEL {float: none; margin-top: 1px; width: auto; background-color: #666;}
	#iMENU {float: left;}
	#iMENU > ul {display: none; position: absolute; width: 240px;}
	#iHELP {float: right; margin-top: 0;}
	#iHELP > div {display: none; position: absolute; right: 1px; width: 240px;}
	#iHELP h1 i {display: none;}
	#iMENU:hover > ul, #iHELP:hover > div {display: block;}
	#iMENU:hover > h1 a, #iHELP:hover > h1 a {cursor: pointer;}
	#iFOOTER {display: none;}
	#iCONTENT {left: 0; margin-top: 0;}
	#iCONTENT > h1 {overflow: hidden; margin: -33px 100px 0 100px; text-align: center; text-overflow: ellipsis; white-space: nowrap; background-color: transparent;}
	#iCONTENT > h1 > i, #iCONTENT > h1 > span:not(:last-child) {display: none;}
	table.eSystem-Data th:not(.header) {width: 120px;}
	input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="date"], select, textarea {box-sizing: border-box; width: 100%;}
}

/* USTAWIENIA DOKUMENTU DLA MAŁEJ SZEROKOŚCI EKRANU - INDEX */
@media screen and (max-width: 500px) {
	#iLOGIN {margin: 1px; width: auto;}
}

/* USTAWIENIA DOKUMENTU DLA MAŁEJ WYSOKOŚCI EKRANU */
@media screen and (max-height: 600px) {
	#iHEADER {display: none;}
	#iPANEL {margin-top: 1px;}
}

/* USTAWIENIA DOKUMENTU DLA WYDRUKU */
@media print {
	#iHEADER {display: none;}
	#iPANEL {display: none;}
	#iCONTENT {left: 0;}
	#iCONTENT > h1 {display: block;}
}