@charset "utf-8";

/* ===================================================================== OGÓLNE */
body
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	background: #ddd;
	margin: 0;
}
a { text-decoration: none; color: #298eff; }
a:hover { text-decoration: underline; }
img { border: none; vertical-align: middle; }
form { margin: 0; }
table { font-size: 12px; }
input, select, textarea { vertical-align: baseline; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
input[type="image"], input[type="checkbox"] { vertical-align: middle; }
.styl1 input[type="text"],
.styl1 input[type="password"],
input.styl1 {
	height: 28px;
	padding: 0 10px;
	border: 1px solid #5896BD;
}
.edytorStylow select,
.styl1 select,
select.styl1 {
	height: 30px;
	padding: 5px;
	border: 1px solid #5896BD;
}
.styl1 textarea,
textarea.styl1 {
	padding: 10px;
	border: 1px solid #5896BD;
}
.styl1 input[disabled],
.styl1 select[disabled]{
	border: 1px solid #ccc;
}
.styl1 textarea.naSzerokosc,
.styl1 input.naSzerokosc,
input.styl1.naSzerokosc {
	width: calc(100% - 22px);
}
.edytorStylow select,
select.styl1.naSzerokosc {
	width: 100%;
}
.styl1 td[valign="top"] {
	padding-top: 13px;
}

.wymagane.ikona {
	display: block;
	position: relative;
	overflow: hidden;
}
.wymagane.ikona input[type="text"] {
	padding-right: 30px;
	width: calc(100% - 42px);
}
.wymagane.ikona::after {
	content: '\f069';
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 50px;
	line-height: 50px;
	padding-left: 5px;
	font-family: FontAwesome;
	font-size: 12px;
	color: white;
	background: red;
	transform: rotate(-20deg);
	cursor: default;
}
h3 {
	color: #555;
	font-size: 16px;
	font-weight: bold;
}
.zwykleLinki a { color: black; }
.clr { clear: both; }
.wyczysc::after {
	display: block;
	content: '';
	clear: both;
}
.lewa { float: left; }
.prawa { float: right; }
.ukryj { display: none; }
.niewidoczny {
	visibility: hidden;
	width: 0;
}
.separatorPozycji { border-top: 1px dashed #eee; margin: 5px 0; }
.separatorPozycji.styl2 { margin: 15px 0; }
.separatorGrup { border-top: 1px solid #b4b4b4; margin: 20px 0; }
.separatorGrup2 { border-top: 3px solid #b4b4b4; margin: 20px 0; }
.separatorKategoriiPionowy { border-right: 1px solid; border-color: #ddd; }
.szerokoscPanelu { width: 1200px; margin: auto; }
.szerokoscPanelu2 { width: 900px; margin: auto; }
.minSzerokoscPanelu { min-width: 1200px; }
.ostrzezenie {
	display: none;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #f00;
	overflow: hidden;
}
.ostrzezenie .tresc {
	position: relative;
	width: 850px;
	margin: auto;
	padding: 10px 40px 10px 10px;
	min-height: 10px;
}
.ostrzezenie.wersja2 .tresc {
	width: 1150px;
}
.ostrzezenie .tresc a {
	color: white;
}
.ostrzezenie .zamknij {
	position: absolute;
	top: calc(50% - 15px);
	right: 0;
	cursor: pointer;
}
.ostrzezenie .zamknij::before {
	display: block;
	font-family: FontAwesome;
	content: '\f05c';
	color: white;
	font-size: 22px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#tloPanelu {}
#zaslonEkran {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	margin: -70px 0 0 -200px;
	background: rgba(0,0,0,0.5);
	z-index: 200000;
}
#zaslonEkran .tresc {
	padding: 50px;
	text-align: center;
	color: white;
}
#zaslonEkran .tresc .fa-spinner {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
	margin-bottom: 10px;
}
#zaslonEkran .tresc .tekst {}
#zaslonEkran .tresc .tekst h2 {
	margin: 0;
	color: white;
	font-size: 13px;
	font-weight: normal;
}
#zaslonEkran .tresc .tekst p {
	margin: 5px 0;
}

.btn, input[type="submit"]
{
	color: #298eff;
	font-size: 14px;
	font-weight: bold;
	vertical-align: baseline;
	cursor: pointer;
	background: none;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0);
	padding: 0;
}
input[type="submit"]:hover { border-bottom: 1px solid #298eff; }
input[type="submit"].normalny {
	font-size: 12px;
	font-weight: normal;
}
.btn2, input.btn2 {
	display: inline-block;
	color: white;
	background: #298eff;
	border: none;
	padding: 4px 10px;
	font-size: 13px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	cursor: pointer;
}
input.btn2 { height: 24px; padding: 0 10px; }
input.btn2.wiekszy { height: 30px; }
a.btn2.wiekszy { padding: 7px 10px; }
.btn2 + .btn2.wiekszy { margin-left: 30px; }
.btn2.wyroznij { background: #36d000; }
.btn2.wiekszy {
	font-size: 14px;
	font-weight: bold;
}
.btn2:hover, input.btn2:hover {
	text-decoration: none;
	border: none;
}
.btn3 {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #298eff;
}
.btn4 {
	position: relative;
	display: inline-block;
	color: white;
	background: #298eff;
	border: none;
	height: 16px;
	line-height: 16px;
	padding: 4px 60px 4px 10px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}
.btn4.wyroznij { background: #36d000; }
.btn4:hover { text-decoration: none; }
.btn4 .fa {
	position: absolute;
	right: 10px;
	top: -8px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 36px;
	text-shadow: 2px 2px 5px #298eff;
	transition: all 0.1s ease-in-out;
}
.btn4.wyroznij .fa { text-shadow: 2px 2px 5px #36d000; }
.btn4:hover .fa {
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}
.podpowiedz + .btn4 { margin-left: 50px; }
.btn4 + .podpowiedz  {
	margin: 0;
	vertical-align: 21px;
}
.btn5 {
	display: inline-block;
	color: white;
	background: #298eff;
	border: none;
	height: 22px;
	line-height: 16px;
	padding: 4px 10px;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}
input.btn5 { height: 30px; padding: 0 10px; }

.box {
	margin: 10px 0;
	padding: 17px;
	background: white;
	background-clip: padding-box;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
	border: 1px solid black;
	border-radius: 5px;
}
.box.jeden { min-height: 400px; }
.box.lewaKolumna { margin-right: 274px; }
.box.logowanie { margin: 10px auto; }

.informacja { font-size: 11px; color: #999; }
.informacja.dodatkowe {
	font-size: 12px;
	text-align: center;
}
.th { color: #999; font-style: italic; }
.tloInformacje { background: url(../images/informacje.png) repeat-y; margin: 10px auto; }
.tloInformacje .informacjeTop { height: 10px; background: url(../images/informacjeTop.png) no-repeat; }
.tloInformacje .informacjeBottom { height: 10px; background: url(../images/informacjeBottom.png) no-repeat; }

.zatwierdz { text-align: right; margin: 10px 0; }
.zatwierdz input, .zatwierdz .btn, .zatwierdz .zwykly.odstep { margin-left: 30px; }
td.zatwierdz { padding: 10px 0; }
.zatwierdz a { margin-left: 20px; cursor: pointer; }
.zatwierdz a, .zatwierdz input[type="submit"] {
	display: inline-block;
	color: white;
	background: #298eff;
	border: none;
	padding: 4px 10px;
	text-decoration: none;
	vertical-align: middle;
}
.zatwierdz input[type="submit"]:not(.normalny) { height: 30px; }
.zatwierdz a.wyroznij, .zatwierdz input[type="submit"].wyroznij {
	background: #36d000;
}
.zatwierdz a.btn {
	line-height: 22px;
}
.zatwierdz .zwykly {
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}
.zatwierdz .komunikat {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.zatwierdz .komunikat.ukryty {
	display: none;
}

.filtry {
	text-align: right;
	font-size: 11px;
	color: #999;
	margin: 20px 0;
	padding: 10px;
	background-image: linear-gradient(top, #eee 0%, #f5f5f5 100%);
	background-image: -o-linear-gradient(top, #eee 0%, #f5f5f5 100%);
	background-image: -moz-linear-gradient(top, #eee 0%, #f5f5f5 100%);
	background-image: -webkit-linear-gradient(top, #eee 0%, #f5f5f5 100%);
	background-image: -ms-linear-gradient(top, #eee 0%, #f5f5f5 100%);
	border: 1px solid #ccc;
}
.filtry .rzad { display: table-row; }
.filtry .komorka {
	display: table-cell;
	padding: 2px 5px;
}
.filtry .komorka.przyciski {
	text-align: center;
	width: 1%;
	white-space: nowrap;
}
.filtry .separator {
	display: inline-block;
	padding: 0 5px;
}
.filtry .tekst {
	display: inline-block;
	vertical-align: -2px;
}
.filtry input[type="text"],
.filtry select {
	height: 28px;
	max-width: 200px;
	padding: 0 10px;
	border: 1px solid #5896BD;
	vertical-align: middle;
}
select#grupact { max-width: 300px; }
.filtry input[type="text"].domyslny {
	color: #999;
}
.filtry select {
	height: 30px;
	padding: 5px 10px; /* wyrownanie tekstu dla ff */
}
.filtry input.opisPola {
	font-size: 11px;
	color: #999;
}
.filtry .nazwa { text-align: right; }
.filtry .nazwa.dodatkowe { padding-left: 20px; }
.filtry .wartosc { text-align: left; }
.filtry .btn {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: white;
	text-decoration: none;
	padding: 2px 4px;
	background: #aaa;
	border: none;
}
.filtry .btn:hover { border: none; }
.filtry .btn.drugi {
	background: #298EFF;
	padding: 3px 6px;
}
.filtry .btn.wyczysc {
	font-weight: normal;
	font-size: 11px;
}
.filtry .btn.wykonaj,
.filtry .btn.szukaj {
	background: #36d000;
	padding: 0 8px;
	height: 30px;
	line-height: 30px;
}
.filtry select + .btn { margin-left: 10px; }

.pomoc { color: #ff8a00 !important; font-weight: bold; }
.pomoc img { margin-right: 5px; }

/* message box */
.messageBox {}
.messageStack {
	display: none;
	position: fixed;
	top: 45%;
	left: 25%;
	width: 50%;
	min-height: 44px;
	z-index: 60;
}
.messageStack .zamknij {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 34px;
	text-align: center;
	text-decoration: none;
	color: white;
	cursor: pointer;
}
.messageStack img { margin-right: 10px; }
.messageStack > div {
	min-height: 24px;
	padding: 10px 40px 10px 10px;
	font-size: 15px;
	text-align: center;
	color: white;
	background: #68A2E1;
}

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { color: #ff0000; }
.smallText { font-size: 11px; }
.main { font-size: 12px; }
.main img { vertical-align: middle; }
.errorText { color: #ff0000; }
.info
{
	border:1px solid #98c8ff;
	color: #3f98ff;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0;
	padding: 20px;
	text-align: center;
}
.error
{
	background: lightred;
	border:1px solid red;
	color: red;
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
	padding:20px;
	text-align: center;
}
.net77_komentarze 
{
	padding: 4px;
	margin: 4px;
	width: 50%;
	text-align: center;
	font-weight: bold;
	border: 3px solid #DDDDDD;	
}



/* ===================================================================== NAGŁÓWEK/STOPKA */
#trescPanelu #naglowek { margin-bottom: 20px; }
#naglowek {
	padding: 10px 0;
	border-bottom: 1px solid black;
	background: #eee;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
}
#naglowek .logo {
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 30px;
	margin: 0 10px;
	background: url('../images/logo.png') no-repeat center;
}
#naglowek .obokLogo.szukaj {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	margin-right: 10px;
	border: 1px solid #298eff;
	border-radius: 5px;
}
#naglowek .obokLogo.szukaj.focus {
	/* border-color: #36d000; */
	/* box-shadow: 0 0 6px rgba(54, 208, 0, 0.6); */
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
#naglowek .obokLogo.szukaj .wyszukiwarki {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
}
#naglowek .obokLogo.szukaj .wyszukiwarki li {
	display: none;
}
#naglowek .obokLogo.szukaj .wyszukiwarki input[type="text"] {
	width: 200px;
	height: 30px;
	padding: 0 10px;
	font-size: 11px;
	color: #999;
	border: none;
	border-radius: 4px 0 0 4px;
	outline: none;
}
#naglowek .obokLogo.szukaj .wyszukiwarki input[type="text"].focus { color: black; }
#naglowek .obokLogo.szukaj .wyszukiwarki input[type="submit"] { display: none; }

#naglowek .obokLogo.szukaj .wybierz {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 -4px;
	font-size: 90%;
	background: white;
	border-left: 1px solid #bbb;
}
#naglowek .obokLogo.szukaj .wybierz .wybrana {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
}
#naglowek .obokLogo.szukaj .wybierz .wybrana .ikona {
	font-size: 16px;
	margin-left: 5px;
}
#naglowek .obokLogo.szukaj .wybierz .przelacz {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	z-index: 2;
	list-style: none;
	min-width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	background: white;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}
#naglowek .obokLogo.szukaj .wybierz .przelacz li {
	white-space: nowrap;
	padding: 5px 10px;
	cursor: pointer;
}
#naglowek .obokLogo.szukaj .wybierz .przelacz li:hover {
	background: #f5f5f5;
}
#naglowek .obokLogo.szukaj .wybierz .przelacz li.aktywna {
	color: #ccc;
	cursor: default;
	background: none;
}
#naglowek .obokLogo.szukaj .ikonaSzukaj {
	border-radius: 0 4px 4px 0;
}

#naglowek .linki {
	float: right;
	max-width: 650px;
	max-height: 55px;
	text-align: right;
	font-size: 90%;
	position: relative;
}
#naglowek .linki > ul {
	display: inline-block;
	list-style: none;
	margin: 0 10px;
	padding: 0;
	line-height: 20px;
	vertical-align: middle;
}
#naglowek .linki > ul > li { display: inline-block; vertical-align: middle; }

#naglowek .linki .uslugi > li > .akcje { margin-right: 10px; }
#naglowek .linki .uslugi > li:nth-child(n+2) > a { border-left: 1px solid #c3c3c3; padding: 0 0 0 14px; margin: 0 5px 0 5px; }
#naglowek .linki .uslugi .rozwijane a { border: none; padding-right: 0; }

#naglowek .linki .uslugi .rozwijane { position: relative; white-space: nowrap; }
#naglowek .linki .uslugi .rozwijane span {
	display: inline-block;
	vertical-align: bottom;
	width: 14px;
	height: 20px;
	background: url('../images/rozwinPomoc.png') no-repeat center 6px;
}
#naglowek .linki .uslugi .rozwijane .tytul {
	padding-left: 31px;
	margin: 2px 0 20px 0;
	cursor: default;
}
#naglowek .linki .uslugi .rozwijane ul {
	display: none;
	position: absolute;
	top: -3px;
	left: -17px;
	text-align: left;
	z-index: 14;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background: url('../images/zamow.jpg') no-repeat right top;
	background-size: 60px auto;
	background-color: #fff;
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}
#naglowek .linki .uslugi .rozwijane li { display: list-item; }
#naglowek .linki .uslugi .rozwijane li a {
	display: block;
	padding: 2px 10px;
	border-bottom: 1px dashed #eee;
	border-bottom: 1px dashed rgba(0,0,0,.07);
}
#naglowek .linki .uslugi .rozwijane li a:hover {
	color: #36d000;
}
#naglowek .linki .uslugi .rozwijane li:last-child { margin-bottom: 10px; }
#naglowek .linki .uslugi .rozwijane li:last-child a { border: none; }

#naglowek .linki .obslugi { border-left: 1px solid red; margin-left: 0; padding-left: 10px; }
#naglowek .linki .obslugi li {}
#naglowek .linki .obslugi a { color: black; }
#naglowek .linki .obslugi .nazwa {
	display: inline-block;
	vertical-align: bottom;
	max-width: 195px;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
}
#naglowek .linki .obslugi a:hover .nazwa { text-decoration: underline; }

#naglowek .wersja_licencja { margin-left: 10px; }
#naglowek .wyborJezyka {
	float: right;
	margin: 30px 10px 10px 10px;
	cursor: default;
}
#naglowek .wyborJezyka a {
	display: inline-block;
	margin-left: 10px;
}

#wyborJezyka { float: left; margin: 10px auto; padding: 0 50px 0 20px; }

#stopka {
	float: right;
	margin: 10px auto;
	padding: 0 20px;
	list-style: none;
	text-align: right;
	line-height: 20px;
	font-size: 10px;
}
#stopka, #stopka a { color: #999; }

#stopka li { display: inline; margin-right: 10px; }
#stopka li.sstore { margin: 0; }
#stopka li.sstore a { font-weight: bold; }

#doGory {
	display: none;
	position: fixed !important;
	z-index: 30;
	right: 20px !important;
	bottom: 20px !important;
	width: 50px;
	height: 50px;
	background: white url('../images/doGory.png') no-repeat;
	border: 1px solid #0363b0;
	border-radius: 5px;
	cursor: pointer;
}

#twojaSugestia {
	position: fixed !important;
	top: 50% !important;
	right: 0 !important;
	z-index: 30;
	margin-top: -15px;
	margin-right: -40px; /* polowa szerokosci - polowa wysokosci */
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	width: 110px;
	height: 30px;
	line-height: 30px;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	background: white;
	background: rgba(255,255,255,.75);
	box-shadow: -1px 1px 5px rgba(0,0,0,.4);
}
#wyslijZgloszenie {
	position: fixed !important;
	bottom: 0 !important;
	right: 90px !important;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	background: white;
	background: rgba(255,255,255,.75);
	box-shadow: -1px 1px 5px rgba(0,0,0,.4);
}


/* ===================================================================== LOGOWANIE */
#logowanie 
{
	width: 360px;
	margin: 50px auto;
}

#logowanie h1 {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 16px;
}
#logowanie h3 {
	margin: 10px 0 20px 0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
#logowanie form p {
	color: #999;
	font-size: 11px;
	padding: 15px 10px 2px 10px;
	margin: 0;
}
#logowanie form .wpisz { 
	width: 336px;
	padding: 5px 10px;
	background: #fafcff;
	border: 2px solid #cbd8e7;
	border-radius: 4px;
}
#logowanie form .zaloguj {
	margin-top: 20px;
	padding: 10px;
}
#logowanie form .zaloguj:after {
	content: '';
	display: block;
	clear: both;
}
#logowanie form .zaloguj .przycisk {
	color: white;
	background: #298eff;
	border: none;
	padding: 4px 10px;
	text-decoration: none;
}
#logowanie form .zaloguj a.przycisk {
	float: left;
	margin: 2px 0;
	font-size: 11px;
	background: #999;
}
#logowanie form .zaloguj input.przycisk {
	float: right;
}

.podpowiedz {
	position: relative;
	display: inline-block;
	vertical-align: 0;
	margin: 0 10px;
	width: 17px; height: 17px;
	background: url('../images/podpowiedzIkona.png') no-repeat;
	overflow: hidden;
	font-size: 0;
	cursor: default;
}
#oknoPodpowiedzi {
	display: none;
	position: absolute;
	padding: 10px;
	width: 300px;
	background: white;
	border: 1px solid #298eff;
	border-radius: 10px;
	box-shadow: 2px 2px 15px rgba(0,0,0,.25);
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	white-space: normal;
	z-index: 27;
}
#oknoPodpowiedzi .wartoscDomyslna {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	font-style: italic;
	color: #777;
}
#oknoPodpowiedzi .pomocStrony {
	margin-top: 15px;
}

/* ===================================================================== MENU */
.tloMenu {
	background-clip: padding-box;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
	border-bottom: 1px solid black;
	background: white;
	margin-bottom: 20px;
}
#menu {
	position: relative;
	padding: 10px 0;
}
#menu > li {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	position: relative;
	margin: 0 3px;
	border-radius: 5px;
}
#menu > li > a {
	color: black;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 25px;
	line-height: 25px;
	padding: 5px 10px 5px 30px;
	background: 5px center no-repeat;
}
#menu > li.aktualne > a {
	margin: -1px;
	background-color: white;
	border: 1px solid #999;
	border-radius: 5px;
}
#menu > li.aktywne > a {
	margin: -1px;
	background-color: white;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	position: relative;
	z-index: 11;
}
#menu li > ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
	top: 45px;
	left: -1px;
	min-width: 110%;
	font-size: 13px;
	background: white;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#menu li > ul a {
	display: block;
	padding: 10px 30px 10px 10px;
	min-width: 100px;
	white-space: nowrap;
	text-decoration: none;
	/*background: url('../images/lista.png') no-repeat 10px center;*/
}
#menu > li:nth-child(n+7) > ul a {
	padding: 10px 10px 10px 30px;
}
#menu li > ul li {
	position: relative;
	border-bottom: 1px solid #f5f5f5;
}
#menu li > ul li:first-child { margin-top: 5px; }
#menu li > ul li:last-child { border: none; margin-bottom: 5px; }
#menu li > ul li.folder { background: url('../images/rozwinMenu.png') no-repeat right; }
#menu > li:nth-child(n+7) > ul li.folder { background: url('../images/rozwinMenuLewo.png') no-repeat left; }

#menu li > ul li:hover > a {
	background-color: #298EFF;
	color: white;
}
#menu li > ul ul {
	position: absolute;
	top: -6px;
	left: 100%;
	border-radius: 5px;
}
#menu > li:nth-child(n+7) ul ul {
	left: auto;
	right: 100%;
}


#menu > li.pulpit a {
	background-image: url('../images/menu/pulpit.png');
}

#menu .ogonek,
#potrzebujePomocy .ogonek {
	position: absolute;
	top: 37px;
	z-index: 13;
	width: 100%;
	height: 9px;
	background: url('../images/menuOgonek.png') no-repeat center;
}
#potrzebujePomocy .ogonek { left: auto; right: 40px; }
#menu .ogonek.boczny {
	top: 7px;
	right: -1px;
	width: 9px;
	height: 17px;
	background: url('../images/menuOgonekLewy.png') no-repeat center;
}
#menu > li:nth-child(n+7) .ogonek.boczny {
	right: auto;
	left: -1px;
	background: url('../images/menuOgonekPrawy.png') no-repeat center;
}

/*#menu > li.menuPomocy { position: absolute; right: 0; }*/
#menu > li.menuPomocy > a {
	position: relative;
	z-index: 13;
	background-image: url('../images/menu/pomoc.png');
}
#potrzebujePomocy {
	display: none;
	position: absolute;
	top: 45px;
	right: -1px;
	z-index: 12;
	width: 760px;
	padding: 0 10px;
	cursor: default;
	font-size: 11px;
	background: white;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#potrzebujePomocy .infolinia {
	float: right;
	line-height: 20px;
	margin: 12px 31px 5px 31px;
	font-weight: bold;
	cursor: text;
}
#potrzebujePomocy .tytul {
	display: inline-block;
	margin: 12px 0 10px 0;
	padding: 0 31px;
	line-height: 20px;
}
#potrzebujePomocy .tytul span {
	display: inline-block;
	vertical-align: bottom;
	width: 14px;
	height: 20px;
	background: url('../images/rozwinPomoc.png') no-repeat center 6px;
}
#potrzebujePomocy .linkiPomocy {
	display: block;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border-radius: 5px;
} 
#potrzebujePomocy .linkiPomocy li a {
	display: block;
	padding: 2px 10px;
}
#potrzebujePomocy .linkiPomocy li a:hover {
	color: #36d000;
}
#potrzebujePomocy .linkiPomocy li { line-height: 20px; display: inline-block; }
#potrzebujePomocy .linkiPomocy li.wyroznij a { font-weight: bold; }

#potrzebujePomocy .szukajwPomocy { margin: 50px 0 60px 0; }
#potrzebujePomocy .szukajwPomocy .poleTekstowe {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#potrzebujePomocy .szukajwPomocy .poleTekstowe .dodatkowyTekst {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	padding: 3px 0px;
	color: #888;
	font-size: 11px;
}
#potrzebujePomocy .szukajwPomocy .podpowiedz {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 27px;
	margin: 0 5px 0 2px;
	background: url('../images/kolo.png') no-repeat left;
}

#potrzebujePomocy .szukajwPomocy input { vertical-align: bottom; }
#potrzebujePomocy .szukajwPomocy input[type="text"] {
	width: 350px;
	height: 15px;
	vertical-align: top;
	margin: 0px;
	padding: 3px 5px !important;
	border: 3px solid #016DB6 !important;
	background-position: 210px center !important;
}
#potrzebujePomocy .szukajwPomocy input[type="submit"],
#potrzebujePomocy .szukajwPomocy .zgloszenie {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	color: white;
	text-decoration: none;
	height: 27px;
	margin: 0;
	padding: 0 10px;
	background: #016db6;
	border: 3px solid #016db6;
}
#potrzebujePomocy .szukajwPomocy .zgloszenie { line-height: 27px; background: #45B600; border: none; }
#potrzebujePomocy .szukajwPomocy a.ikonaWyslij {
	display: inline-block;
	vertical-align: bottom;
	width: 37px;
	height: 43px;
	margin-left: 30px;
	background: url('../images/wyslij.png') no-repeat center;
}


#sciezka { padding: 0 20px; font-size: 90%; }
#sciezka li {
	display: inline-block;
	vertical-align: bottom;
	padding-left: 24px;
	background: url('../images/sciezka.png') 10px center no-repeat;
}
#sciezka li.index { padding: 0; background: none; }
#sciezka li.index a {
	display: block;
	width: 13px;
	height: 13px;
	background: url('../images/dom.png') no-repeat center;
}


/* ===================================================================== PRAWA KOLUMNA */
#informacjeSklepu { float: right; width: 258px; }
#informacjeSklepu .box:first-of-type { margin-top: 0; }

#informacjeSklepu .wersja_licencja p { margin: 0 0 5px 0; }
#informacjeSklepu .wersja_licencja p:first-child span:nth-child(n+2) { margin-left: 10px; }
#informacjeSklepu .wersja_licencja .opis {
	font-size: 11px;
	color: #777;
	display: inline-block;
	min-width: 25%;
}
#informacjeSklepu .wersja_licencja .podpowiedz { margin-top: -17px; }

#informacjeSklepu .limity { border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px; }
#informacjeSklepu .limity p {
	color: #777;
	font-size: 11px;
	margin: 0 0 5px 0;
}
#informacjeSklepu .limity .kontener
{
	margin: 0 auto 10px auto;
	width: 220px;
	height: 20px;
	padding: 1px;
	border: 1px solid #ddd;
}
#informacjeSklepu .limity .pasek_postepu { height: 20px; }
#informacjeSklepu .limity .tresc {
	color: black;
	margin-top: -20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
}

#informacjeSklepu .uzyteczne_linki ul { list-style: none; margin: 0; padding: 0; font-size: 13px; font-weight: bold; }
#informacjeSklepu .statystyki p { color: #777; font-size: 11px; font-weight: bold; margin: 0; }
#informacjeSklepu .statystyki ul { color: #777; font-size: 11px; list-style: none; margin: 0; padding: 0; }

#informacjeSklepu .wiadomosci h3 { margin: 0; margin-bottom: 10px; }
#informacjeSklepu .wiadomosci h3 a { font-size: 12px; }
#informacjeSklepu .wiadomosci h3 img { margin-right: 5px; }

#informacjeSklepu .wiadomosci .wiadomosc { margin: 5px 0 10px 0; }
#informacjeSklepu .wiadomosci .wiadomosc:nth-of-type(n+5) { display: none; }
#informacjeSklepu .wiadomosci .tytul
{
	color: #298eff;
	font-weight: bold;
	margin: 0;
}
#informacjeSklepu .wiadomosci .data
{
	color: #888;
	font-size: 10px;
	font-style: italic;
	margin: 0;
}
#informacjeSklepu .wiadomosci .opis
{

	margin-top: 5px;
	height: 56px;
	line-height: 14px;
	overflow: hidden;
}
#informacjeSklepu .wiadomosci .wiecej a
{
	color: #298eff;
	font-size: 10px;
	line-height: 20px;
}


/* ===================================================================== TRESC */
#tresc
{
	width: 810px;
	padding: 10px;
	overflow: hide;
}

.naglowek { margin: 20px 0; margin-top: 0; 	font-size: 11px; }
.naglowek.bezMarginesu { margin-bottom: 0; }
.naglowek input[type="text"] { font-size: 11px; }
.naglowek input[type="image"] { vertical-align: bottom; }
.naglowek .tytul { max-width: 70%; margin: 3px 0; }
.naglowek .tytul, h2
{
	display: inline-block;
	color: #777;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
.naglowek .akcja { vertical-align: top; }
.naglowek .akcja + .tytul,
.naglowek .zamiastPowrotu + .tytul {
	margin-left: 10px;
}
.naglowek .pomoc
{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 50px;
}
.naglowek .informacja { margin: 10px 44px; }
.naglowek .informacja.bezOdstepu { margin: 10px 0; }
.naglowek .opcje
{
	display: inline-block;
	padding: 0;
	margin: 10px 0;
}
.naglowek .opcje li
{
	display: inline-block;
	margin: 0 20px 5px 0;
	white-space: nowrap;
}
.naglowek .opcje li a:hover {
	color: #36d000;
}
.naglowek .tytul + .opcje { margin-left: 50px; }
.naglowek .podpowiedz { margin: 0; vertical-align: 1px; }
.naglowek .tytul + .podpowiedz {
	margin-left: 5px;
	margin-right: 50px;
	margin-top: -2px;
	vertical-align: top;
}
.naglowek .pomoc + script + .podpowiedz {
	margin-left: -45px;
	margin-right: 50px;
	margin-top: -2px;
	vertical-align: top;
}

.zamiastPowrotu {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.akcje {
	display: flex;
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	cursor: default;
}
.akcje > li + li {
	margin-left: 5px;
}
a.akcja,
.akcje > li > a {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: white;
	background: #298eff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.akcja.w2 {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}
a.akcja:hover,
.akcje > li > a:hover,
.akcje > li.lista:hover > a,
.akcje > li.lista > a.aktywny {
	background: #36d000;
}
a.akcja:hover .fa.drugaIkona,
.akcje > li > a:hover .fa.drugaIkona {
	text-shadow: -1px -1px 3px #36d000;
}
.akcje > li.lista {
	position: relative;
}
.akcje > li.lista:not(.specjalna) > a {
	width: 42px;
	cursor: default;
}
.akcje > li.lista:not(.specjalna) > a span {
	display: inline-block;
	margin-left: 5px;
}
.akcje > li.lista ul {
	display: none;
}
.akcje > li.nawigacja {
	margin-right: 320px;
}

.dane .akcje {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.dane .akcje a {
	background: none;
	color: #298eff;
}
.dane .akcje .lista .aktywny {
	color: white;
}

.dane .akcja {
	background: none;
	color: #298eff;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.dane .akcja:hover {
	background: none;
	color: #36d000;
}
.dane .akcja.nieaktywna {
	color: rgba(100,100,100,0.2);
}
.dane .akcja.nieaktywna:hover {
	color: rgba(100,100,100,0.8);
}

.fa.drugaIkona {
	position: absolute;
	margin-left: -6px;
	margin-top: 13px;
	font-size: 75%;
	text-shadow: -1px -1px 3px #298eff;
}
.fa.zLiczba {
	position: relative;
}
.fa.zLiczba span {
	position: absolute;
	top: -5px;
	left: 22px;
	padding: 2px 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: white;
	background: red;
	border-radius: 2px;
}
.fa.zLiczba span.ukryj { display: none; }
.fa.zTekstem {
	white-space: nowrap;
	width: auto !important;
	padding: 0 5px;
}
.fa.zTekstem span {
	display: inline-block;
	vertical-align: top;
	margin-left: 1px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
.pustaAkcja {
	display: inline-block;
	width: 24px;
}

#opisAkcji {
	display: none;
	z-index: 25;
	position: absolute;
	max-width: 400px;
	margin-top: 10px;
	padding: 5px 10px;
	background: white;
	border: 1px solid #36d000;
	cursor: default;
	color: black;
	font-size: 11px;
	text-align: left;
}
#opisAkcji.rozwijane {
	margin-top: 0;
	padding: 10px 0;
}
#opisAkcji .ogonek {
	position: absolute;
	top: -6px;
	left: 6px;
	width: 11px;
	height: 6px;
	background: url('../images/opisAkcjiOgonek.png') no-repeat center;
}
#opisAkcji.doPrawej .ogonek {
	left: auto;
	right: 7px;
}
#opisAkcji ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#opisAkcji li.tytul {
	padding: 0 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
#opisAkcji li.tresc {
	padding: 0 20px;
}
#opisAkcji li.link a {
	display: block;
	padding: 5px 20px;
	color: black;
	font-size: 12px;
	text-decoration: none;
}
#opisAkcji li.link a:hover {
	background: #f5f5f5;
}
#opisAkcji li.ikonaTekst .akcja {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	color: #298eff;
	background: none;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
#opisAkcji li.ikonaTekst .tekst {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: black;
	margin-left: 5px;
}
#opisAkcji li.ikonaTekst a {
	display: block;
	padding: 2px 10px;
	white-space: nowrap;
}
#opisAkcji li.ikonaTekst a:hover {
	text-decoration: none;
	background: #f5f5f5;
}
#opisAkcji li.ikonaTekst a:hover .akcja {
	color: #36d000;
}

#opisAkcji li.separator {
	margin: 5px 10px;
	border-top: 1px solid #ccc;
}

.dodatkoweMenu {
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
}
.dodatkoweMenu > li {
	display: inline-block;
	position: relative;
}
.dodatkoweMenu > li > a {
	position: relative;
	display: block;
	padding: 5px 10px 5px 40px;
	color: black;
	line-height: 24px;
	text-decoration: none;
	cursor: default;
}
.dodatkoweMenu > li.akcje > a {
	background: url('../images/akcje.png') no-repeat 10px center;
}
.dodatkoweMenu > li.ustawienia > a {
	background: url('../images/ustawienia.png') no-repeat 10px center;
}
.dodatkoweMenu > li > a span {
	display: inline-block;
	vertical-align: bottom;
	width: 14px;
	height: 24px;
	background: url('../images/rozwinPomoc.png') no-repeat center 8px;
}
.dodatkoweMenu > li ul {
	display: none;
	position: absolute;
	right: 0;
	top: 33px;
	min-width: 110%;
	list-style: none;
	margin: 0 -1px 0 0;
	padding: 5px 0;
	font-size: 13px;
	background: white;
	border: 1px solid black;
	border-radius: 5px 0 5px 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.dodatkoweMenu ul li {
	padding: 3px 5px;
	border-bottom: 1px solid #f5f5f5;
}
.dodatkoweMenu ul li:last-child {
	border: none;
}
.dodatkoweMenu ul a {
	display: block;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 3px;
}
.dodatkoweMenu > li:hover { z-index: 7; }
.dodatkoweMenu > li:hover > a {
	margin: -1px;
	background-color: white;
	border: 1px solid black;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 -1px 3px rgba(0,0,0,.3);
}
.dodatkoweMenu > li:hover ul { display: block; }
.dodatkoweMenu ul li:hover a {
	background-color: #298EFF;
	color: white;
}
.dodatkoweMenu .podpowiedz {
	float: right;
	margin: 1px 3px 0 0;
}
.dodatkoweMenu ul .podpowiedz + a { padding-right: 27px; }

/* tabela z informacjami */
.dane { margin-top: 10px; table-layout: fixed; font-size: 11px; }
.dane > tbody > tr > th
{
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding: 5px;
	background: #f7f7f7 url('../images/thTlo.png') repeat-x bottom;
	border-right: 1px solid white;
	overflow: hidden;
}
.dane > tbody > tr > th a { color: black; }
.dane > tbody > tr:hover th a { color: #298eff; }
.dane > tbody > tr:nth-child(odd) > td { background: #f5f5f5; }
.dane > tbody > tr > td {
	padding: 5px;
	overflow: hidden;
	border-right: 1px solid white;
}
.dane > tbody > tr > th:last-child,
.dane > tbody > tr > td:last-child { border-right: none; }

.dane > tbody > tr.aktualizuj > td { background: #98c8ff; }
.dane tr.bezTla { background: white; }

.dane td.separator a { border-left: 1px solid #ccc; padding-left: 10px; }
.dane th.wyroznij,
.dane td.wyroznij {
	font-weight: bold;
	color: #005BC0;
}

.dane > tbody > tr:hover > td,
.dane .dataTableRow:hover,
.dane .dataTableRowSelected:hover,
.dane #defaultSelected:hover
{ background: #e5e5e5; }

/* edytowalna komorka */
.dane > tbody > tr > td[onclick*="showedit"] {
	position: relative;
	cursor: pointer;
}
.dane > tbody > tr > td[onclick*="showedit"].aktywna {
	overflow: visible;
}
.dane > tbody > tr:hover > td[onclick*="showedit"]:after {
	font-family: FontAwesome;
	content: "\f040";
	font-size: 16px;
	color: rgba(0,0,0,0.3);
	position: absolute;
	top: 3px;
	right: 3px;
}
.dane .elem_edit {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	white-space: nowrap;
	background: white;
	border: 2px solid #999;
	z-index: 20;
	cursor: default;
}
.dane .elem_edit .tytul {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.dane .elem_edit .opis {
	display: inline-block;
	margin-bottom: 3px;
	color: #888;
	font-size: 10px;
}
.dane .elem_edit input,
.dane .elem_edit select,
.dane .elem_edit table {
	display: inline-block;
	vertical-align: middle;
}
.dane .elem_edit > .mce-panel {
	display: inline-block;
	vertical-align: top;
}
.dane .elem_edit .akcja:first-of-type {
	margin-left: 10px;
}

.dane > tbody > tr > td.opis.aktywna {
	position: static;
	background: #98c8ff;
}
.dane > tbody > tr > td.opis.aktywna:after { display: none; }
.dane .opis .elem_edit {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -281px 0 0 -519px;
}

.dane .fa.ikona {
	position: relative;
	font-size: 18px;
	cursor: default;
}
.dane .fa.ikona .okno {
	display: none;
	position: absolute;
	z-index: 1;
	top: -10px;
	left: 24px;
	padding: 5px;
	border: 1px solid #777;
	background: white;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.dane .fa.ikona:hover .okno {
	display: block;
}
.dane .fa.ikona.statusParagonu .okno p {
	white-space: nowrap;
	margin: 5px 0;
}
.dane .fa.ikona.statusParagonu .okno .data {
	font-size: 12px;
	font-weight: bold;
}


/* wersja dla tabeli zamowien */
.dane.zamowienia > tbody > tr > td { background: none; }
.dane.zamowienia > tbody > tr:nth-child(4n) > td { background: #f5f5f5; }
.dane.zamowienia > tbody > .dataTableRow:hover > td { background: #e5e5e5; }
.dane.zamowienia .dataTableRowSelected td {
	padding: 4px 5px;
	background: #c6e1ff !important;
	border-top: 1px solid #298EFF;
	border-bottom: 1px solid #298EFF;
}
.dane.zamowienia .teleadresowe {
	border: 3px solid #999;
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	margin-bottom: 15px;
}
.dane .pokaz { overflow: visible; }
.dane .dodatkoweMenu { float: none; margin: 0; }

/* wersja dla tabeli przy wystawianiu przedmiotu */
.dane.wystawPrzedmiot {
	width: 100%;
}
.dane.wystawPrzedmiot > tbody > tr > td {
	text-align: center;
}
/* szerokosci kolumn */
.dane.wystawPrzedmiot > tbody > tr > th:nth-child(1) { width: 100px; }
.dane.wystawPrzedmiot > tbody > tr > th:nth-child(2) { width: 400px; }

.wykres:not(.doughnut) + .dane.statystyki { margin-top: 30px; }
.dane.statystyki td { padding: 10px; }


.teleadresowe .opis { font-size: 10px; color: #777; text-align: right; padding-right: 10px; }

.daneStopka
{
	font-size: 11px;
	color: #999;
	font-style: italic;
	margin: 5px 0;
}

.notatki .data { font-size: 11px; color: #777; margin-bottom: 5px; }
.notatki > tbody > tr > td { padding: 10px 5px; }

/* zakladki */
#tabs
{
	display: inline-block;
	width: 167px;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}
#tabs.wersja2 {
	width: 137px;
}
#tabs a {
	display: block;
	padding: 10px;
	background: white;
	border-bottom: 1px solid #ddd;
	transition: all 0.1s ease-in-out;
	text-decoration: none;
}
#tabs li a:hover {
	background: #eee;
}
#tabs li.active a {
	color: white;
	background: #298eff;
}
.clrTabs { display: none; }
.kontener {
	display: inline-block;
	width: 960px;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
.kontener.wersja2 {
	width: 990px;
}
.kontener.wersja3 {
	margin-bottom: 50px;
}
.kontener.wersja3 .zatwierdz {
	margin-top: 30px;
	margin-bottom: -50px;
}
.kontener.odstep2 {
	width: 940px;
	padding: 20px;
}

#pokazOpcje { font-size: 12px; text-align: right; }

/* użyte i nie użyte checkbox-y */
.chkbox_white {}
.chkbox_red
{
	opacity: 0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity = 50);
}

/* drzewo katalogow */
#kategorie .drzewo,
.kategoriePrzelacz.drugi { display: none; }

#kategoria.kontener .drzewo { border: none; }
.drzewo {
	margin: 10px 0;
	padding: 20px;
	background: #ddd;
}
/* lista */
.drzewo .listaKategorii {
	list-style: none;
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
}
.drzewo .listaKategorii li {
	position: relative;
	width: 550px;
	margin: 5px 0;
	padding: 5px 0;
	background: white;
	cursor: move;
}
.drzewo .listaKategorii li.ui-sortable-helper {
	border: 1px solid #888;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
	cursor: move;
}
.drzewo .tytul {
	position: relative;
	width: 550px;
}
.drzewo .tytul a {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #333;
	text-decoration: none;
}
.drzewo .tytul .dodatkowe {
	position: static;
	opacity: 1;
	margin-left: 30px;
	padding-left: 0;
}
.drzewo .tytul .dodatkowe .drugaIkona,
.drzewo .tytul:hover .dodatkowe .drugaIkona {
	opacity: 1;
	text-shadow: -1px -1px 3px #bbb;
}
.drzewo .kategoria {
	position: relative;
}
.drzewo .kategoria:hover {
	background: #eee;
}
.drzewo .kategoria a {
	color: #333;
	text-decoration: none;
}
.drzewo .kategoria.wybrany .nazwa a,
.drzewo .kategoria.wybrany .nazwa {
	font-weight: bold;
	color: black;
}
.drzewo .ikonaRozwijania .zaznacztrue {
        display: none;
}
.drzewo .ikonaRozwijania {
	position: absolute;
	left: 5px;
	top: 0px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.drzewo .ikonaFolderu {
	position: absolute;
	left: 30px;
	top: 0px;
}
.drzewo .nazwa {
	margin: 0 180px 0 60px;
	padding: 5px 0;
	overflow: hidden;
}

.drzewo.usun .ikonaRozwijania .zaznacztrue {
	display: inline-block;
	vertical-align: middle;
}
.drzewo.usun .ikonaRozwijania {
	position: absolute;
	left: 5px;
	top: 0px;
	width: 44px;
	height: 24px;
	cursor: pointer;
}
.drzewo.usun .ikonaFolderu {
	position: absolute;
	left: 50px;
	top: 0px;
}
.drzewo.usun .nazwa {
	margin: 0 180px 0 80px;
	padding: 5px 0;
	overflow: hidden;
}
.drzewo .dodatkowe {
	position: absolute;
	right: 5px;
	top: 0px;
	width: 160px;
	padding-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	transition: all 0.2s;
}
.drzewo .dodatkowe .akcja {
	background: none;
	color: #298eff;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
}
.drzewo .dodatkowe .akcja:hover {
	color: #36d000;
}
.drzewo .dodatkowe .drugaIkona {
	opacity: 0;
	transition: all 0.2s;
	text-shadow: -1px -1px 3px white;
	margin-top: 10px;
}
.drzewo .wybrany .dodatkowe,
.drzewo .kategoria:hover .dodatkowe {
	opacity: 1;
	padding-left: 0;
	width: 165px;
}
.drzewo .wybrany .dodatkowe .drugaIkona,
.drzewo .kategoria:hover .dodatkowe .drugaIkona {
	opacity: 1;
	text-shadow: -1px -1px 3px white;
}
.drzewo .podkategorie {
	margin-left: 27px;
}

/* drzewo informacji */
.drzewo.informacje {
	background: none;
	border: 1px solid #B4B4B4;
}
.drzewo.informacje .ikona {
	float: left;
	width: 70px;
	text-align: center;
	cursor: default;
}
.drzewo.informacje .wybrany a, .drzewo .wybrany { font-weight: bold; color: black; }

.drzewo.informacje a.akcja,
.drzewo.informacje .akcje a {
	color: #298eff;
	background: none;
}
.drzewo.informacje a.akcja:hover {
	color: #36d000;
}
.drzewo.informacje .akcje .lista .aktywny {
	color: white;
}
.drzewo.informacje a.akcja .fa.drugaIkona,
.drzewo.informacje .akcje .fa.drugaIkona {
	text-shadow: -1px -1px 3px white;
}

.drzewo.informacje .pozycja {
	padding: 2px 0;
}
.drzewo.informacje .pozycja::after {
	content: '';
	display: block;
	clear: both;
}
.drzewo.informacje .pozycja .ikonaRozwijania {
	position: static;
	display: inline-block;
	vertical-align: top;
	padding: 3px 0;
}
.drzewo.informacje .pozycja .ikonaFolderu {
	position: static;
	display: inline-block;
	vertical-align: top;
	padding: 3px 0;
}
.drzewo.informacje .pozycja .nazwa {
	display: inline-block;
	vertical-align: top;
	color: #333;
	text-decoration: none;
	line-height: 20px;
	margin: 0;
	padding: 5px;
	max-width: 500px;
}
.drzewo.informacje .pozycja .ikona { padding: 3px 0; }

/* drzewo atrybutow */
.drzewo.atrybuty {
	margin: 0;
	padding: 0;
	background: none;
}
.drzewo.atrybuty a:hover {
	text-decoration: underline;
}
.drzewo.atrybuty .tytul {
	margin-left: 3px;
}
.drzewo.atrybuty .tytul a {
	font-size: 14px;
}
.drzewo.atrybuty .listaKategorii {
	margin-top: 5px;
}
.drzewo.atrybuty .listaKategorii li {
	margin: 0;
	padding: 0;
	cursor: default;
}
.drzewo.atrybuty .kategoria:hover {
	background: none;
}


/* kalendarz */
.cal-TextBox { margin-right: 4px; }
.calendarHeader 
{ 
	font-weight: bolder;
	color: #aaa;
	font-style: italic;
	background-color: white;
}
.calendar { width: 100%; }
.calendar td { width: 10%; }
.calendar .miesiac { font-size: 14px; padding-bottom: 2px; color: black; font-style: normal; }
.calendarToday { background-color: #DBFAA3; padding: 2px 4px; text-align: center; }
.calendar { padding: 2px 4px; text-align: center; }
.calendar a { color: black; text-decoration: none; }
.calendar a:hover { color: #298eff; }

#new_date,
#new_date_datafrom,
#new_date_datato {
	position: relative;
}
.calLewaS {
	position: absolute;
	top: 3px;
	left: 10px;
}
.calPrawaS {
	position: absolute;
	top: 3px;
	right: 10px;
}

.calendar2 {
	table-layout: fixed;
	border-spacing: 1px;
	margin: 30px auto;
	width:  100%;
}
.calendar2 .miesiac {
	padding: 10px;
	background: #ddd;
}
.calendar2 .miesiac > form {
	display: inline-block;
	vertical-align: middle;
	margin: 0 50px;
}
.calendar2 .linkMiesiac {
	display: inline-block;
	vertical-align: middle;
	font-family: FontAwesome;
	font-size:  22px;
	text-decoration:  none;
}
.calendar2 .linkMiesiac.poprzedni:after { content: '\f053'; }
.calendar2 .linkMiesiac.nastepny:after { content: '\f054'; }
.calendar2 .dzienTygodnia {
	padding: 15px 5px;
	color: #888;
}
.calendar2 .dzien {
	width: 140px;
	height: 80px;
	padding: 0;
	background: #eee;
}
.calendar2 .dzien.dzisiaj {
	background: #ccc;
}
.calendar2 .dzien .opis {
	margin-top: 1px;
}
.calendar2 .dzien .opis a {
	display:  block;
	padding: 3px 10px;
	color: white;
	background-color: #298eff;
	text-align: center;
	text-decoration:  none;
}
.calendar2 .dzien .opis.wazne a {
	background: #ff4444;
}
.calendar2 .dzien .data {
	padding: 10px;
	text-align:  left;
	color: #444;
	cursor:  default;
}


#showCal, #showCal2, #showCal3
{
	z-index: 100;
	position: absolute;
	border: 1px #98c8ff solid;
	display: none;
	text-align: center;
	width: 200px;
	padding: 10px;
	overflow: visible; 
	background-color: #FFFFFF;
}
#showCal p, #showCal2 p, #showCal3 p { margin:0; margin-bottom: 10px; padding: 0;}


/* popup */
.popup {
	display: none;
	position: fixed;
	z-index: 25;
	width: 800px;
	padding: 10px;
	text-align: left;
	border: 1px solid #98c8ff;
	border-radius: 5px;
	background: white;
	box-shadow: 5px 5px 20px rgba(0,0,0,.5);
}
.popup .tresc {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.popup .zamknij {
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: right;
}
.popup .zamknij a {
	display: inline-block;
	padding-right: 30px;
	background: url('../images/zamknij.png') no-repeat right;
	cursor: pointer;
}
.popup .naglowek .tytul {
	font-size: 14px;
}
.popup h3 {
	margin-top: 0;
	line-height: 30px;
}
.popup .opis {
	font-size: 11px;
}
.popup .zatwierdz,
.popup .separatorGrup,
.popup .separatorPozycji { margin-right: 10px; }
.popup .wybranaKategoria b { font-size: 14px; }
.popup a { cursor: pointer; }

#wyborKolumn.popup .naglowek {
	text-align: center;
	padding-left: 72px; /* 72 szerokosci ma ikona pomocy */
}

/* przyciski w popup */
.popup .tresc input[type="submit"] { margin-left: 30px; }
.popup .tresc a:not(.zwykly) { margin-left: 20px; cursor: pointer; }
.popup .tresc a:not(.zwykly), .popup .tresc input[type="submit"] {
	display: inline-block;
	color: white;
	background: #298eff;
	border: none;
	padding: 4px 10px;
	text-decoration: none;
	vertical-align: middle;
}
.popup .tresc input[type="submit"] { height: 30px; }
.popup .tresc a.wyroznij, .popup .tresc input[type="submit"] {
	background: #36d000;
}

ul.inline li
{
	list-style-type:none;
	display:inline;
	padding: 0 5px;
}

.wystaw_aukcje {}
.wystaw_aukcje .aktualna { background: #98c8ff; padding: 5px; }
.wystaw_aukcje .podkategoria { padding-left: 20px; }
.wystaw_aukcje .aktualna + div { border: 1px solid #98c8ff; }
.wystaw_aukcje .tytul { border: 1px solid #66b5ff; background: #93cbff; color: white; font-size: 13px; font-style: italic; padding: 5px 10px; }
.wystaw_aukcje .podpowiedz {
	width: 600px;
	height: auto;
	margin: 0;
	border: 1px solid #b2daff;
	background: #eff7ff;
	color: #666;
}

#kategoria_atrybuty .podpowiedz { width: 200px; }

.szokerDarmowa { font-size: 14px; color: #006fff; }
.szokerPolecamy { color: red; font-size: 18px; font-weight: normal; }

/* tutorial */
.tutorialStart
{
	color: white;
	text-align: center;
	width: 400px; min-height: 130px;
	margin: 30px auto;
	padding: 10px;
	border-radius: 5px; -moz-border-radius: 5px;
	background: url(../images/tutorial/tloStart.jpg) left bottom no-repeat #7bd100;
}
.tutorialStart h3 { font-size: 18px; font-weight: normal; margin: 10px 0; }
.tutorialStart h3 + p { margin-top: 0; }
.tutorialStart .dalej
{
	text-align: left;
	width: 245px; height: 60px;
	margin-top: 30px; margin-left: auto; margin-right: -15px;
	background: url(../images/tutorial/tloDalejStart.png) no-repeat;
}
.tutorialStart .dalej a { color: white; text-decoration: none; }
.tutorialStart .dalej img { margin: 5px 10px; }

.tutorialNawigacja
{
	color: white;
	width: 100%;
	border-radius: 5px; -moz-border-radius: 5px;
	background: url(../images/tutorial/tloNawigacja.jpg) right bottom no-repeat #7bd100;
}
.tutorialNawigacja > div {
	display: flex;
	align-items: center;
	margin: 0 10px;
}
.tutorialNawigacja .glowna {
	justify-content: space-around;
	min-height: 40px;
	padding: 20px 0;
}
.tutorialNawigacja a {
	color: white;
	text-decoration: none;
}
.tutorialNawigacja a:hover {
	text-decoration: underline;
}
.tutorialNawigacja .glowna a {
	position: relative;
	display: inline-block;
	padding: 15px 10px 15px 60px;
	font-size: 15px;
}
.tutorialNawigacja .glowna a::before {
	display: block;
	content: '';
	position: absolute;
	left: 10px;
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background: url('../images/tutorial/nawigacja.png') no-repeat;
}
.tutorialNawigacja .glowna .tab_selected a {
	background: #2d6406;
	border-radius: 5px;
}
.tutorialNawigacja .sub_selected { background: white; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.tutorialNawigacja .sub_selected,
.tutorialNawigacja .sub_normal { padding: 8px 20px; }
.tutorialNawigacja .sub_selected a { color: black; }

h3.tutorialTytul { font-size: 16px; margin: 20px 0; }
h3.tutorialTytul .pomoc { font-size: 12px; margin-left: 5px; vertical-align: 2px; }

.tutorialPrzewijanie { margin: 30px 0; text-align: center; }
.tutorialPrzewijanie input {
	margin: 0 10px;
	padding: 10px;
	color: white;
	border: none;
}
.tutorialPrzewijanie input:hover { border: none; }
.tutorialPrzewijanie input[name="back"] {
	height: 40px;
	padding-right: 60px;
	margin-left: 50px;
	background: #298eff url(../images/tutorial/wroc.png) calc(100% - 10px) no-repeat;
}
.tutorialPrzewijanie input[name="next"] {
	height: 50px;
	padding-left: 60px;
	background: #298eff url(../images/tutorial/nastepne.png) 10px no-repeat;
}

/* ramki */
.btop, .bmid, .bbot, .bleft, .bhmid, .bright, .bord { border: 1px solid #98c8ff; }
.btop { border-bottom: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.bmid { border-top: none; border-bottom: none; }
.bbot { border-top: none; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
.bleft { border-right: none; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; }
.bhmid { border-left: none; border-right: none; }
.bright { border-left: none; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; }
.bord { border-radius: 5px; -moz-border-radius: 5px; }

.ramkaKontener {
	padding: 10px;
	border: 1px solid #ccc;
}

ul.ikonki { list-style: none; }
ul.ikonki li { margin: 5px 0; }
ul.ikonki li a:hover {
	color: #36d000;
}
.ikonki.ramka {
	border: 1px solid #98c8ff;
	border-radius: 5px;
	padding: 10px 20px;
}

.porownywarkiKomorka { display: table-cell; vertical-align: top; padding-left: 10px; border-left: 1px solid #ddd; }
.porownywarkiKomorka.lewa { padding: 10px; border: none; width: 25%; text-align: center; }
.porownywarkiKomorka.lewa img { max-width: 100%; }

.porownywarkiKomorka .tytulXML {
	margin: 20px 0 5px 0;
	font-size: 14px;
}
.porownywarkiKomorka .poleXML {
	width: calc(100% - 22px);
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #298eff;
}
.porownywarkiKomorka .btn2 + .btn2 {
	margin-left: 30px;
}


/* strony */
#bannerPomocy { 
	position: relative; 
	min-height: 211px;
	background: white url('../images/bannerPomocy.png') no-repeat left 70px;
	background-clip: padding-box;
}
#bannerPomocy .zamknij {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: url('../images/zamknij.png') no-repeat;
	cursor: pointer;
} 
#bannerPomocy p { margin: 0 350px 10px 90px; font-size: 120%; color: #777; font-weight: bold; }
#bannerPomocy .przerwa { margin: 16px 0 16px 90px; height: 1px; background: #ddd; }
.obrazekSzukajWPomocy {
	width: 300px;
	height: 67px;
	float: right;
	background: url('../images/szukajWPomocy.png') no-repeat left;
}
.obrazekWyslijZgloszenie {
	width: 300px;
	height: 67px;
	float: right;
	background: url('../images/wyslijZgloszenie.png') no-repeat left;
}

.box.lewaKolumna.informacje {
	position: relative;
	min-height: 211px;
}
.box.lewaKolumna.informacje .kolumna {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	min-height: 165px;
	margin-top: 10px;
	padding: 0 5px;
	border-left: 1px solid #ddd;
}
.box.lewaKolumna.informacje .kolumna:nth-child(1) { width: 42%; }
.box.lewaKolumna.informacje .kolumna:nth-child(1) p::before {
	font-family: 'FontAwesome';
	content: '\f0f3';
	color: #aaa;
	position: absolute;
	left: 0;
	top: 1px;
	width: 20px;
	text-align: center;
}
.box.lewaKolumna.informacje .kolumna:nth-child(1) p {
	position: relative;
	padding-left: 25px;
	min-height: 20px;
}
.box.lewaKolumna.informacje .kolumna:nth-child(3) { width: 30%; }
.box.lewaKolumna.informacje h3 {
	margin: 0 0 15px 25px;
	text-decoration: underline;
	color: #888;
}
.box.lewaKolumna.informacje h3 a { text-decoration: underline; }
.box.lewaKolumna.informacje img {
	border: none;
	vertical-align: middle;
	margin-right: 5px;
}
.box.lewaKolumna.informacje a { font-weight: bold; }

.box.lewaKolumna.informacje .statystyki {
	position: absolute;
	top: 10px;
	right: 0;
}
.box.lewaKolumna.informacje .statystyki .kontener2 {
	width: 140px;
	padding: 10px;
	background: #dbdbdb;
	border-radius: 5px 0 0 5px;
}
.box.lewaKolumna.informacje .statystyki ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	color: #666;
}
.box.lewaKolumna.informacje .statystyki li {
	display: flex;
}
.box.lewaKolumna.informacje .statystyki li span {
	min-width: 50%;
}

#podgladMiniaturek {
	position: absolute;
	padding: 5px;
	color: black;
	background: white;
	border: 1px solid #888;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
	z-index: 50;
}
#podgladMiniaturek .zdjecie { display: table-cell; text-align: center; vertical-align: middle; }
#podgladMiniaturek .zdjecie img { max-width: 300px; max-height: 250px; }
#podgladMiniaturek.wieksze .zdjecie img { max-width: 400px; max-height: 400px; }
#podgladMiniaturek.wieksze {
	transition: opacity .3s;
}

.informacjaDodajProdukt {
	float: right;
	width: 230px;
	color: #298EFF;
	/*chmurka */
	position: relative;
	padding: 10px;
	background: white;
	border: 1px solid #298eff;
	border-radius: 10px;
	box-shadow: 1px 1px 7px rgba(0,0,0,.25);
	font-weight: normal;
	font-size: 11px;
	text-align: left;
}
.informacjaDodajProdukt .ogonek {
	position: absolute;
	bottom: -10px;
	left: 20px;
	width: 20px;
	height: 10px;
	background: url('../images/ogonekChmurki.png') no-repeat right top;
}

.listaKategorii .wybranaKategoria {
	margin: 40px 0 10px 0;
	font-size: 11px;
}
.listaKategorii .wybranaKategoria span {
	font-weight: bold;
	font-size: 15px;
}
.listaKategorii .poleListy {
	overflow-x: auto;
	white-space: nowrap;
}
.listaKategorii .poleListy select {
	min-width: 100px;
	max-width: 300px;
	margin: 0 10px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
}

.naglowekWybranychKategorii {
	display: inline-block;
	padding: 3px 5px;
	color: white;
	border: 3px solid #8bc2ff;
	background: #298eff;
}

.kategoriePrzelacz2 {
	float: right;
	margin-top: 8px;
	padding: 2px 5px 2px 20px;
	font-size: 11px;
	cursor: pointer;
	color: #298EFF;
	background: white no-repeat 5px 7px;
	border: 1px solid #0363B0;
	border-radius: 2px;
}
#nazwa .przelaczUkryte { margin: 10px 0; text-align: right; }
.przelaczUkryte .przycisk {
	display: inline-block;
	padding: 2px 5px 2px 20px;
	font-size: 11px;
	cursor: pointer;
	color: #298EFF;
	text-decoration: none;
	background: white url('../images/rozwin.png') no-repeat 5px 7px;
	border: 1px solid #0363B0;
	border-radius: 2px;
}
.trescUkrywana .zabezpieczenie { padding: 5px 0; }

.kategoriePrzelacz2.zwin,
.przelaczUkryte .przycisk.zwin { background-image: url('../images/zwin.png'); }
.kategoriePrzelacz2.rozwin { background-image: url('../images/rozwin.png'); }
.kategorieProduktyOdstep { margin: 10px 0; border-top: 1px solid #eee; }

.wyjatkiKuponu h2 { margin: 0; }
.wyjatkiKuponu .przenies {
	width: 40px;
	height: 250px;
	color: white;
	font-size: 24px;
	font-weight: bold;
	background: #298EFF;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.wyjatkiKuponu .przenies.lewo { background: #298EFF url('../images/przeniesLewo.png') no-repeat center; }
.wyjatkiKuponu .przenies.prawo { background: #298EFF url('../images/przeniesPrawo.png') no-repeat center; }
.wyjatkiKuponu .ramkaOkna {
	border: 1px solid #B4B4B4;
	border-radius: 5px;
}
.wyjatkiKuponu .okno {
	width: 350px;
	border: none;
}

.uwagaImport {
	float: right;
	margin-top: 20px;
	padding: 5px;
	color: red;
	font-size:14px;
	border: 1px solid #ccc;
}

table.nowyProdukt { table-layout: fixed; }
table.nowyProdukt input[type="text"] { min-width: 300px; vertical-align: middle; }
table.nowyProdukt select { min-width: 322px; }
table.nowyProdukt .wybor .obokF {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 322px;
}
table.nowyProdukt .wybor .obokF input[type="text"] {
	min-width: 0;
	width: calc(100% - 22px);
}
table.nowyProdukt .wybor .obokF div:nth-child(2) {
	width: 35%;
	text-align: right;
}
table.nowyProdukt #units_f select {
	height: 30px;
	padding: 5px;
	border: 1px solid #5896BD;
}

table.progiCenowe { table-layout: fixed; }
table.progiCenowe input[type="text"] {
	min-width: 50px;
	width: 80px;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #5896BD;
}
table.progiCenowe td:nth-child(3) input[type="text"] { width: 140px; margin: 0 20px; }
table.progiCenowe td:nth-child(4) input[type="text"] { width: 197px; }

table.doSciagniecia { table-layout: fixed; margin-left: 29px; }
table.doSciagniecia input[type="text"] { min-width: 81px; }
table.doSciagniecia input[type="file"] { min-width: 298px; }


#subskrybent {
	padding: 10px;
	border: 1px solid #B4B4B4;
	border-radius: 5px;
}

.menuAkcji {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
.menuAkcji > a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
	margin: 1px 1px 0 1px;
	background: url('../images/ustawienia.png') no-repeat left center;
}
.menuAkcji > a span {
	display: inline-block;
	vertical-align: bottom;
	width: 14px;
	height: 24px;
	background: url('../images/rozwinPomoc.png') no-repeat center 8px;
}
.menuAkcji ul {
	display: none;
	position: absolute;
	right: 0;
	top: 24px;
	z-index: 2;
	min-width: 110%;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 5px 0;
	font-size: 13px;
	background: white;
	border: 1px solid black;
	border-radius: 5px 0 5px 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.menuAkcji:hover > a {
	z-index: 3;
	margin: 0;
	background-color: white;
	border: 1px solid black;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}
.menuAkcji:hover ul { display: block; }
.menuAkcji ul li {
	padding: 3px 5px;
	border-bottom: 1px solid #f5f5f5;
}
.menuAkcji ul li:last-child { border: none; }
.menuAkcji ul a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	border-radius: 5px;
}
.menuAkcji ul a img { margin-right: 10px; }
.menuAkcji ul li:hover a { 
	background-color: #298EFF;
	color: white;
}

.zaktualizuj.ramka {
	border: 1px solid #98C8FF;
	border-radius: 5px;
	padding: 40px 20px;
	text-align: center;
}
.zaktualizuj.ramka h3 { margin-bottom: 40px; }
.zaktualizuj .button { margin: 50px 0; }
.zaktualizuj .button a {
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	font-size: 24px;
	color: white;
	background: #36d000;
	border-radius: 5px;
}
.zaktualizuj a { cursor: pointer; }
.zaktualizuj ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.zaktualizuj li {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	margin: 0 20px;
}
.zaktualizuj li .tekst {
	display: block;
}
.zaktualizuj li a { margin-top: 30px; }

.zaktualizuj .fa-spinner {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
}

.zaktualizuj .wiersz { margin: 5px 0; }
.zaktualizuj .wiersz.przelacz { margin: 30px 0 0 0; }
.zaktualizuj .wiersz.ukryte { margin: 0; min-height: 1px; }
.zaktualizuj .wiersz .tekst {
	display: inline-block;
	width: 80px;
	margin-right: 20px;
	text-align: right;
}
.zaktualizuj .wiersz input { margin-right: 100px; }

.zaktualizuj #response { margin: 30px 0; }
.zaktualizuj #advanced_box { display: none; }
.zaktualizuj #advanced_box .wiersz { margin: 0; padding-top: 20px; }
.zaktualizuj #version_container .fa-spinner {
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
}
.zaktualizuj #version {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	margin-left: 10px;
}
.zaktualizuj #errors { margin-top: 10px; }
.zaktualizuj #kontener {
	margin: 50px auto;
	width: 400px;
	height: 40px;
	padding: 5px;
	border: 1px solid #ddd;
}
.zaktualizuj #kontener2 {
	margin: 50px auto;
	width: 300px;
	height: 20px;
	padding: 1px;
	border: 1px solid #ddd;
	text-align: center;
}
.zaktualizuj #pasek_postepu {
	width: 0px;
	height: 40px;
	background: #298eff;
	text-align:center;
}
.zaktualizuj #pobieranie {
	line-height: 20px;
}


.listaJezykow {}
.listaJezykow .pozycja { margin-bottom: 5px; }
.listaJezykow .flaga {
	display: inline-block;
	margin-right: 5px;
}
.listaJezykow .zawartosc {
	display: inline-block;
	vertical-align: top;
	width: 736px;
}
.listaJezykow .zawartosc.wiersz { vertical-align: middle; }
.listaJezykow .zawartosc input[type="text"] {
	width: 100%;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #5896BD;
}
.listaJezykow .zawartosc select {
	width: 100%;
	height: 30px;
	padding: 5px 10px;
	border: 1px solid #5896BD;
}
.listaJezykow .zawartosc textarea {
	width: 100%;
	height: 56px;
	padding: 5px 10px;
	border: 1px solid #5896BD;
}
.listaJezykow .zawartosc .ramkaTekst { padding-right: 22px; }
.listaJezykow .zawartosc .ramkaObszar { padding-right: 22px; }
.listaJezykow .zawartosc .ramkaEdytor { padding-right: 2px; }
.listaJezykow .zawartosc .ramkaEdytor > .mce-panel { width: 100% !important; }

.listaJezykow .zawartosc.wymagane { position: relative; overflow: hidden; }
.listaJezykow .zawartosc.wymagane .ramkaTekst { padding-right: 42px; }
.listaJezykow .zawartosc.wymagane input[type="text"] { padding-right: 30px; }
.listaJezykow .zawartosc.wymagane .fa {
	position: absolute;
	top: -15px;
	right: -15px;
	display: block;
	width: 30px;
	height: 50px;
	line-height: 50px;
	padding-left: 5px;
	color: white;
	background: red;
	transform: rotate(-20deg);
	cursor: default;
}
.listaJezykow .zawartosc + .jednostka {
	display: inline-block;
	vertical-align: middle;
}

.listaJezykow.grupy { margin-right: 10px; }
.listaJezykow.grupy .pozycja {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #eee;
}
.listaJezykow.grupy .flaga {
	margin-right: 10px;
}
.listaJezykow.grupy .teksty {
	display: inline-block;
	vertical-align: top;
}
.listaJezykow.grupy .element { margin-bottom: 5px; }
.listaJezykow.grupy .opisZawartosci {
	display: inline-block;
	vertical-align: -1px;
	width: 220px;
	margin-right: 10px;
	text-align: right;
}
.listaJezykow.grupy .zawartosc {
	display: inline-block;
	width: 470px;
}

.nowyProdukt.listaJezykow .zawartosc { width: 400px; }
.nowyProdukt.listaJezykow .zawartosc.pelny { width: 873px; }


#colorjack .zamknij {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url('../images/zamknij.png') no-repeat;
	cursor: pointer;
}
.poleKoloru {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 18px;
	border: 2px solid #ccc;
	cursor: pointer;
}
.poleKoloru.przezroczysty {
	background: url(../images/transparent.png) !important;
	background-size: contain !important;
}
.styl1 + .poleKoloru { height: 26px; }
.wybranePoleKoloru {
	border: 2px solid #444;
}

#tree div { cursor: pointer; }

.stalaSzerokoscTytulu {
	display: inline-block;
	width: 270px;
}
.wybierzDodaj { margin: 0 30px 0 20px; }
.poleNazwyPliku {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 400px;
}
.poleNazwyPliku .fileinfo {
	padding: 3px 10px;
	background: white;
	border: 1px solid #ddd;
	min-height: 16px;
	line-height: 16px;
}
.poleNazwyPliku .progress {
	position: absolute;
	bottom: -14px;
	width: 100%;
	background: #eee;
	display: none;
}
.poleNazwyPliku .bar {
	background: #3F3;
	width: 0%;
	height: 14px;
}
.poleNazwyPliku .percent {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	color: #333;
}

.listaZdjec {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.listaZdjec th {
	color: white;
	background: #aaa;
	font-weight: normal;
	text-align: center;
	padding: 4px 10px;
}

.kontenerOpisuZdjecia { position: relative; }
.oknoOpisuZdjecia {
	display: none;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 2;
	width: 380px;
	padding: 30px 10px 10px 10px;
	text-align: left;
	background: white;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}
.oknoOpisuZdjecia .zamknij {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url('../images/zamknij.png') no-repeat;
	cursor: pointer;
}
.oknoOpisuZdjecia .pozycja {
	margin: 10px;
}
.oknoOpisuZdjecia .pozycja img {
	vertical-align: top;
	margin-right: 10px;
}
.oknoOpisuZdjecia .pozycja textarea {
	width: 300px;
}

.nazwaModuly {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
.akcjeModuly {
	margin-bottom: 10px;
	cursor: default;
}
.akcjeModuly a {
	display: inline-block;
	margin: 0 10px;
	padding: 4px 10px;
	color: white;
	background: #298eff;
	text-decoration: none;
}
.trescModuly { margin-right: 10px; }
.trescModuly p {
	margin: 7px 0;
}
.trescModuly .wartoscDomyslna {
	font-size: 11px;
	font-style: italic;
	color: #777;
}
.separatorGrup.moduly {
	margin: 10px 10px 10px 0;
}

.podsumowanieWykresu {
	margin: 30px auto 10px;
	text-align: center;
}
.podsumowanieWykresu .kolumna {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 5px 10px;
	text-align: right;
}
.podsumowanieWykresu .tresc { margin-right: 60px; }
.podsumowanieWykresu .ikona {
	position: absolute;
	top: 17px;
	right: 0;
}
.podsumowanieWykresu .wartosc { color: #888; }
.podsumowanieWykresu .ilosc { color: #298eff; }
.podsumowanieWykresu .srednia { color: #222; }
.podsumowanieWykresu .liczba {
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
}
.podsumowanieWykresu .wzrost, .podsumowanieWykresu .spadek, .podsumowanieWykresu .bezZmian {
	display: inline-block;
	margin-right: 30px;
	width: 20px;
	height: 22px;
}
.podsumowanieWykresu .wzrost { background: url('../images/wzrost.png') no-repeat; }
.podsumowanieWykresu .spadek { background: url('../images/spadek.png') no-repeat; }
.podsumowanieWykresu .bezZmian { background: url('../images/bezZmian.png') no-repeat; }

.wykres.doughnut {
	width: 50%;
	margin: auto;
}

h2 + .wybierzZakres {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.pytanie {
	padding: 100px;
	text-align: center;
}

#oknoPrzeciagnij {
	display: none;
	position: absolute;
	background: white;
	border: 1px solid #888;
	cursor: n-resize;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
#wyborKolumn .sortowane {
	list-style: none;
	display: block;
	position: relative;
	width: 250px;
	margin: auto;
	padding: 10px;
	background: #ccc;
}
#wyborKolumn .sortowane > li {
	display: block;
	width: 250px;
	margin: 2px 0;
	background: white;
	cursor: pointer;
}
#wyborKolumn .sortowane > li.ui-sortable-helper {
	position: absolute;
	background: white;
	border: 1px solid #888;
	cursor: n-resize;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

.listaAtrybutow {
	margin-left: -10px;
}
.listaAtrybutow .nazwa {
	width: 1%;
	max-width: 50%;
	white-space: nowrap;
}

.listaEdycji .pozycja {
	margin-bottom: 30px;
}
.listaEdycji .wiersz {
	margin-bottom: 10px;
}
.listaEdycji .wiersz .komorka {
	display: inline-block;
	vertical-align: top;
}
.listaEdycji .wiersz .komorka:nth-child(1) {
	width: 110px;
	padding-right: 10px;
}
.listaEdycji .wiersz .komorka:nth-child(2) {
	width: 830px;
}
.listaEdycji .wiersz .komorka.tekst {
	padding-top: 3px;
}

/* informacje w formie tabeli */
.informacjeTabela {
	display: table;
	margin: 20px 0;
}
.informacjeTabela .wiersz {
	display: table-row;
}
.informacjeTabela .komorka {
	display: table-cell;
	padding: 5px 20px 5px 0;
}

.edycjaTabela { margin: 0 auto; }
.edycjaTabela .opis {	padding: 5px 10px 5px 0; }
.edycjaTabela .tresc { padding: 5px 0; }
.edycjaTabela .tresc.nazwa { font-size: 16px; padding-bottom: 9px; }
.edycjaTabela .tresc.cena { font-weight: bold; }
.edycjaTabela input[type="text"],
.edycjaTabela select {
	height: 28px;
	width: 200px;
	padding: 0 10px;
	border: 1px solid #5896BD;
	vertical-align: middle;
}

.edycjaTabela select {
	width: 222px;
	height: 30px;
	padding: 5px 10px; /* wyrownanie tekstu dla ff */
}
.edycjaTabela .data table {
	display: inline-block;
	vertical-align: middle;
}
.edycjaTabela .data input[type="text"] { width: 40px; }
.edycjaTabela .data input[type="text"]:last-of-type { width: 68px; }

.linkiZakladki {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #298eff;
}
.linkiZakladki.dlaKontenera {
	margin-left: 181px;
	margin-right: 1px;
}
.linkiZakladki li {
	display: inline-block;
	margin-right: 5px;
}
.linkiZakladki a {
	display: block;
	padding: 8px 10px;
	color: black;
	background: #eee;
	text-decoration: none;
	border-radius: 3px 3px 0 0;
}
.linkiZakladki .aktywny a { color: white; background: #298eff; }
.linkiZakladki + .linkiZakladki { margin-top: 10px; }
.linkiZakladki + .dane { margin-top: 0; }

.uklad_strony { background: #eee; }
.uklad_strony .komorka { background: white; }

.uklad_strony .moduly {
	list-style: none;
	margin: 0;
	padding: 0;
}
.uklad_strony .moduly.wiersz {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.uklad_strony .moduly > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 5px;
	padding: 8px 5px;
	border-radius: 2px;
	color: black;
	background: white;
	border: 1px solid #c0deff;
	transition: background 0.2s ease;
}
.uklad_strony .moduly.sortowane > li {
	margin-bottom: 2px;
	cursor: move;
}
.uklad_strony .moduly.wiersz > li {
	width: calc(33.33% - 22px);
	margin: 5px;
}
.uklad_strony .moduly.sortowane > li:hover { background: #c0deff; }
.uklad_strony .moduly > li.aktywny {
	background: #298eff;
	border: 1px solid #298eff;
	color: white;
}
.uklad_strony .moduly.sortowane > li.aktywny:hover { background: #0066D8; }
.uklad_strony .moduly.sortowane > li.ui-sortable-helper {
	border: 1px solid black;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	z-index: 5;
}
.uklad_strony .moduly > li .przelacz {
	width: 45px;
	font-size: 20px;
	cursor: pointer;
}
.uklad_strony .moduly > li .grupa {
	display: flex;
	align-items: center;
	flex: 1;
}
.uklad_strony .moduly > li .nazwa {
	flex: 1;
	font-size: 13px;
	margin: 0 10px;
}

.uklad_strony .moduly .ustawienia {
	width: 45px;
	text-align: center;
}
.uklad_strony .moduly .akcje > li > a,
.uklad_strony .moduly .akcja {
	color: #298eff;
	background: none;
}
/*a.akcja:hover, .akcje > li > a:hover, .akcje > li.lista:hover > a, .akcje > li.lista > a.aktywny*/
.uklad_strony .moduly .akcje > li.lista > a.aktywny {
	color: white;
	background: #36d000;
}

.uklad_strony .moduly > li input { display: none; }

.uklad_strony .moduly > li.aktywny a {
	color: white;
}

#szablon .listaSzablonow {
	width: 80%;
	height: 400px;
	overflow-y: scroll;
}
#szablon .wiecejSzablonow {
	width: 80%;
	margin-top: 20px;
	text-align: right;
}
.ukryj.poleNazwyPliku {	width: 0; }
.ukryj.poleNazwyPliku .fileinfo { display: none; }

#download.zatwierdz {
	margin-top: -43px;
	margin-right: 2px;
}

#uklad .wymiary {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
#uklad .wymiary li { display: inline-block; }
#uklad .wymiary li:nth-child(-n+2) { margin-right: 30px; }
#uklad .wymiary input[type="text"] { margin-left: 5px; }

#uklad .naglowekKolumny { min-height: 150px; }

#images .flaga {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	margin-right: 10px;
}
#images .jezyk .przelaczUkryte .przycisk {
	vertical-align: middle;
}
#images .podgladWszystkich {
	text-align: right;
}
#images .dodajNowe {
	text-align: right;
	margin: 20px 0 40px 0;
}
#images .dodajNowe .pozycja { margin-bottom: 5px; }
#images .dodajNowe .pozycja:nth-child(n+2) { display: none; }
#images .poleNazwyPliku.ukryj { margin-left: 0; }
#images .poleNazwyPliku { margin-left: 5px; }
#images .sortable {
	list-style: none;
	display: block;
	width: 880px;
	margin: 20px 0 20px 80px;
	padding: 0;
}
#images .sortable li {
	border: 1px solid #eee;
	margin: 10px 0;
	padding: 10px;
	background: white;
	cursor: move;
	transition: border 0.2s ease;
}
#images .sortable li:hover { border-color: #444; }
#images .sortable li.ui-sortable-helper {
	box-shadow: 5px 5px 50px rgba(0,0,0,0.2);
}
#images .sortable input[type="checkbox"] { cursor: default; }
#images .sortable .zaznacz {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	margin-left: -91px;
	text-align: center;
	cursor: default;
}
#images .sortable .slajd {
	display: inline-block;
	vertical-align: middle;
	width: 858px;
	margin-left: 25px;
}
#images .sortable .slajd .zdjecie img {
	position: relative;
	max-width:100%;
	max-height: 300px;
}
#images .sortable .slajd .edycja {
	margin-top: 10px;
	text-align: right;
}

#settings .informacjeTabela {
	width: 100%;
	margin: 0;
}
#settings .informacjeTabela.wybor { margin-bottom: 30px; }
#settings .komorka:first-of-type { width: 30%; }
#settings input[type="text"] { width: 350px; }
#settings select { width: 372px; }
#settings .kontenerStrzalek img {
	background: #ccc;
	padding: 10px;
	margin-top: 10px;
}
#list_containers .ramka .tresc {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 10px 5px;
	border: 1px solid white;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#list_containers .ramka .delete_frame {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
#dragCont {
	background: white;
	border: 3px solid #999;
	overflow: hidden;
}
#draggables {
	transform-origin: left top;
}
#images .listaJezykow .pozycja.styl2 { margin-bottom: 20px; }

.import { text-align: center; }
.import .fa-spinner {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: #777;
}
.pasekPostepu {
	width: 800px;
	margin: 50px auto;
}
.pasekPostepu .opis { margin-bottom: 10px; }
.pasekPostepu .opis .wartosc {
	margin-left: 20px;
	font-size: 18px;
}
.pasekPostepu .pasek {
	margin-bottom: 30px;
	width: 800px;
	background: #ddd;
}
.pasekPostepu .postep {
	width: 0px;
	height: 10px;
	background: #298eff;
	transition: width 0.3s ease;
}
.pasekPostepu .dodatkowe {
	margin-top: 50px;
	color: #888;
}

.fa-spinner.doNaglowka {
	color: #777;
	font-size: 30px;
}
.fa-spinner {
	animation: obracaj 2s ease-in-out 0s infinite normal;
	-webkit-animation: obracaj 2s ease-in-out 0s infinite normal;
}
@keyframes obracaj {
	from {}
	to { transform: rotate(360deg);	}
}
@-webkit-keyframes obracaj {
	from {}
	to { transform: rotate(360deg);	}
}

.dodajOpcje {
	width: 300px;
	margin: auto;
}
.dodajOpcje .nazwaJezyka {
	display: inline-block;
	min-width: 25px;
}
.dodajOpcje .tytulGrupy {
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.dodajOpcje .tytulGrupy.pierwszy { margin: 0 0 5px 0; }
.dodajOpcje input.styl1 { width: 269px; }
.dodajOpcje .nazwaJezyka + input.styl1 { width: 240px; }
.dodajOpcje select.styl1 { width: 291px; }
.dodajOpcje .zatwierdz {
	text-align: center;
	padding-top: 20px;
}
.dodajOpcje .zatwierdz a:first-of-type { margin-left: 0; }

.powrotSzablony {
	margin-top: 25px;
}
.powrotSzablony div {
	margin-bottom: 25px;
}
.powrotSzablony .fa.btn4 {
	width: 16px;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
.powrotSzablony a.btn4 { width: 330px; }
	
.listaDodatkow {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	list-style: none;
	padding: 0;
	margin: 10px -10px 20px -10px;
	text-align: left;
}
.listaDodatkow li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	padding: 5px 5px 5px 20px;
	width: calc(25% - 20px);
	box-sizing: border-box;
	text-align: center;
	border: 1px dashed #ddd;
	overflow: hidden;
}
.listaDodatkow li.aktywny {
	border: 1px solid #298eff;
	outline: 2px solid #298eff;
}
.listaDodatkow li.wybrany {
	border: 1px solid #298eff;
}
.listaDodatkow .zaznaczanie {
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: -10px;
}
.listaDodatkow .miniaturka {
	display: flex;
	align-items: center;
	justify-content: center;
}
.listaDodatkow .miniaturka img {
	max-width: 150px;
	max-height: 150px;
}
.listaDodatkow .nazwa {
	margin-top: 10px;
	color: #555;
	overflow: hidden;
}
.listaDodatkow .wstazka {
	position: absolute;
	top: 15px;
	left: -127px;
	width: 300px;
	padding: 5px;
	background: #36d000;
	color: white;
	font-weight: bold;
	font-size: 11px;
	transform: rotate(-45deg);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	cursor: default;
}

.listaDodatkow.tutorial li {
	padding: 0;
}
.listaDodatkow.tutorial li:hover {
	border: 1px solid #298eff;
}
.listaDodatkow.tutorial button {
	display: block;
	width: 100%;
	padding: 5px;
	background: none;
	border: none;
	cursor: pointer;
}
.listaDodatkow.tutorial .miniaturka {
	height: 150px;
}

#messages_container {}
#messages_container .wiadomosc {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 10px 10px 50px;
	border: 1px solid #ddd;
}
#messages_container .wiadomosc:nth-child(even) {
	background: #f5f5f5;
}
#messages_container .wiadomosc .data,
#messages_container .wiadomosc .tytul {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
}
#messages_container .wiadomosc .data {
	width: 14%;
	color: #777;
}
#messages_container .wiadomosc .tytul {
	width: 85%;
	font-size: 16px;
}
#messages_container .wiadomosc .opis { margin-top: 20px; }
#messages_container .wiadomosc .status {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 24px;
	cursor: pointer;
}
#messages_container .wiadomosc .status.fa-envelope {
	color: #298eff;
}
#messages_container .wiadomosc .status.fa-envelope-o {
	color: #ccc;
}
#messages_container .wiadomosc .wiecej {
	margin-top: 10px;
}

.edycjaModulow .tytul {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin: 8px 0;
	font-weight: bold;
}
.edycjaModulow .tytul.tekst { margin: 0; }
.edycjaModulow .tytul.przyciski {
	margin: 0;
	vertical-align: middle;
}
.edycjaModulow .tytul.wiersz { display: block; }
.edycjaModulow .tytul .podpowiedz { margin-top: -10px; }
.edycjaModulow .opis {
	font-size: 12px;
	font-weight: normal;
}
.edycjaModulow .opis .szczegoly { font-size: 11px; }
.edycjaModulow .zawartosc {
	display: inline-block;
	width: 74%;
	padding-left: 32px;
}
.edycjaModulow .zawartosc table { margin: 0 -5px; }
.edycjaModulow .zawartosc.tekst table { margin: -5px; }
.edycjaModulow .zawartosc table td { padding: 2px 20px 2px 5px; }
.edycjaModulow .zawartosc .opis { padding: 7px 30px 5px 5px; }
.edycjaModulow .zawartosc.tekst .opis { padding-top: 5px; }
.edycjaModulow .zawartosc.flagi { padding-left: 0; }
.edycjaModulow .zawartosc.flagi input[type="text"] { width: 400px; }
.edycjaModulow .zawartosc .pozycja { margin-bottom: 5px; }
.edycjaModulow .zawartosc .pozycja.tekst { margin: 5px 0; }
.edycjaModulow .zawartosc .pozycja.tekst:first-of-type .podpowiedz { margin-top: -17px; }
.edycjaModulow .zawartosc img { vertical-align: middle; }
.edycjaModulow .zawartosc .btn2,
.edycjaModulow .zawartosc .styl1 { vertical-align: middle; }
.edycjaModulow .zawartosc .styl1.szerszy { width: 400px; }
.edycjaModulow .zawartosc .przyciski {
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
}
.edycjaModulow .zawartosc .btn2 + .btn2.wiekszy { margin-left: 10px; }
.edycjaModulow .zawartosc select { min-width: 122px; max-width: 200px; }
.edycjaModulow .zawartosc input[type="text"] { width: 100px; }
.edycjaModulow .zawartosc input[type="checkbox"],
.edycjaModulow .zawartosc input[type="radio"] { vertical-align: middle; }
.edycjaModulow .zawartosc .pozycja .tekst {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.edycjaModulow .zawartosc .kontenerStyl1 { padding-right: 30px; }
.edycjaModulow .zawartosc .kontenerStyl1 .styl1 { width: 100%; max-width: 100px; }
.edycjaModulow .zawartosc .mce-tinymce {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}
.edycjaModulow .zawartosc.flagi.edytor img { vertical-align: -14px; }

.infoBoxHeading .edycjaModulow .tytul,
.infoBoxHeading .edycjaModulow .zawartosc {
	width: auto;
	min-width: 20%;
	max-width: 50%
}
.infoBoxHeading .edycjaModulow .zawartosc a:first-child {
	margin-left: 0;
}

.aktualizacjaProduktow {
	display: flex;
	justify-content: center;
}
.aktualizacjaProduktow > div {
	display: flex;
	align-items: center;
	position: relative;
	width: 33%;
	min-height: 100px;
	margin: 0 20px;
	padding: 20px 20px 20px 100px;
	text-align: left;
	border: 1px solid #98c8ff;
	border-radius: 5px;
	overflow: hidden;
}
.aktualizacjaProduktow > div ul {
	position: relative;
}
.aktualizacjaProduktow .fa {
	position: absolute;
	left: 20px;
	top: calc(50% - 50px);
	line-height: 100px;
	font-size: 100px;
	color: rgba(0,0,0,0.2);
	cursor: default;
	transition: all 1s;
}
.aktualizacjaProduktow > div:hover .fa {
	transform: scale(2);
	opacity: 0.2;
}

.dodatkoweSzablony {
	display: none;
	position: relative;
}
.dodatkoweSzablony > .dane {
	margin: 0;
}
.szablonyDodatkoweOdstep { margin: 10px 0; border-top: 1px solid #eee; }

.komunikatFaktury strong {
	font-size: 120%;
}

.daneFaktury {}
.daneFaktury .bord {
	padding: 5px 10px;
}
.daneFaktury .bord + .bord { margin-top: 10px; }
.daneFaktury .trescL,
.daneFaktury .trescP {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}
.daneFaktury .trescL { font-weight: bold; }
.daneFaktury .numerFaktury {
	margin-top: 20px;
	text-align: center;
}
.daneFaktury .numerFaktury .bord {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	height: 25px;
	line-height: 25px;
	margin: 0;
	text-align: left;
}
.daneFaktury .numerFaktury .bord + .bord {
	width: 80px;
	margin-left: 10px;
}
.daneFaktury .ramkaAdresowa {
	float: left;
	width: 416px;
	min-height: 150px;
	border: 3px solid #ddd;
}
.daneFaktury .ramkaAdresowa + .ramkaAdresowa {
	float: right;
	width: 50%;
}
.daneFaktury .ramkaAdresowa .bord {
	margin: 10px;
	overflow: hidden;
}
.daneFaktury .ramkaAdresowa .bord > div { vertical-align: top; }
.daneFaktury .ramkaAdresowa .bord > div:nth-child(1) { width: 40%; }
.daneFaktury .ramkaAdresowa .bord > div:nth-child(2) { width: 42%; }
.daneFaktury .ramkaAdresowa .bord > div:nth-child(3) { width: 16%; }
.daneFaktury .ramkaAdresowa .tytul {
	padding: 5px 10px;
	font-weight: bold;
	background: #ddd;
}
.daneFaktury .ramkaAdresowa .informacja {
	padding: 5px 10px;
}

.daneFaktury .dlaLogo {
	border: 3px solid #ddd;
	width: 250px;
	height: 60px;
	text-align: center;
}
.daneFaktury .dlaLogo img {
	max-width: 100%;
	max-height: 100%;
}

.szerokosc70 textarea.styl1 {
	width: calc(100% - 22px);
}
.szerokoscWM input[type="text"].styl1 {
	width: calc(100% - 22px);
}
.szerokoscWM select {
	width: 100%;
}

.listaHurtowni h3 {
	text-align: center;
}
.listaHurtowni .kategoria {
	margin: 5px 0;
}
.listaHurtowni .kategoria .nazwaKategorii {
	display: flex;
	align-items: center;
	background: #298eff;
	cursor: pointer;
	transition: all 0.2s;
}
.listaHurtowni .kategoria .nazwaKategorii .tekst {
	font-size: 14px;
	color: white;
}
.listaHurtowni .kategoria .nazwaKategorii .ikona {
	margin: 0 10px;
	transition: all 0.2s;
}
.listaHurtowni .kategoria .nazwaKategorii .ikona::before {
	font-family: FontAwesome;
	content: "\f107";
	color: white;
	font-size: 26px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.listaHurtowni .kategoria .nazwaKategorii.aktywna {
	background: #086bda;
}
.listaHurtowni .kategoria .nazwaKategorii.aktywna .ikona {
	transform: rotate(180deg);
}
.listaHurtowni .lista {
	display: none;
}
.listaHurtowni .lista .pozycja {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.listaHurtowni .lista .pozycja + .pozycja {
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
.listaHurtowni .lista .pozycja > div {
	margin-left: 10px;
}
.listaHurtowni .lista .pozycja .wybierz {
	width: 40px;
	text-align: center;
}
.listaHurtowni .lista .pozycja .nazwa {
	width: 30%;
}
.listaHurtowni .lista .pozycja .opis {
	width: 60%;
	margin-left: 20px;
	flex: 1 auto;
	overflow: hidden;
}
.listaHurtowni .lista .pozycja .opis * {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 12px !important;
	line-height: normal !important;
	color: black !important;
}
.listaHurtowni .lista .pozycja .opis a {
	color: #298eff !important;
}
.listaHurtowni .komunikat {
	margin: 20px 0;
	text-align: center;
}
.listaHurtowni .element {
	display: flex;
	justify-content: center;
	align-items: center;
}
.listaHurtowni .element > div {
	width: 30%;
	padding: 5px 10px;
}
.listaHurtowni .element input[type="text"] {
	/* jak .styl1 */
    height: 28px;
	padding: 0 10px;
	border: 1px solid #5896BD;
}

.aktywnySzablon {
	width: 240px;
	text-align: center;
	margin: auto;
	padding: 10px;
	border: 1px dashed #ddd;
}
.aktywnySzablon .zdjecie img {
	max-width: 200px;
}
.aktywnySzablon .nazwa {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
.aktywnySzablon .opis {
	margin-top: 5px;
}

.aktywnySzablon + .przerwa {
	margin: 20px 0 10px 0;
	border-top: 1px solid #ddd;
}

.spolecznosciowe {
	cursor: default;
}
.spolecznosciowe .tekst {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	text-align: right;
}
.spolecznosciowe a {
	display: inline-block;
	vertical-align: middle;
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
}
.spolecznosciowe .blog {
	background-image: url('../images/spolecznosciowe.png');
	background-position: 0 top;
}
.spolecznosciowe .facebook {
	background-image: url('../images/spolecznosciowe.png');
	background-position: -34px top;
}
.spolecznosciowe .googlePlus {
	background-image: url('../images/spolecznosciowe.png');
	background-position: -68px top;
}
.spolecznosciowe .twitter {
	background-image: url('../images/spolecznosciowe.png');
	background-position: -102px top;
}
.spolecznosciowe .youtube {
	background-image: url('../images/spolecznosciowe.png');
	background-position: -136px top;
}
.spolecznosciowe .blog:hover {
	background-position: 0 bottom;
}
.spolecznosciowe .facebook:hover {
	background-position: -34px bottom;
}
.spolecznosciowe .googlePlus:hover {
	background-position: -68px bottom;
}
.spolecznosciowe .twitter:hover {
	background-position: -102px bottom;
}
.spolecznosciowe .youtube:hover {
	background-position: -136px bottom;
}

.edytorStylow {
	display: flex;
	align-items: stretch;
}
.edytorStylow .kolumna + .kolumna {
	margin-left: 50px;
	padding-left: 50px;
	border-left: 1px solid #ddd;
}
.edytorStylow .wiersz {
	display: table-row;
}
.edytorStylow .komorka {
	display: table-cell;
	padding: 5px 20px 5px 0;
}

/* colorjack wersja rozszerzona - edytor stylow */
#colorjack.wersja2 {
	width: 360px;
}
#colorjack.wersja2 .dodatkowe {
	float: left;
	margin-left: 20px;
}
#colorjackHEXinput {
	width: 100px;
}
#colorjackPreview {
	margin: 20px 0;
	width: 80px;
	height: 80px;
	border: 1px solid #5896BD;
}
#colorjackPreview.przezroczysty {
	background: url(../images/transparent.png) !important;
}
#colorjack.wersja2 label {
	vertical-align: middle;
}

.fa.zaplac {
	vertical-align: sub;
}

.galeriaWybor {
	position: relative;
}
.galeriaWybor .wybierz {
	cursor: pointer;
	display: inline-block;
	padding: 5px 0;
}
.galeriaWybor .wybranyObraz img,
.galeriaWybor .lista img {
	max-width: 90px;
	max-height: 90px;
}
.galeriaWybor .wybranyObraz a {
	cursor: pointer;
}
.galeriaWybor .oknoWyboru {
	position:absolute;
	top: 23px;
	left: 0px;
	width: 300px;
	min-height: 100px;
	padding: 10px;
	background: white;
	border: 2px solid #999;
	display: none;
	z-index: 20;
}
.galeriaWybor .oknoWyboru .przyciski {
	text-align: right;
}
.galeriaWybor .oknoWyboru .lista {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.galeriaWybor .oknoWyboru .lista > div {
	width: 90px;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.galeriaWybor .oknoWyboru .lista img {
	cursor: pointer;
}

/* standardowe */
.marginesGD1 { margin: 10px 0; }
.marginesGD2 { margin: 20px 0; }
.marginesGD5 { margin: 50px 0; }
.marginesLP1 { margin: 0 10px; }
.marginesLP2 { margin: 0 20px; }
.marginesG0 { margin-top: 0; }
.marginesG1 { margin-top: 10px; }
.marginesG2 { margin-top: 20px; }
.marginesG3 { margin-top: 30px; }
.marginesG5 { margin-top: 50px; }
.marginesG10 { margin-top: 100px; }
.marginesD0 { margin-bottom: 0; }
.marginesD05 { margin-bottom: 5px; }
.marginesD1 { margin-bottom: 10px; }
.marginesD2 { margin-bottom: 20px; }
.marginesD5 { margin-bottom: 50px; }
.marginesL1 { margin-left: 10px; }
.marginesL2 { margin-left: 20px; }
.marginesL5 { margin-left: 50px; }
.marginesP1 { margin-right: 10px; }
.marginesP2 { margin-right: 20px; }
.marginesP5 { margin-right: 50px; }
.margines1 { margin: 10px; }
.wypelnienie1 { padding: 10px; }
.szerokosc10 { width: 100px; }
.szerokosc20 { width: 200px; }
.szerokosc40 { width: 400px; }
.szerokosc70 { width: 700px; }
.szerokoscP25 { width: 25%; }
.szerokoscP5 { width: 50%; }
.szerokoscP10 { width: 100%; }
.wysokosc2 { height: 20px; }
.obok { display: inline-block; vertical-align: top; }
.wysrodkuj { margin: auto; }
.doSrodka { text-align: center; }
.doSrodkaV { vertical-align: middle; }
.doLewej { text-align: left; }
.doPrawej { text-align: right; }
.wLinii { white-space: nowrap; }
.linia24 { line-height: 24px; }
.linia30 { line-height: 30px; }
.tekst13 { font-size: 130%; }
h1 .zwykly {
	font-size: 12px;
	font-weight: normal;
}
#centers .m24-import, .m24-import-status {
    display: none;
}

#centers .m24-import-status {
    font-weight: bold;
    text-align: center;
    margin: 8px 0;
}

#centers  div[class^=import] > p {
    font-weight: bold;
}

#centers div[class^=import] > div[class^=progress] {
    border: solid 1px #ccc;
    /*width: 50%;*/
    height: 25px;
    
}

#centers .bar_1, 
#centers .bar_2 {
    width: 0%;
    background: #ccc;
    height: 100%;
}

#centers .progress_1, #centers .progress_2 {
    position: relative;
}

#centers .percent_1, #centers .percent_2 {
    position: absolute; 
    top: 25%; 
    left: 47%;
    font-weight: bold;
}
.boxLinkAdm .podpowiedz {
	margin: 0;
}
.alertAc {
	border: 4px solid #f00;
    border-radius: 5px;
    color: #f00;
    line-height: 1.6em;
    margin: 0 300px;
    padding: 10px 20px;
}
.bigLetter {
	font-size: 1.4em;
}
.bold {
	font-weight: bold;
}
.yellow {
	color: #ffd300;
	font-size: 3em;
}
p.black {
	color: #000;
}
.boxActuOK {
	text-align: center;
}
.boxActuOK a{
	display: inline-block;
}
.brake_r {
	margin-right: 40px;
}
.hidden {
	display: none;
}
.dataTableRow {
	position: relative;
}
.odlwj,
.odwj {
	display: none;
	z-index:25;
	position:absolute;
	bottom: -20px;
	left: 100px;
	background: #fff;
	border: 2px solid #ccc;
	padding:10px;
}
.boxOdlwj:hover a + .odlwj,
.boxOdwj:hover a + .odwj {
	display: block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dane .dataTableRow .dataTableContent.boxOdlwj,
	.dane .dataTableRow .dataTableContent.boxOdwj  {
		overflow: inherit;
		position: relative;
	}
	.odlwj,
	.odwj {
		left: 20px;
	}
}


/* urzadzenia */
@media print {
	body {
		background: white;
		font-size: 10px;
	}
	.dane, table { font-size: 10px; }
	.smallText { font-size: 9px; }
	.naglowek .tytul, h2 { font-size: 14px; }
	.dane > tbody > tr > th { height: 14px; }
	.zatwierdz { display: none; }
	td, th, .dane > tbody > tr > td { padding: 2px; }
	table { margin: 0 auto !important; }
	.bord { padding: 4px !important; }
	#faktura td[height="10px"] { height: 3px !important; }
	form[name="update_orders_product"] table.bord { margin-top: 3px !important; }
}