/* <![CDATA[ */
@import url('https://fonts.googleapis.com/css?family=Poppins:200,400,700&display=swap&subset=latin-ext');

html, body {
  background: #ffffff url(images/tlo.jpg) center fixed no-repeat;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	font-family: 'Poppins', Helvetica, sans-serif;
	font-weight:400;
}

ul {
	list-style: square;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	/*text-indent: 10px;*/
}
li { display: list-item; }

h1 {font-size:30px;padding:0px;margin:0px;font-weight:400;}
h2 {font-size:16px;padding:0px;margin:0px;font-weight:400;}
h3 {font-size:17px;padding:0px;margin:0px;color:#449ec8; font-weight:300;}

img, video { border:0px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
 }

form {margin:0px;padding:0px}
input {border:none;padding:8px 0px;box-sizing:border-box;margin:0px;font-size: 14px;font-family: 'Poppins', Helvetica, sans-serif; }
input {width: 100%;}
input[type="date"], input[type="file"], input[type="checkbox"]  { padding:4px;border:none;width: auto;}
input:focus, select:focus {outline:var(--niebieski) 1px solid;}


input.input_disabled {
	font-size: 13px;
	border:1px solid #909090;
	background-color: #e5e5e5;
	width: 150px;
	height:18px;
	padding:3px;
	}

input.input_normal {
	font-size: 13px;
	border:1px solid #909090;
	background-color: #ffffff;
	width: 150px;
	height:18px;
	padding:3px;
vertical-align: baseline;
}

/* ERP ----------------------------------*/
/* uzywane kolory w zmiennych */
:root {
	--czerwony: #d20033;
	--zielony: #5fb871;
	--niebieski: #1876f1;
	--szary:#dbdbdb;
	--bialy: #ffffff;
	--szary_jasny:#F5F5F5;
	--grafit:#818181;
	--rog_element: 10px;
	--rog_button: 15px;
}

a{ text-decoration: none; color:var(--niebieski);}
a:hover {  text-decoration: underline; -webkit-transition: .2s color linear;   -moz-transition: .2s color linear; transition: .2s color linear;}
a:focus { outline:none;	}
/* listy rozwijane */
/*select:before {   border: 1px solid #e5e5e5;   padding: 10px;}*/

.info {color:var(--grafit);font-size:90%;padding:0px;margin-top:5px;}

select {
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
	text-overflow: ellipsis;
	padding:9px 5px;
	/*overflow:hidden;*/
	box-sizing:border-box;
	white-space: nowrap;
	border: none;
	max-width:100%;
	width:50%;
	font-size: 14px;
	font-family: 'Poppins', Helvetica, sans-serif;
	background-color: #ffffff;
	background-image: url(images/erp-strzalka-wdol.svg);background-position: right 5px center; background-repeat:no-repeat;background-size: 18px;border:none; padding-right:30px;
  }

  /* For IE10 */
select::-ms-expand {
	display: none;
  }

/*select+input {margin-left:10px}*/
select.select+input.nowa_wartosc, .kolor.nowa_wartosc {display:none;margin-left:10px}
select.select+input.nowa_wartosc.inline, .kolor.nowa_wartosc.inline {display: inline-block;width: 35%;}
/*select.select option[value='dodaj']:checed+div {display:inline-block;}*/
select.select option[value='0'],select.select option[value=''],select.select option[value='dodaj'], select.select option[value='sortuj'], select.select option[value='kategoria'] {font-weight: bold;}

select.select_wysz {
	background-image: url(images/erp_kategorie.svg),url(images/erp-strzalka-wdol.svg);background-position: left 5px center,right 5px center; background-repeat:no-repeat,no-repeat;background-size: 22px,18px;border:none; font-size: 16px;padding-right:30px;width: 180px;padding-left:30px;
	text-overflow: ellipsis;overflow:hidden;white-space: nowrap;
}

select.select_wysz2 {
	background-image: url(images/erp_sortuj.svg),url(images/erp-strzalka-wdol.svg);background-position: left 5px center,right 5px center; background-repeat:no-repeat,no-repeat;background-size: 18px,18px;border:none; font-size: 16px;padding-right:30px;width: 180px;padding-left:30px;
	text-overflow: ellipsis;overflow:hidden;white-space: nowrap;
}

select.select_wysz3 {
	background-image: url(images/erp_kolumny.svg),url(images/erp-strzalka-wdol.svg);background-position: left 5px center,right 5px center; background-repeat:no-repeat,no-repeat;background-size: 22px,18px;border:none; font-size: 16px;padding-right:30px;width: 180px;padding-left:30px;
	text-overflow: ellipsis;overflow:hidden;white-space: nowrap;
}

.slownik_zedycja {width: calc(60% - 30px);}
select[multiple] {width: calc(100% - 30px);}

.widthauto {width: auto;}

/*tabele*/
table.fine {/*border-spacing:3px;*/ border-collapse: collapse;border:none;font-size: 15px;width: 100%;/*table-layout: fixed;*/user-select:none;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;
-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
table.fine.auto {table-layout: auto;max-width: 100%;}

.fine td {padding:8px 2px;border:none;vertical-align:middle;text-align:left; /*white-space: nowrap;*/overflow: hidden;text-overflow: ellipsis;}
.fine.auto td {white-space: normal;overflow:visible;text-overflow:initial;}
.fine td strong {color:var(--niebieski);}
.fine th {padding:10px 2px;font-size: 16px;border:none;vertical-align:middle;color:#ffffff;text-align:left;font-weight:600; background-color:var(--niebieski);}
.fine th a, .fine th a:hover {color:#ffffff}
.fine td:first-child, .fine th:first-child {border-radius: 10px 0px 0px 10px;text-align:center;margin: 0px 10px;}
.fine td:last-child, .fine th:last-child {border-radius: 0px 10px 10px 0px;text-align:center;}

.fine td input[type=checkbox], .fine th input[type=checkbox] {margin: 0px 10px;}

.fine tr:nth-child(odd) { background-color:#ffffff; }
.fine tr:nth-child(even) { background-color:#f5f7fd; }
.fine tr:nth-child(odd):hover, .fine tr:nth-child(even):hover, .fine tr.tr_kolor:hover { background-color: #e8edfd; color:#000000}
.fine tr.zaznaczone2:hover strong, .fine tr.zaznaczone2:hover span, .fine tr:hover strong, .fine tr.zaznaczone2:hover td a:not(.ikona_typ), .fine tr:hover td span:not(.podtytul_lista) {color: var(--niebieski);}
.fine tr:hover th a {color: var(--bialy)!important;}

/*.fine tr.usuniete {border-radius: var(--rog_element); box-shadow: 0px 0px 0px 2px var(--czerwony);border-bottom: 2px solid var(--czerwony);}*/
.fine tr.usuniete {border-radius: var(--rog_element); color:#ffffff!important;background-color: var(--czerwony);border-bottom: 1px solid #ffffff;}
.fine tr.usuniete td strong,.fine tr.usuniete td span {color:#ffffff!important;}
.fine tr.usuniete:hover, .fine tr.usuniete.zaznaczone { background-color: var(--czerwony); }
.fine tr.wyszarzone {border-radius: var(--rog_element); color: var(--szary);}

.fine tr.zaznaczone {border-radius: var(--rog_element); background-color: #dde2f1;}
.fine tr.zaznaczone2 {border-radius: var(--rog_element); background-color: var(--zielony);color: var(--bialy);}
.fine tr.zaznaczone2 td strong {  color: var(--bialy);}
.fine tr.zaznaczone2 td a {  color: var(--bialy);}
.fine tr.zaznaczone2 td span {  color: var(--bialy)!important;}

.fine .center,.center {text-align: center;}

.fine .id {width: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fine .zaznacz_check {width: 50px;}
.fine .akcje2 {width: 70px;white-space: nowrap;overflow:visible;}
.fine .fraza {max-height: 35px;}
.fine .calosc {white-space: normal;overflow:visible;text-overflow:initial;}

.fine2 { margin:0px!important;}
.fine2 th, .fine2 th:first-child, .fine2 th:last-child  {font-size: 12px;text-align:left}
.fine2 td, .fine2 td:first-child, .fine2 td:last-child { white-space: nowrap;vertical-align:middle;text-align:left}
.fine2 td input {min-width: 50px;}

.ui-sortable-helper { box-shadow: 0 3px 10px rgba(0,0,0,.1), 0 10px 30px rgba(0,0,0,.05);}
.drag-list td { transition: box-shadow .1s ease-in-out;}

.podtytul_lista {font-size:80%; display: block;}

.border-right {
	border-right:1px solid var(--szary);
	padding-right:10px;
	margin-right:10px;
}
.inline {display: inline-block!important;}

.autorozmiar{display:inline-block;margin-right:10px;/*vertical-align:middle;*/}

/* przesuwany switch*/
input.switch_input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
}

label.switch {
	cursor: pointer;
	text-indent: -9999px;
	text-align:left;
	width: 45px;
	height: 27px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
	top:-20px;
	box-sizing: border-box;
}

label.switch:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 21px;
	height: 21px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

input.switch_input:checked + label.switch {
	background: var(--zielony);
}

input.switch_input:checked + label.switch:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}

input[name="data_news_end"],input[name="data_prom_end"] {
	display: none;
}

input[type="color" i] {
    appearance: square-button;
    width: 60px;
    height: 23px;
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
	border-image: initial;
	border-radius: 5px;
    padding: 1px 2px;
}

label.switch:active:after {
	width: 25px;
}

/* toggle switch */
input.toggle[type = checkbox]:not(:checked)+label.toggle+div { display:none;}
label.toggle { cursor: pointer;position: relative;width: 100%;display: block;padding:12px 0px;color:#000000;padding-right: 30px;box-sizing: border-box; }
input.toggle { display: none; }
label.toggle+div>p { padding:0px;margin-top:0px; }
label.toggle:after {
	content: "";
	position: absolute;
	width: 23px;
	height: 14px;
	top: 15px;
	right: 0px;
	z-index: 40;
	text-align: center;
	background: url(images/erp_strzalka_wdol.svg) center no-repeat;background-size: 23px auto;
	transform: rotate(-90deg);
	transition: all 0.4s ease;
  }

input.toggle[type=checkbox]:checked+label.toggle:after {
	content: "";
	position: absolute;
	width: 23px;
	height: 14px;
	top: 15px;
	right: 0px;
	z-index: 40;
	text-align: center;
	background: url(images/erp_strzalka_wdol.svg) center no-repeat;background-size: 23px auto;
	transition: all 0.4s ease;
	transform: rotate(0deg);
  }

input.toggle_up[type = checkbox]:not(:checked)+label.toggle_up+div { display:block;}
label.toggle_up { cursor: pointer;position: relative;display: inline-block;padding:12px 0px;color:#000000;padding-right: 30px;box-sizing: border-box; }
input.toggle_up { display: none; }
label.toggle_up+div>p { padding:0px;margin-top:0px; }
label.toggle_up:after {
	  content: "";
	  position: absolute;
	  width: 23px;
	  height: 14px;
	  top: 15px;
	  right: 0px;
	  z-index: 40;
	  text-align: center;
	  background: url(images/erp_strzalka_wdol.svg) center no-repeat;background-size: 23px auto;
	  transform: rotate(180deg);
	  transition: all 0.4s ease;
	}

input.toggle_up[type=checkbox]:checked+label.toggle_up:after {
	  content: "";
	  position: absolute;
	  width: 23px;
	  height: 14px;
	  top: 15px;
	  right: 0px;
	  z-index: 40;
	  text-align: center;
	  background: url(images/erp_strzalka_wdol.svg) center no-repeat;background-size: 23px auto;
	  transition: all 0.4s ease;
	  transform: rotate(0deg);
	}
label.toggle_up{display: none;}

/* toggle switch poziome */
/*select.test.option[value="0"] {pointer-events: none;opacity: 0.5;color:red;}*/


/*
input.toggle_poziome[type = checkbox]:not(:checked)+label.toggle_poziome+div { display:none;}
input.toggle_poziome[type = checkbox]:checked select.test {pointer-events: none;opacity: 0.5;color:red;}
input.toggle_poziome[type = checkbox]:checked+label.toggle_poziome+div { display:inline-block;}
input.toggle_poziome[type = checkbox]:not(:checked)+label.toggle_poziome { cursor: pointer;position: relative;display: inline-block;color:#000000;box-sizing: border-box;width:35px;height:35px; border-radius: 5px;vertical-align: middle;text-align: center;box-sizing: border-box;padding: 10px;margin:0 20px; background: var(--zielony) url(/edycja/images/plusw.svg) center no-repeat;background-size: 20px; }
input.toggle_poziome[type = checkbox]:checked+label.toggle_poziome { cursor: pointer;position: relative;display: inline-block;color:#000000;box-sizing: border-box;width:35px;height:35px; border-radius: 5px;vertical-align: middle;text-align: center;box-sizing: border-box;padding: 10px;margin:0 20px;background: var(--niebieski) url(/edycja/images/plusw.svg) center no-repeat;background-size: 20px; }
label.toggle_poziome:hover {background-color: var(--niebieski);}
input.toggle_poziome { display: none; }*/

/*puretooltip*/
.wrapper_tooltip {
	-webkit-transform: translateZ(0); /* webkit flicker fix */
	-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	  display:inline-block;
	  vertical-align: middle;
	}

	.wrapper_tooltip .tooltip {
	background: var(--szary_jasny);
	border-radius: 4px;
	text-align: left;
	bottom: 100%;
	color: #000000;
	display: block;
	left: -145px;
	margin-bottom: 15px;
	opacity: 0;
	padding: 10px 15px;
	pointer-events: none;
	position: absolute;
	z-index:1000000;
	width: 300px;
	-webkit-transform: translateY(10px);
	  -moz-transform: translateY(10px);
	  -ms-transform: translateY(10px);
	   -o-transform: translateY(10px);
		transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	  -moz-transition: all .25s ease-out;
	  -ms-transition: all .25s ease-out;
	   -o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.18);
	  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.18);
	  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.18);
	   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.18);
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.18);
	}

	/* This bridges the gap so you can mouse into the tooltip without it disappearing */
	.wrapper_tooltip .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
	}

	/* CSS Triangles - see Trevor's post */
	.wrapper_tooltip .tooltip:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid var(--szary_jasny) 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0;
	}

	.wrapper_tooltip:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	  -moz-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	   -o-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* IE can just show/hide with no transition */
	.lte8 .wrapper_tooltip .tooltip {
	display: none;
	}

	.lte8 .wrapper_tooltip:hover .tooltip {
	display: block;
	}


/* puretabs */
.puretabs {
	display: flex;
	flex-wrap: wrap;
	border:none;
	font-size: 14px;
  }

.puretabs label.tabs_label {
	order: 1;
	display: block;
	padding:12px 20px;
	margin-right: 0.2rem;
	cursor: pointer;
	background-color:  #ffffff;
	color:#000000;
	transition: background ease 0.2s;
	text-align: center;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
	box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);
	border:1px solid var(--szary);
	border-bottom:none;
	position: relative;
  }

  .powiadomienie:after {
	content: '';
	display: block;
	border-radius: 50px;
	background-color: var(--czerwony);
	position: absolute;
	right: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
  }

  .puretabs label.tabs_label:hover {
	background-color:   var(--szary);
  }

  .puretabs .tab {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	border:none;
	background: none;
	background-color: #ffffff;
	box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);
	padding:10px;
	border-radius: 0px 10px 10px 10px;
	box-sizing: border-box;
	overflow: hidden;
  }

  .puretabs input[type="radio"] {
	display: none;
  }

  table.pliczek {margin:5px 0px}

  table.pliczek input[type="radio"] {
	display: block;
	margin: 10px auto;
	min-width: auto;
  }

  table.pliczek td > div {
	max-width:30vw;
	white-space: nowrap;
  }

  table.pliczek td.td_last,table.pliczek th.td_last {
    min-width: 50px;
}

table.pliczek td.td_pozycja {
	max-width: 50px;
}

table.pliczek .wrap_pliki{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

  input[type="radio"] {height: 20px;width: 20px; margin: 10px 15px; vertical-align: middle;}

  .puretabs input[type="radio"]:checked + label.tabs_label  {
	background-color: var(--niebieski);
	color:#ffffff;
  }

  .puretabs input[type="radio"]:checked + label.tabs_label  + .tab {
	display: block;
	border: 1px solid #ddd;
  }

  @media (max-width: 45em) {
	/*.puretabs .tab,
	.puretabs label.tabs_label  {
	  order: initial;
	}*/

	.puretabs label.tabs_label  {
	 /* width: 100%;
	  margin-right: 0;
	  margin-top: 0.2rem;*/
	font-size: 12px;
	padding: 10px 10px;
	}
  }

/* puretabs_small */
.puretabs_small {
	display: flex;
	flex-wrap: wrap;
	border:none;
	font-size: 14px;
	align-items: center;
	justify-content: flex-end;
  }

.puretabs_small label.tabs_label_small {
	order: 1;
	display: block;
	margin: 5px 0px;
	margin-left: 0.4rem;
	cursor: pointer;
	background-color:  #ffffff;
	color:#000000;
	transition: background ease 0.2s;
    font-size: 14px;
	border-radius: 5px;
	padding: 5px 15px 5px 50px;
	border-bottom:none;
  }

  label.tabs_label_small.b_lista {background: url(images/lista.svg) left 15px center no-repeat;text-align: left;background-size: 20px;}
  label.tabs_label_small.b_zdjecia {background: url(images/kafelki.svg) left 15px center no-repeat;text-align: right;background-size: 20px;}

  .puretabs_small label.tabs_label_small:hover {
	background-color: var(--szary);
  }

  .puretabs_small .tab_small {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	border:none;
	background: none;
  }

  .puretabs_small input[type="radio"] {
	display: none;
  }

  .puretabs_small input[type="radio"]:checked + label.tabs_label_small  {
	background-color: var(--szary_jasny);
	color:var(--czarny);
  }

  .puretabs_small input[type="radio"]:checked + label.tabs_label_small + .tab_small {
	display: block;
  }

.color-picker,.color-picker *,.color-picker ::after,.color-picker ::before,.color-picker::after,.color-picker::before{box-sizing:border-box}.color-picker{position:absolute;top:0;left:0;z-index:9999;box-shadow:1px 3px 6px rgba(0,0,0,.5)}.color-picker>div{display:flex;height:10em;border:1px solid #000;color:#000}.color-picker>div *{border-color:inherit;color:inherit}.color-picker i{font:inherit;font-size:12px}.color-picker\:a,.color-picker\:h,.color-picker\:sv{background-size:100% 100%;position:relative}.color-picker\:a,.color-picker\:h{width:1.5em;border-left:1px solid;cursor:ns-resize;overflow:hidden}.color-picker\:a div,.color-picker\:h div,.color-picker\:sv div{position:absolute;top:0;right:0;bottom:0;left:0}.color-picker\:a i,.color-picker\:h i{display:block;height:.5em;position:absolute;top:-.25em;right:0;left:0;z-index:2}.color-picker\:a i::before,.color-picker\:h i::before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.25em solid;border-top-color:transparent;border-bottom-color:transparent}.color-picker\:sv{width:10em;cursor:crosshair;overflow:hidden}.color-picker\:sv i{display:block;width:.75em;height:.75em;position:absolute;top:-.375em;right:-.375em;z-index:2}.color-picker\:sv i::before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px #000}.color-picker\:a div{z-index:2}.color-picker\:a div+div{background-image:linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%,#ddd 100%),linear-gradient(45deg,#ddd 25%,#fff 25%,#fff 75%,#ddd 75%,#ddd 100%);background-size:.5em .5em;background-position:0 0,.25em .25em;z-index:1}.color-picker\:h div{background-image:linear-gradient(to top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-picker\:sv div+div{background-image:linear-gradient(to right,#fff,rgba(255,255,255,0))}.color-picker\:sv div+div+div{background-image:linear-gradient(to top,#000,rgba(0,0,0,0))}.color-picker\:a,.color-picker\:h,.color-picker\:sv{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}

.obiekt_repozyt {margin:0px auto;}
.obiekt_repozyt img, .obiekt_repozyt {/*max-width: 200px;*/max-height: 200px;height: 200px; display: inline-block;margin:0px 5px;}
.obiekt_repozyt2 a img, .obiekt_repozyt2 img, .obiekt_repozyt2, .obiekt_repozyt2 source {max-width: 40px;max-height: 40px; display: inline-block;}

.caption_wideo {position: absolute;top:0;display: none; padding: 5px; background-color: rgba(0, 0, 0,0.8); left: 0; right: 0; margin: 0px 5px;}
.nadwideo {display: inline-block;position: relative;}
.nadwideo:hover .caption_wideo {display:block;}

input:required, select:required, :required + .select2 .select2-selection  { border: 1px solid var(--niebieski);outline: none; }
input:read-only  { border: 1px solid var(--grafit);outline: none;color: var(--grafit); }
input:required:focus, select:required:focus {border: 2px solid var(--niebieski);outline: none; }
input:required:hover, select:required:focus {opacity: 1; }

input:invalid,input:focus:invalid {color: var(--czerwony);}
input:invalid, select:invalid, .duplicate, :invalid + .select2 .select2-selection  { border: 1px solid var(--czerwony);outline: none;  }
input:focus:invalid, select:focus:invalid { border: 2px solid var(--czerwony);outline: none; }

input:invalid, select:invalid { border: 1px solid var(--czerwony);outline: none;  }
input[type="radio"]:invalid {outline: 1px solid var(--czerwony);}

#kom_pytanie, .kom_pytanie
  {
	  color: #ffffff;
	  background: var(--niebieski) url(images/erp_pytanie.svg) left 5px center no-repeat;
	  background-size: 40px;
	  text-align: left;
	  margin: 2px;
	  padding: 20px;
	  padding-left: 50px;
	  margin-bottom: 5px;
	  border-radius: var(--rog_element);
	  font-size:16px;
	  }

.kom_pytanie
  {
	  color: #ffffff;
	  background: var(--niebieski) url(images/erp_pytanie.svg) left 5px center no-repeat;
	  background-size: 40px;
	  text-align: left;
	  margin: 2px;
	  padding: 20px;
	  padding-left: 50px;
	  margin-bottom: 5px;
	  border-radius: var(--rog_element);
	  font-size:16px;
	  display: flex;
	  flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	  }

.komunikat {top: -25%;
	position: fixed;
	left: 50%;
	z-index: 999;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-animation: alert 10s ease forwards;
	-moz-animation: alert 10s ease forwards;
	 -ms-animation: alert 10s ease forwards;
	  -o-animation: alert 10s ease forwards;
		 animation: alert 10s ease forwards;
		 animation-delay: 0.2s;
}

.kom_blad, #kom_blad, .kom_blad_log  {
	  color: #ffffff;
	  background: var(--czerwony) url(images/erp_error.svg) left 5px center no-repeat;
	  background-size: 40px;
	  text-align: left;
	  margin: 2px;
	  padding: 20px;
	  padding-left: 50px;
	  margin-bottom: 15px;
	  border-radius: var(--rog_element);
	  font-size:16px;
	  display: flex;
	  flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
    justify-content: space-between;
	  }


.kom_blad2
	  {
		  color: #ffffff;
		  background: var(--czerwony) url(images/erp_error.svg) left 5px center no-repeat;
		  background-size: 30px;
		  text-align: left;
		  margin: 2px;
		  padding: 10px;
		  padding-left: 40px;
		  font-size:12px;
		  }

.kom_pytanie2
  {
  color: #ffffff;
  background: var(--niebieski) url(images/erp_pytanie.svg) left 5px center no-repeat;
  background-size: 30px;
  text-align: left;
  margin: 2px;
  padding: 10px;
  padding-left: 40px;
  font-size:12px;
}

#kom_ok, .kom_ok_log, .kom_ok  {
	color: #ffffff;
	background: var(--zielony) url(images/erp_ok.svg) left 5px center no-repeat;
	background-size: 40px;
	text-align: left;
	margin: 2px;
	padding: 20px;
	padding-left: 50px;
	margin-bottom: 15px;
	border-radius: var(--rog_element);
	font-size:16px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
    justify-content: space-between;
}

#map {width: 100%;height: 300px;position: relative;}

.komunikat:hover {-webkit-animation-play-state:paused;animation-play-state:paused}

@-webkit-keyframes alert {
    0% { opacity: 0; top: -25%;}
    20% { opacity: 1; top:15px}
	40% { opacity: 1; top:15px}
	60% { opacity: 1; top:15px}
	80% { opacity: 0; top: -25%;}
    100% { top: -25%;opacity: 0; }
}
@-moz-keyframes alert {
  0% { opacity: 0; top: -25%;}
    20% { opacity: 1; top:15px}
	40% { opacity: 1; top:15px}
	60% { opacity: 1; top:15px}
	80% { opacity: 0; top: -25%;}
    100% { top: -25%;opacity: 0; }
}
@-ms-keyframes alert {
    0% { opacity: 0; top: -25%;}
    20% { opacity: 1; top:15px}
	40% { opacity: 1; top:15px}
	60% { opacity: 1; top:15px}
	80% { opacity: 0; top: -25%;}
    100% { top: -25%;opacity: 0; }
}
@-o-keyframes alert {
    0% { opacity: 0; top: -25%;}
    20% { opacity: 1; top:15px}
	40% { opacity: 1; top:15px}
	60% { opacity: 1; top:15px}
	80% { opacity: 0; top: -25%;}
    100% { top: -25%;opacity: 0; }
}
@keyframes alert {
    0% { opacity: 0; top: -25%;}
    20% { opacity: 1; top:15px}
	40% { opacity: 1; top:15px}
	60% { opacity: 1; top:15px}
	80% { opacity: 0; top: -25%;}
    100% { top: -25%;opacity: 0; }
}

.umiejetnosc {width: 100%;}

.szer15 {width:14%;margin-right:1%;display:inline-block;}
.szer15 .select {width: 100%;}

.info_stopka {padding:10px 0px; margin: 5px 0px;background-color: var(--szary_jasny);border-radius: 20px;text-align: center;}

.przycisk {font-weight:bold;margin-right: 3px;cursor:pointer; border:none;  padding: 3px 5px; color:#ffffff; background-color:#4C4B4B; text-align:center; text-decoration:none; border-radius:5px}
.przycisk:hover {background-color:#000000; color:#ffffff; text-decoration:none;}

button {font-family: 'Poppins', Helvetica, sans-serif;}
.button, button.button, input.button, span.button {cursor:pointer; padding-bottom:12px; padding-top:12px; display:inline-block; border: 1px solid var(--niebieski); font-weight:600;font-size:18px;text-align:left;margin:0px auto;vertical-align:top;border-radius: var(--rog_button);background-color: #ffffff;vertical-align: middle;text-transform: uppercase;font-weight:600;width:auto}
a.button {cursor:pointer; padding-bottom:12px;padding-top:12px;color:#000000; display:inline-block; border: 1px solid var(--niebieski);font-weight:300;font-size:18px;text-align:left;margin:0px auto;vertical-align:top;border-radius: var(--rog_button);background-color: #ffffff;vertical-align: middle;text-transform: uppercase;font-weight:600;width:auto}
a.button:hover, .button:hover, input.button:hover, span.button:hover {text-decoration:none;color:var(--niebieski); -webkit-transition: .2s background-position linear;	-moz-transition: .2s background-position linear;transition: .2s background-position linear;}

.button:disabled, button.button:disabled, input.button:disabled, span.button:disabled, a.button:disabled {-webkit-filter: grayscale(1);	filter: grayscale(1);}

a.button, input.button {
	padding:5px 10px 5px 53px;
	background: url(images/erp_przejdz.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	background-size: 20px, 100%;
	background-repeat: no-repeat;
	border: 1px solid var(--niebieski);
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight:600;
	font-size:16px;
	text-align:left;
	/*padding-bottom:10px; padding-top:10px;*/
}
a.button:hover, input.button:hover {color:var(--niebieski);}

a.b_odstep_lewy, button.b_odstep_lewy, .b_odstep_lewy {margin-left:15px;}

a.button strong, .button strong {text-transform: uppercase;}

a.b_powrot2, button.b_powrot2, input.b_powrot2 {
	background: url(images/erp_21.png) 12px center, linear-gradient(90deg, var(--czerwony) 0%, var(--czerwony) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--czerwony);
}
a.b_powrot2:hover, button.b_powrot2:hover, input.b_powrot2:hover {color:var(--czerwony);}

button.b_wybierz {
	background: url(images/erp_zaladuj.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--niebieski);
}

a.b_powrot {
	background: url(images/erp_21.png) 12px center, linear-gradient(90deg, var(--czerwony) 0%, var(--czerwony) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	font-weight:400;
	color:#000000;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--czerwony);
}
a.b_powrot:hover {color:var(--czerwony);}

a.b_podglad {
	background: url(images/erp-otworz-w.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

a.b_duplikuj {
	background: url(images/duplikuj2-w.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

a.b_stanowisko {
	background: url(images/stanowisko-w.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

button.b_zapisz, button.b_przywroc {
	background: url(images/ok.png) 12px center, linear-gradient(90deg, var(--zielony) 0%, var(--zielony) 55px, #ffffff 55px);
	padding-left: 65px;
	padding-right: 10px;
	padding-bottom:10px; padding-top:10px;
	background-repeat: no-repeat;
	border: 1px solid var(--zielony);
	font-size:18px;
}

button.b_zapisz:hover, button.b_przywroc:hover {color:var(--zielony);}

a.b_zapisz2, button.b_zapisz2 {
	background: url(images/ok.png) 12px center, linear-gradient(90deg, var(--zielony) 0%, var(--zielony) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--zielony);
}
a.b_zapisz2:hover, button.b_zapisz2:hover {color:var(--zielony);}

button.b_szukaj {
	background: var(--niebieski) url(images/erp_szukaj2.svg) left 10px center no-repeat;
	background-size: 25px;
	color: #ffffff;
	margin:0px;
	border:none;
	border-radius:0px 10px 10px 0px;
	padding: 18px 20px;
	padding-left:45px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
}

button.b_szukaj:hover {background-color: #000000;color: #ffffff;}

.edycja_pliki {position: absolute;top:5px;right:0;vertical-align: middle;}
.edycja_pliki2 {}
.caption_flex {display:flex;flex-wrap: wrap; flex-direction: row; align-content: space-between; justify-content: space-between;}
a.button_maly {text-align:center;background-size: 20px;display: inline-block;width: 25px; height: 25px;}
a.b_edytuj {background: url(images/erp_edytuj.svg) center no-repeat;text-align: left;background-size: 20px;}
a.b_usun3 {background: url(images/erp_usun.svg) center no-repeat;text-align: right;background-size: 20px;vertical-align: top;/*margin-left:15px;*/}
a.b_usun3:hover {background: url(images/erp_usunb.svg) center no-repeat;text-align: right;background-size: 20px;vertical-align: top;}
a.b_przesun {background: url(images/pozycja.svg) center no-repeat;text-align: left;background-size: 20px;vertical-align: top;margin-right: 10px;}
a.b_przesun:hover {cursor: move;}

a.b_pobierz { background: url(images/erp-pobierz.svg) center no-repeat;text-align: right;background-size: 20px;vertical-align: top;margin-right: 10px;}
a.b_obroc2 { background: url(images/erp-obroc.svg) center no-repeat;text-align: right;background-size: 20px;vertical-align: top;margin-right: 10px;}

.edycja_pliki a.b_edytuj, .edycja_pliki2 a.b_edytuj {background: url(images/erp_edytujb.svg) center no-repeat;text-align: left;background-size: 20px;margin-right: 10px;}
.edycja_pliki a.b_usun3, .edycja_pliki2 a.b_usun3 {background: url(images/erp_usunb.svg) center no-repeat;text-align: right;background-size: 20px;}

a.b_wyczysc {
	background: var(--czerwony) url(images/erp_usun.svg) left 10px center no-repeat;
	color: #ffffff;
	margin:0px;
	padding:19px 20px;
	padding-left:45px;
	border-radius:0px;
	border:none;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
}

a.b_wyczysc:hover {background-color: #000000;color: #ffffff;}

a.b_edslownik {width: 25px;height: 25px;background: url(images/erp-edslownik.svg) center no-repeat;display:block;}

a.b_dodaj, button.b_dodaj {
	background: url(images/erp_plus.svg) 16px center, linear-gradient(90deg, var(--zielony) 0%, var(--zielony) 55px, #ffffff 55px);
	background-size: 25px, 100%;
	padding-left: 65px;
	padding-right: 10px;
	padding-bottom:10px; padding-top:10px;
	background-repeat: no-repeat;
	border: 1px solid var(--zielony);
}
a.b_dodaj2 {
	background: url(images/erp_plus.svg) 12px center, linear-gradient(90deg, var(--zielony) 0%, var(--zielony) 43px, #ffffff 43px);
	font-weight:600;
	font-size:16px;
	text-align:left;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--zielony);
	padding:5px 10px 5px 53px;
}
a.b_dodaj2:hover, a.b_dodaj:hover, button.b_dodaj:hover {color:var(--zielony);}

input.b_zaloguj {
	background: url(images/erp_13.png) 17px center, linear-gradient(90deg, #3e7949 0%, #3e7949 55px, var(--zielony) 55px);
	padding-left: 65px;
	padding-right: 10px;
	padding-bottom:10px; padding-top:10px;
	background-repeat: no-repeat;
	border: 1px solid var(--zielony);
	text-align: center;
	color: #ffffff;
	width: 100%;
}
input.b_zaloguj:hover {color:#000000}

.filepond--root {margin-top: 10px;font-family:'Poppins', Helvetica, sans-serif;font-size:14px;}
.filepond--root *:not(text) {font-family:'Poppins', Helvetica, sans-serif;font-size:14px;}
.filepond--panel-root {background-color: #ffffff;}
.filepond--drop-label {background-color: #ffffff;border:1px solid var(--szary);padding:10px 0px;border-radius: var(--rog_element);height: auto;}
.filepond--list.filepond--list {top:10px;}
@media (min-width: 30em) {
    .filepond--item {
        width: calc(50% - 0.5em);
		overflow: hidden;
    }
}

@media (min-width: 50em) {
    .filepond--item {
        width: calc(33.33% - 0.5em);
		overflow: hidden;
    }
}

span.b_zaladuj {
	background: url(images/erp_zaladuj.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding:5px 10px 5px 53px;
	background-repeat: no-repeat;
	border: 1px solid var(--niebieski);
	background-size: 20px, 100%;
	text-decoration: none;
	color: #000000;
}
span.b_zaladuj:hover {color:var(--niebieski);}

a.b_historia {
	background: url(images/erp_historia.svg) 17px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 55px, #ffffff 55px);
	background-repeat: no-repeat;
	padding:5px 0px;
	padding-left: 65px;
	padding-right: 10px;
}

a.b_obroc {
	background: url(images/erp-obroc-w.svg) 17px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 55px, #ffffff 55px);
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	padding:5px 0px;
	padding-left: 65px;
	padding-right: 10px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}

input.b_usun, button.b_usun, a.b_usun {
	background: url(images/erp_usun.svg) 12px center, linear-gradient(90deg, var(--czerwony) 0%, var(--czerwony) 43px, #ffffff 43px);
	background-repeat: no-repeat;
	border: 1px solid var(--czerwony);
	background-size: 20px, 100%;
	padding:5px 10px 5px 53px;
}
button.b_usun {margin:0px;}
input.b_usun:hover, button.b_usun:hover, a.b_usun {
	color: var(--czerwony);
}

a.b_maly_usun, a.b_maly_usun2 {
	background: var(--czerwony) url(images/erp_usun.svg) center;
	background-size: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 1px solid var(--czerwony);
	padding:15px 25px;
	vertical-align:middle;
	margin-left: 5px;
}

a.b_maly_usun:hover, a.b_maly_usun2:hover, a.b_maly:hover {background-color: #000000;border: 1px solid #000000;}

a.b_docks_1 {background: var(--bialy) url(images/Dock-s1.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}
a.b_docks_2 {background: var(--bialy)  url(images/Dock-n2.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}
a.b_docks_2.dock2 {background: var(--bialy)  url(images/Dock-s2.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}
a.b_docks_3 {background: var(--bialy)  url(images/Dock-s3.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}

a.b_docks_1:hover, a.b_docks_1.dock1 {background: url(images/Dock-n1.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px;}
a.b_docks_2:hover {background: url(images/Dock-n2.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px;}
a.b_docks_3:hover, a.b_docks_3.dock3 {background: url(images/Dock-n3.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px;}

a.b_przejdz {background: var(--niebieski) url(images/erp_przejdz.svg) center;}
a.b_produkcja {background: var(--niebieski) url(images/erp-icon1w.svg) center;}
a.b_doki {background: var(--niebieski) url(images/erp-icon0w.svg) center;}
a.b_wysylka {background: var(--niebieski) url(images/erp-icon3w.svg) center;}
a.b_maly {background-size: 24px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 1px solid var(--niebieski);
	padding:15px 25px;
	vertical-align:middle;
	margin-left: 5px;}

a.b_tak {
	background: none;
	background-color: var(--zielony);
	border: none;
	color:#ffffff;
	font-weight: 700;
	padding:10px;
}
a.b_tak:hover {
	background-color: #000000;
	color:#ffffff;
}

a.b_nie {
	background: none;
	background-color: var(--czerwony);
	border: none;
	color:#ffffff;
	font-weight: 700;
	padding:10px;
}
a.b_nie:hover {
	background-color: #000000;
	color:#ffffff;
}

a.prawydolny {
	bottom:20px;
	right:20px;
	position: absolute;
}

.not_allowed {cursor: not-allowed!important;}

.left10 {margin-left:10px;}
.pleft10 {padding-left:30px;}

.ramka, .ramka_pliki,.ramka_zdjecia,.ramka_wideo {border-radius: var(--rog_element); border:solid 1px var(--szary);margin:5px 0px;padding: 10px;position: relative;}
.ramka {border-radius: var(--rog_element); border:solid 1px var(--zielony);margin:5px 0px;padding: 10px;position: relative;}
.ramka_istniejaca {/*border-radius: var(--rog_element); border:solid 1px var(--niebieski);margin:5px 0px;padding: 10px;*/position: relative;}

.ramka:after,.ramka_pliki:after,.ramka_zdjecia:after,.ramka_wideo:after {
	position: absolute;
	top: 2px;
	right: 5px;
	z-index: 10;
	color:var(--szary);
	font-weight: 500;
	font-size:14px;
  }

  .ramka:after {
	content: "NOWA";
  }

  .ramka_pliki:after {
	content: "PLIKI";
  }

  .ramka_zdjecia:after {
	content: "ZDJECIA";
  }

  .ramka_wideo:after {
	content: "WIDEO";
  }

  .modal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transform: translateY(101%);
	transition: transform .4s ease-in-out, opacity .0s .4s, visibility .0s .4s;
    will-change: transform;
	z-index: 10000;
	box-sizing: border-box;
	overflow: hidden;
	color:var(--bialy);
	opacity: 0;
	visibility: hidden;
  }

  .modal .uzytkownik, .modal .akcje2 {display: none;}

  .modal.is-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
	transition: transform .4s ease-in-out;
  }

  .modal__close {
	display: none; 
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 150ms;
	background: var(--niebieski);
  }

  .modal.is-show .modal__close {display: flex;}

  .modal.is-show .modal__close .icon-cross {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	position: relative;
	width: 30px;
	height: 30px;
  }
  .modal.is-show .modal__close .icon-cross:before,.modal.is-show  .modal__close .icon-cross:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	height: 6px;
	background: var(--bialy);
  }
  .modal.is-show .modal__close .icon-cross:before {
	transform: rotate(45deg);
  }
  .modal.is-show .modal__close .icon-cross:after {
	transform: rotate(-45deg);
  }
  .modal.is-show  .modal__close .icon-cross span {
	display: block;
  }
  .modal.is-show .modal__close:hover, .modal__close:focus {
	transform: rotateZ(90deg);
	background: var(--czerwony);
  }
  .modal.is-show .modal__close:hover .icon-cross:before, .modal.is-show .modal__close:hover .icon-cross:after,.modal.is-show .modal__close:focus .icon-cross:before, .modal.is-show .modal__close:focus .icon-cross:after {
	background: var(--bialy);
  }
  
  .modal__inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	box-sizing: border-box;
  }
  .modal__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bialy);
  }

  .modal__srodek {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow-y: auto;
  }

.status_produktu {width:25%;display:inline-block}
.status_produktu select {width: 100%;margin-top: 5px;}

a.lista_nastepna,a.lista_poprzednia {
	color:#000000;
	padding:5px 0px;
	box-sizing: border-box;
	border-radius: 50px;
	text-align: center;
	text-decoration:none;
	font-weight:600;
	margin:2px;
	display:inline-block;
	background: var(--szary) url(images/erp_strzalka_wdol.svg) center no-repeat;
    background-size: 18px auto;
	transform: rotate(-90deg);
	width: 35px;
	height: 35px;
	vertical-align: middle;
	}

	a.lista_poprzednia {
		background: var(--szary) url(images/erp_strzalka_wdol.svg) center no-repeat;
		background-size: 18px auto;
		transform: rotate(90deg);
		}

	a.cyfra {
	background-color:#ffffff;
	color:var(--niebieski);
	padding:5px 0px;
	width: 35px;
	text-decoration:none;
	font-weight:400;
	margin:2px;
	display:inline-block;
	border-radius: 50px;
	text-align: center;
	vertical-align: middle;
	}

	span.cyfra {
	background-color:var(--zielony);
	color:#ffffff;
	padding:5px 0px;
	width: 35px;
	text-decoration:none;
	font-weight:600;
	margin:2px;
	display:inline-block;
	border-radius: 50px;
	text-align: center;
	vertical-align: middle;
	}

	a.cyfra:hover{
		background-color:var(--czerwony);
		color:#ffffff;
	}
	a.lista_poprzednia:hover,a.lista_nastepna:hover {
		background-color:var(--czerwony);
	}

.procent {width: 100%;height:5px; background-color: var(--szary);position: relative;align-self: center;}
.procent i {height: 10px;width: 0px;background-color: var(--niebieski);margin:-3px 0px;position: absolute;left:0;}
.procent+div {color:#000000;}

.pasek_stopka {padding:10px 2px;font-size: 16px;color:#ffffff;text-align:left; background-color:var(--niebieski);border-radius: var(--rog_element);margin: 20px 0px;display:flex; flex-direction:row;justify-content: space-between;flex-wrap: wrap;vertical-align: middle;align-items: center;padding-left: 20px;}
.pasek_ilosc_wynikow {display:flex; flex-direction:row;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.pasek_ilosc_wynikow>div {margin:0px 20px;vertical-align: middle;}
.przyciski_pliki { display:flex; width: 100%; flex-direction:row;justify-content: space-between; margin-bottom: 10px; }
.przyciski_stopka {display:flex; flex-direction:row;justify-content: space-between;/*margin-top: 20px;*/clear: both;flex-wrap: wrap; align-items: center;z-index:100;width:calc(100% - 65px);padding:10px 15px;position: fixed;bottom:0;right:0;background-color: #ffffff;box-shadow: 4.357px -6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);box-sizing: border-box;transition:all .2s ease-in-out;}
.przyciski_naglowek {display:flex; flex-direction:row; justify-content: space-between;margin-bottom: 20px;flex-wrap: wrap;	position: sticky;top: 10px;z-index: 101;}
.przyciski_naglowek a.button {margin:0px}
.przyciski_naglowek>div:first-child {margin-bottom: 5px;}
.przyciski_wyszukiwarki {border-radius: var(--rog_element);background-color: #ffffff;/*margin:0 20px; */}
.przyciski_wyszukiwarki>div {padding:10px 10px;display: inline-block;}
input.szukaj { background: url(images/erp_szukaj.svg) left 5px center no-repeat;background-size: 18px;width: 200px;border:none; font-size: 16px;padding-left:30px;}
input.daterange, input.daterange_single, input.daterange_single_godziny, input.daterange_godziny { background-image: url(images/erp_kalendarz.svg),url(images/erp-strzalka-wdol.svg);background-position: left 5px center,right 5px center; background-repeat:no-repeat,no-repeat;background-size: 18px,18px;border:none; font-size: 16px;padding-left:30px;padding-right:30px;}
.przyciski_wyszukiwarki input.daterange {width: 240px;font-size: 16px;}
input.daterange, input.daterange_single, input.daterange_godziny, input.daterange_single_godziny {width: 50%;font-size: 14px;}
.szukaj_kat {border-right:2px solid var(--szary);}

.naglowek_miejsce {
	display:inline-block;
	vertical-align:middle;
}
.naglowek_tytul {font-weight: 300;font-size:16px;color:var(--grafit);text-overflow: ellipsis; overflow: hidden; white-space: nowrap;display: inline-block;width: 70%;}
.naglowek_odstep {padding-left:40px;}

.naglowek2 { display:flex; background-color:white; text-align: left; box-sizing:border-box;margin-bottom:10px;font-size: 13px;width: 100%;border-radius: var(--rog_element);box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);align-items: center; }
.naglowek2>div:first-child { background-color:var(--niebieski);padding:12px 10px;color: #ffffff;font-weight: 500;flex: 0 1 15%; max-width: 200px;text-align: right;border-radius: 10px 0px 0px 10px;align-self:stretch;}
.naglowek2>div {flex: 1 1 75%;align-self:center;padding:0 10px;}

.flex, .flex2 { display:flex; width: 100%;align-items: start; justify-content: space-between;}
.flex>div, .flex2>div {width: 100%;padding: 0 10px;box-sizing: border-box;}

.flex_dwa { display:flex; width: 100%;align-items: center; justify-content: space-between;}
.flex_dwa div {width: 50%;}
.flex_auto { display:flex; width: 100%;flex:auto;align-items: center;}
.flex_auto>div {padding-right: 1%;}
.flex_auto>div img {vertical-align: middle;}
/*.flex_dwa>div:first-child { flex: 0 1 35%;}
.flex_dwa>div {flex: 1 1 65%;}*/

.naglowek3 { display:flex; flex-direction:column;background-color:white; text-align: left; box-sizing:border-box;margin-bottom:10px;font-size: 13px;width: 100%;border-radius: var(--rog_element);box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);padding: 0px; }
.naglowek3>div:first-child { background-color:var(--niebieski);padding:12px 10px;color: #ffffff;font-weight: 500;text-align: left;border-radius: 10px 10px 0px 0px;align-self:top;width: 100%;}
.naglowek3>div {align-self:center;padding:10px;width: 100%;box-sizing: border-box;}

textarea {/*min-height:800px*/}

.cien {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.panel_log {
	width:60%;
	/*min-width: 1100px;*/
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	background-color: #ffffff;
	border-radius: 25px;
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; -webkit-justify-content: start; box-sizing: border-box;
}

.panel_log>div:first-child { flex: 0 1 40%;}
.panel_log>div {flex: 1 1 60%;}

.logowanie_powrot_erp {
	background: url(images/spawacz.jpg) center no-repeat;
	background-size: cover;
	border-radius: 25px 0px 0px 25px;
	position: relative;
}

.logowanie_powrot {
	background: url(images/do-more.jpg) center no-repeat;
	background-size: cover;
	border-radius: 25px 0px 0px 25px;
	position: relative;
}

.logo_firmy {
	width: 100%;
	margin-top:20px;
	text-align: center;
}
.logo_firmy img {margin:0 auto; display: block;max-height:80px;max-width:200px;/*max-height:10%;*/}

.logowanie {
width: 80%;
margin: 60px auto;
text-align:left;
font-size: 16px;
}

.logowanie_nazwa {
	width: 100%;
	margin: 0px auto;
	text-align:right;
	}

.logowanie h1 {
	color: var(--niebieski);
	font-size: 39px;
	line-height: 43px;
	font-weight: 700;
}

.logowanie h2 {
	color: #000000;
	font-size: 35px;
	font-weight: 700;
}

.form_logowanie {
	margin: 40px auto;
}

input.input_log  {
width:100%;
height:40px;
border: none;
font-size:16px;
color:#929292;
font-weight:300;
padding:11px;
box-sizing:border-box;
background-color: transparent;
display: inline-block;
}

input.input_log:-webkit-autofill, input.input_log:-webkit-autofill:focus, input.input_log:-webkit-autofill:hover, input.input_log:-webkit-autofill:active {
	-webkit-transition-delay: 99999s;
}

.loginek {
background: #ffffff url(images/erp_07.png) center left 5px no-repeat;display: inline-block;background-size: 24px;width:100%;margin: 8px auto;padding-left:40px;box-sizing:border-box;border-bottom: dotted 1px #000000;}

.haselko {
background: #ffffff url(images/erp_10.png) center left 5px no-repeat;display: inline-block;background-size: 24px;height:40px;width:100%;margin: 8px auto;padding-left:40px;box-sizing:border-box;border-bottom: dotted 1px #000000;}

.panel_autor {
	text-align:center;
	margin-bottom: 20px;
	font-size:14px;
}

.masz-problem{
background:url(images/erp_17.png) center left no-repeat; padding-left: 50px;
}

.informacje{
	background:url(images/erp_help.svg) center left no-repeat; background-size: 100%; display: inline-block;width: 23px;height: 23px;margin:0px 10px; vertical-align: middle;
	}

.b_wysylka2 .informacje-w{
		background:url(images/erp_help.svg) center left no-repeat; background-size: 100%; display: inline-block;width: 23px;height: 23px;margin:0px 10px; vertical-align: middle;
		}

.b_wysylka2 .tooltip {font-weight: 400; text-transform: none;}

.informacje-w{
	background:url(images/erp_help-w.svg) center left no-repeat; background-size: 100%; display: inline-block;width: 23px;height: 23px;margin:0px 5px; margin-right:2px; vertical-align: middle;
		}

.puretabs label.tabs_label .informacje-w {background:url(images/erp_help.svg) center left no-repeat; background-size: 100%; display: inline-block;width: 23px;height: 23px;margin:0px 5px; vertical-align: middle;}
.puretabs input[type="radio"]:checked + label.tabs_label .informacje-w {background:url(images/erp_help-w.svg) center left no-repeat; background-size: 100%; display: inline-block;width: 23px;height: 23px;margin:0px 5px; vertical-align: middle;}

.tooltip:hover {cursor:help;}

.tooltipster-sidetip.tooltipster-punk .tooltipster-box{border-radius:5px;border:none;border-bottom:3px solid var(--czerwony);background:var(--szary_jasny);box-shadow:0 0 10px 6px rgba(0,0,0,.1);}.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box{margin-bottom:7px}.tooltipster-sidetip.tooltipster-punk .tooltipster-content{font-size:14px;color:#000000;padding:8px 16px}.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:var(--czerwony)}.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border{border-left-color:var(--czerwony)}.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border{border-right-color:var(--czerwony)}.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border{border-top-color:var(--czerwony)}

*::-webkit-input-placeholder { /* WebKit browsers */
	color: #acacac;
	font-weight: 300;
}
*:-moz-placeholder { /* Mozilla Firefox <18 */
   color: #acacac;
   font-weight: 300;
    opacity:  1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #acacac;
   font-weight: 300;
    opacity:  1;
}
*:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #acacac;
   font-weight: 300;
}

.listwa_gorna{
	/*height:62px;*/
	font-size: 22px;
	font-weight: 700;
	padding:10px 0px;
	color:#000000;
	width:100%;
	display: flex;
	/*flex-wrap: wrap;*/
  	flex-direction: row;
	align-content: space-between;
	align-items: flex-start;
    justify-content: space-between;
	margin: 10px 0px;
	}

.div_mobile_elem {
	max-width:50%;
}

.panel_tresc {
		margin-left: 67px;
		padding: 0px 10px;
		width:calc(100% - 67px);
		font-size: 12px;
		box-sizing:border-box;
		vertical-align:top;
		transition:all .2s ease-in-out;
		padding-bottom: 80px;
		/*overflow: hidden;*/
	}

.panel_tresc.stale_menu {width:calc(100% - 260px);margin-left: 260px;transition:all .2s ease-in-out;}
.przyciski_stopka.stale_menu {width:calc(100% - 260px);transition:all .2s ease-in-out;}

.panel_tabela {
		/*overflow-x: auto;*/
		/*overflow-y: hidden;*/
	}

.panel_tabela2 {
		overflow-x: auto;
		overflow-y: hidden;
	}


.uzytkownik {
height: 66px;
background-color: #ffffff;
border-radius: var(--rog_element);
box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);
display: inline-block;
position: relative;
float: right;
}

.uzytkownik_nazwa {text-overflow: ellipsis;overflow:hidden;white-space: nowrap; font-size: 18px;/*display:none !important*/;}
.uzytkownik_opis {display: inline-block;overflow:hidden;}

#utworz_konto_box {display: none;}
.wlacz {display:block!important;}

.user_zdj {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	display:inline-block;
	overflow: hidden;
	margin:0 10px;
  }

.user_zdj img {width: 100%;display: block;}

.timer {font-weight: 300;font-size:16px;color:#818181;}
#timer {font-weight: 700; color: #000000;display:inline;}

.b_wyloguj {display:inline-block;width: 60px;height: 100%;position: relative;background: var(--czerwony) url(images/erp_wyloguj.svg) center no-repeat;padding: 5px;margin: 0px;border:0px; outline: none;background-size:50%;border-radius: 0px 10px 10px 0px;cursor: pointer;}
.b_wyloguj:hover {background-color: #000000;transition-duration: 0.5s;}

/*kazdy checkbox */
.styled-checkbox[type="checkbox"] {
	position: absolute; /* take it out of document flow */
	opacity: 0; /* hide it */
	width: 0px;
  }
  .styled-checkbox[type="checkbox"] + label {
	  position: relative;
	  cursor: pointer;
	  padding: 0;
	}

	/* Box. */
	.styled-checkbox[type="checkbox"] + label:before {
	  content: '';
	  margin-right: 10px;
	  display: inline-block;
	  vertical-align: text-top;
	  width: 25px;
	  height: 25px;
	  background: #eee;
	}

	/* Box hover */
	.styled-checkbox[type="checkbox"]:hover + label:before {
	  /*background: #ccc;*/
	  outline: 2px solid var(--niebieski);
	}

	/* Box focus */
	.styled-checkbox[type="checkbox"]:focus + label:before {
	  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
	}

	/* Box checked */
	.styled-checkbox[type="checkbox"]:checked + label:before {
	  background: var(--niebieski);
	}

	/* Box checked */
	.styled-checkbox-niebieski[type="checkbox"]:checked + label:before {
		background: #ffffff;
	  }

	/* Disabled state label. */
	.styled-checkbox[type="checkbox"]:disabled + label {
	  color: #b8b8b8;
	  cursor: auto;
	}

	/* Disabled box. */
	.styled-checkbox[type="checkbox"]:disabled + label:before {
	  box-shadow: none;
	  background: #ddd;
	}

	/* Checkmark. Could be replaced with an image */
	.styled-checkbox[type="checkbox"]:checked + label:after {
	  content: '';
	  position: absolute;
	  left: 9px;
	  top: 5px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	/* Checkmark. Could be replaced with an image */
	.styled-checkbox-niebieski[type="checkbox"]:checked + label:after {
		content: '';
		position: absolute;
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid var(--niebieski);
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	  }

/* rozwiajne menu po najechaniu */
ul.podreczne {
	 list-style: none;
	  margin: 0;
	  padding: 0;
	display: inline-block;
	position: relative;
  }

ul.podreczne:after {
	content: "";
	position: absolute;
	width: 23px;
	height: 14px;
	top: 50%;
	right: 10px;
	z-index: 40;
	text-align: center;
	background: url(images/erp_strzalka_wdol.svg) center no-repeat;background-size: 23px auto;
	transform: rotate(-90deg);
	transition: all 0.4s ease;
  }

  ul.podreczne:hover:after {
	content: "";
	position: absolute;
	width: 23px;
	height: 14px;
	top: 50%;
	right: 10px;
	z-index: 41;
	text-align: center;
	background: url(images/erp_strzalka_wdol.svg) center no-repeat;background-size: 23px auto;
	transition: all 0.4s ease;
	transform: rotate(0deg);
  }


/*ul.podreczne:first-child {background: url(images/erp_strzalka_wdol.svg) right 10px center no-repeat;background-size: 23px auto;}*/

ul.podreczne li {
	  color: #000000;
	  display: block;
	  float: left;
	  padding: 3px;
	  padding-right:50px;
	  position: relative;
	  text-decoration: none;
	transition: all 0.4s ease;
  }

ul.podreczne li a {
	color:var(--niebieski);
	font-size: 23px;
	font-weight: 600;
	text-decoration: none;
	vertical-align: middle;
	line-height: 27px;
  }

  ul.podreczne li:hover, ul.podreczne li:focus-within {
/*	  cursor: pointer;*/
  }

  ul.podreczne li:focus-within a {
	outline: none;
  }

  ul.podreczne li ul {
	font-size:16px;
	color:#000000;
	font-weight: 300;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 3px;
	z-index: 1102;
	display: none;
	box-shadow: -4.357px 6.709px 7.44px 0.56px rgb(179 179 179 / 15%);
  }

  ul.podreczne li ul a{
	font-size:16px;
	color:#000000;
  }

  ul.podreczne li:hover > ul,
  ul.podreczne li:focus-within > ul,
  ul.podreczne li ul:hover,
  ul.podreczne li ul:focus {
	 visibility: visible;
	 opacity: 1;
	 display: block;
	 transition: all 0.4s ease;
  }

  ul.podreczne>li>ul>li {
	clear: both;
	width: 100%;
	background: #ffffff;
	padding: 0px;
	box-sizing: border-box;
  }

  ul.podreczne>li>ul>li>a {
	clear: both;
	display: block;
	background: #ffffff;
	padding: 15px 10px;
	width: 100%;
	margin:0px;
	box-sizing: border-box;
  }

  ul.podreczne li ul li:hover, ul.podreczne li ul li a:hover {background-color: #f3f3f3;}

/* AKCJE rozwiajne menu po najechaniu */
ul.podreczne2 {
	list-style: none;
	padding: 0;
   	display: block;
	position: relative;
}

ul.podreczne2 li {
	 color: #000000;
	 display: block;
	 position: relative;
	 text-decoration: none;
   	 transition: all 0.4s ease;
		text-align: center;
		right: 0;
 }

ul.podreczne2 li a {
   color:var(--niebieski);
   font-size: 15px;
   font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
   line-height: 15px;
	height: 35px;
	width: 35px;
 }

 ul.podreczne2 li img {
	height: 35px;
	width: 35px;
  }


 ul.podreczne2 li:hover, ul.podreczne2 li:focus-within {
   cursor: pointer;
 }

 ul.podreczne2 li:focus-within a {
   outline: none;
 }

 ul.podreczne2 li ul {
   font-size:16px;
   color:#000000;
   font-weight: 300;
   visibility: hidden;
   opacity: 0;
   min-width: 5rem;
   position: absolute;
   transition: all 0.5s ease;
   display: none;
   z-index: 101;
   right:0;
 }

 tr:last-child td ul.podreczne2 li ul,tr:nth-last-child(2) td ul.podreczne2 li ul,tr:nth-last-child(3) td ul.podreczne2 li ul,tr:nth-last-child(4) td ul.podreczne2 li ul {
	font-size:16px;
	color:#000000;
	font-weight: 300;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all 0.5s ease;
	display: none;
	z-index: 101;
	right:0;
	bottom:100%;
  }

ul.podreczne2>li>ul>li:first-child {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top: 1px solid var(--niebieski);
}

ul.podreczne2>li>ul>li:last-child {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

 ul.podreczne2 li ul a{
   font-size:16px;
   color:var(--niebieski);
 }

 tr:last-child td ul.podreczne2 li:hover > ul,
 tr:nth-last-child(2) td ul.podreczne2 li:hover > ul,
 tr:nth-last-child(3) td ul.podreczne2 li:hover > ul,
 tr:nth-last-child(4) td ul.podreczne2 li:hover > ul,
 ul.podreczne2 li:hover > ul,
 ul.podreczne2 li:focus-within > ul,
 ul.podreczne2 li ul:hover,
 ul.podreczne2 li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
	transition: all 0.4s ease;
 }

 ul.podreczne2>li>ul>li {
   clear: both;
   width: 150px;
   background: #ffffff;
   padding: 0px;
   box-sizing: border-box;
   border-bottom: 1px solid var(--niebieski);
   border-left: 1px solid var(--niebieski);
   border-right: 1px solid var(--niebieski);
 }

 ul.podreczne2>li>ul>li>a {
   clear: both;
   display: block;
   /*background: #ffffff;*/
   color:var(--niebieski);
   width: 100%;
   margin:0px;
   padding: 10px 0px;
   padding-left: 30px;
   box-sizing: border-box;
	text-align: left;
 }

 ul.podreczne2 li ul li:hover  {background-color: var(--niebieski); color:var(--bialy)}
 ul.podreczne2 li ul li:hover a  {color:var(--bialy)!important}

.ikona_typ {border-radius: 8px; background-color:var(--czerwony);text-transform: uppercase;color: #ffffff;;padding: 2px 10px;text-align: center;font-weight: 600; font-size: 16px;}
.ikona_typ:hover {text-decoration: none;background-color:var(--niebieski);color:var(--bialy)}

.typ_ img {width:40px}

.typ_ {background-position: left top; background-repeat: no-repeat; background-size: 40px; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_pdf {background: url(images/pdf.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_doc {background: url(images/doc.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_xls {background: url(images/xls.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_zip {background: url(images/zip.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_exe {background: url(images/zip.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_mp3 {background: url(images/mp3.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_xlsx {background: url(images/xlsx.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_docx {background: url(images/docx.png) left top no-repeat; padding:10px; padding-left:53px;margin:0px;display:block;margin-top:5px;text-align:left}
.typ_ikona {width: 20px;height: 20px;background-position: center; background-repeat: no-repeat; background-size: 40px; padding:10px; margin:0px;display:block;}

 .mini_p {width:100%; background-size: 20px;background-position: left 5px center;background-repeat: no-repeat;}
 .edytuj { background-image: url(images/erp-edytuj.svg);}
 .edytuj:hover { background-image: url(images/erp-edytuj-w.svg);}
 .duplikuj { background-image: url(images/duplikuj2.svg);}
 .duplikuj:hover { background-image: url(images/duplikuj2-w.svg);}
 .produkuj { background-image: url(images/erp-produkuj.svg);}
 .produkuj:hover { background-image: url(images/erp-produkuj-w.svg);}
 .rozklad_p { background-image: url(images/rozklad-b.svg);}
 .rozklad_p:hover { background-image: url(images/rozklad-w.svg);}
 .tabliczka, .tabliczki { background-image: url(images/tabliczka2.svg);}
 .tabliczka:hover,.tabliczki:hover { background-image: url(images/tabliczka2-w.svg);}
 .produkcja { background-image: url(images/erp-produkcja.svg);}
 .produkcja:hover { background-image: url(images/erp-produkcja-w.svg);}
 .dod_zdj { background-image: url(images/ikony/ikona15s.png);}
 .archiwum { background-image: url(images/ikony/lista_email.png);}
 .komentarz { background-image: url(images/erp-komentarz.svg);}
 .komentarz:hover { background-image: url(images/erp-komentarz-w.svg);}
 .ukryj { background-image: url(images/erp-ukryj.svg);}
 .ukryj:hover { background-image: url(images/erp-ukryj-w.svg);}
 .odkryj { background-image: url(images/erp-odkryj.svg);}
 .odkryj:hover { background-image: url(images/erp-odkryj-w.svg);}
 .usun { background-image: url(images/erp-usun.svg);}
 .usun:hover { background-image: url(images/erp-usun-w.svg);}
 .pobierz { background-image: url(images/erp-pobierz.svg);}
 .pobierz:hover { background-image: url(images/erp-pobierz-w.svg);}
 .obroc { background-image: url(images/erp-obroc.svg);}
 .obroc:hover { background-image: url(images/erp-obroc-w.svg);}
 .kopiuj { background-image: url(images/erp-kopiuj.svg);}
 .kopiuj:hover { background-image: url(images/erp-kopiuj-w.svg);}
 /*.podglad { background-image: url(images/ikony/podglad.png);}*/
 .otworz, .podglad { background-image: url(images/erp-otworz.svg);}
 .otworz:hover, .podglad:hover { background-image: url(images/erp-otworz-w.svg);}
 .pdf { background-image: url(images/ikony/pdf.png);}
 .pow { background-image: url(images/ikony/ikona16.png);}
 .stanowisko { background-image: url(images/stanowisko.svg);}
 .stanowisko:hover { background-image: url(images/stanowisko-w.svg);}

.ukryty {color:#b5b5b5;}

.przycisk_g2 {display:inline-block;}

.panel_autor2 {
	color:#000000;
	font-size:12px;
	font-weight:400;
	text-align:left;
	margin:10px 0px;
	}

.panel_autor2 a {color:#000000;}

.nazwa_systemu {text-align: right;color: #ffffff;line-height: 16px;width:200px;bottom: 45px; left: -65px; position: absolute;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.nazwa_systemu p {font-size: 14px;font-weight: 700;padding: 0px;margin: 0px;}
.nazwa_systemu div {font-size: 10px;font-weight: 300;}

.active_menu_body{position:fixed}
.div_mobile {display: none;}
.b_menu_mobile {vertical-align:top;display:inline-block;background-image: url(images/erp_icon12b.svg); display:inline-block;width:35px;height:35px;background-size:70px;background-position: 0px 0;background-repeat: no-repeat;cursor: pointer;}
nav#sidebar.active_menu {width: 100%;left: 0;opacity:1; padding-top:55px;box-sizing: border-box;}
a.b_zamknij {width: 100%;color:#ffffff;font-size:17px; text-align: center;padding: 15px 0px;display:block;text-decoration: none; background: var(--zielony) url(images/erp_usun.svg) right 20px center no-repeat;padding-right: 15px;box-sizing: border-box;}
a.b_zamknij:hover {text-decoration: none;background-color: var(--szary);color: #000000;}
button.b_wyloguj2 {display:block;width: 100%; color:#ffffff;font-size:17px;padding: 15px 0px;background: var(--czerwony) url(images/erp_wyloguj.svg) left 10px  center no-repeat;margin: 0px;border:0px; outline: none;background-size:30px;cursor: pointer;height:56px;font-weight: 600;text-transform: uppercase;box-sizing: border-box;}
button.b_wyloguj2:hover {background-color: var(--szary);transition-duration: 0.5s;color: #000000;}
.pasek_zamknij {flex-wrap: wrap; flex-direction: row;	align-content: space-between; align-items: flex-start;justify-content: space-between;display: none;position: relative;top:0;width: 100%; color:#ffffff;font-size:17px; text-align: center;height:60px;font-weight: 600;text-transform: uppercase;text-decoration: none;z-index: 1001;}
.pasek_zamknij div {width: 50%;}
.pasek_zamknij.active_menu {display: flex;position: sticky;}

nav#sidebar {overflow: hidden; -ms-overflow-style: none; -ms-overflow-style: -ms-autohiding-scrollbar; overflow: -moz-scrollbars-none;}

nav#sidebar ul {list-style: none;text-align: left;}
/*nav#sidebar ul li ul {padding-left:50px}*/
nav#sidebar ul li {width: 100%;font-size: 15px;color:#ffffff;margin: 5px 0px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
nav#sidebar ul li>div>a {padding: 8px 0px;padding-left: 10px; width: calc(100% - 50px);font-size: 15px;color:#ffffff;display: inline-block;text-decoration: none; background-color: rgba(0, 0, 0, 0);}
nav#sidebar ul li>div>div.div_naglowek {padding: 8px 0px; width: calc(100% - 110px);font-size: 15px;color:#ffffff;display: inline-block;text-decoration: none;}
nav#sidebar ul li.li_naglowek>div:not(.div_naglowek) {padding: 8px 0px;padding-left: 10px;width: 100%;}

nav#sidebar ul.sources li>div>a span, nav#sidebar ul.sources li.li_naglowek>div span {margin:0px 5px;margin-right:12px; display:inline-block;width:35px;height:35px;background-size:70px;background-position: -35px 0 !important;background-repeat: no-repeat !important;-webkit-transition:linear .1s, background-position .3s;vertical-align: middle;}
nav#sidebar ul li.li_naglowek>div:hover div, nav#sidebar ul li>div:hover {color:var(--niebieski);background-color: #ffffff;}
nav#sidebar ul li.li_naglowek>div:hover span {background-position: 0 0 !important;}
nav#sidebar ul li>div:hover>a {color:var(--niebieski);}
nav#sidebar ul li>div:hover>a span {background-position: 0 0 !important;}

nav#sidebar ul.sources li.dodawanie>div, nav#sidebar ul.sources li>div>a.dodawanie {width:35px;height:35px;margin:0px auto; opacity: 0;display: inline-block;background-color: var(--zielony);border-radius: 5px;vertical-align: middle;text-align: center;box-sizing: border-box;padding: 10px;}
nav#sidebar ul.sources li.dodawanie>div>img, nav#sidebar ul.sources li>div>a.dodawanie>img {display:block;width:100%; vertical-align: middle; text-align: left;}
nav#sidebar ul.sources li>div>div.dodawanie {position: relative;width:35px;height:35px;margin:0px auto; vertical-align: middle; opacity: 0;display: inline-block;vertical-align: top;text-align: center;box-sizing: border-box;}
nav#sidebar ul.sources li>ul>li.dodawanie>div, nav#sidebar ul.sources li>ul>li>div>a.dodawanie {width:30px;height:29px;margin:0px auto; opacity: 0;display: inline-block;background-color: var(--zielony);border-radius: 5px;vertical-align: middle;text-align: center;box-sizing: border-box;padding: 7px;/*margin-top:4px;*/margin-left:5px}
/*nav#sidebar ul.sources li>div>div.dodawanie>label.switch {left:0px;}*/
label.switch[for="aktywne_menu"] {left:-10px;}
.dodawanie label.switch[for="aktywne_menu"] {top:-16px;}

/*nav#sidebar ul.sources li:hover, nav#sidebar ul li:hover a {color:var(--niebieski);background-color: #ffffff;}*/
nav#sidebar ul.sources li.active{background-size:auto 13px;background-color:#ffffff;color:var(--niebieski);-webkit-filter:grayscale(0);}

nav#sidebar{height:100%;-webkit-user-select:none;top:0;background:url(/edycja/images/tlo_menu.jpg) repeat-y;border-right:1px solid #EBEBEB;z-index:1000;width:65px;left:0px;will-change:opacity;position:fixed;overflow-y:scroll;overflow-x:hidden;-webkit-transition:width .2s, opacity .8s, box-shadow .1s linear .1s, background-color .3s;opacity:1;scrollbar-width: none;}

/* width */
nav#sidebar::-webkit-scrollbar {
	width: 10px;
  }

  /* Track */
  nav#sidebar::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px transparent;
	border-radius: 0px;
  }

  /* Handle */
  nav#sidebar::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 0px;
  }

  /* Handle on hover */
  nav#sidebar::-webkit-scrollbar-thumb:hover {
	background: transparent;
  }

nav#sidebar::-webkit-scrollbar{width:0 !important; display: none;}
nav#sidebar:hover, nav#sidebar.stale_menu2 {box-shadow:3px 0 20px rgba(0,0,0,0.2);width:260px;opacity:1}
/*nav#sidebar.hover{box-shadow:3px 0 20px rgba(0,0,0,0.2);width:260px;opacity:1}*/
nav#sidebar ul.sources {margin-top:0px;left:0;position:relative;width:260px;transition:left .2s}
nav#sidebar ul.sources>li>ul {opacity:0;padding-left: 50px;display:none;}
nav#sidebar ul.sources>li>ul li a {font-size:13px;}
nav#sidebar:hover ul.sources li ul {opacity:1;-webkit-transition: opacity .8s;display:block}
nav#sidebar ul.sources li ul li {padding:0px;margin: 0px;}

nav#sidebar ul.sources li {display:block;/*display:none;*/position:relative;}

/*nav#sidebar:hover .dodawanie {visibility:visible}*/
nav#sidebar>ul.sources>li:hover>div>.dodawanie, nav#sidebar>ul.sources>li:hover>div>a.dodawanie {opacity:1}
nav#sidebar>ul.sources>li>ul>li:hover>div>.dodawanie, nav#sidebar>ul.sources>li>ul>li:hover>div>a.dodawanie {opacity:1}

nav#sidebar ul.sources li:first-child>div>div.dodawanie {opacity:1;}

nav#sidebar.stale_menu2 ul.sources>li>ul {opacity:1;display:block;}
/*nav#sidebar ul.sources li.enabled {display:block}*/

/*@-webkit-keyframes flipInY{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1, 1);opacity:.2}100%{-webkit-transform:scale(1.6, 1.6);opacity:1}}
@-webkit-keyframes jumper{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}*/
/* ERP ----------------------------------*/


.nazwa_pods {font-size:14px;color: var(--grafit);line-height: 10px;display: block;}


.panel_ap {
	width:524px;
	position: absolute;
  left: 50%;
  top: 105%;
  margin-left: 202px;
  margin-top: -262px;  /* po�owa wysoko�ci */
	font-size:56px;
	color:#ffffff;
	font-weight:400;
	text-align:right;
}



h1.hej {color:#000000;font-size:47px;font-weight:bold;text-align:left}
h2.czas_dodac {color:#000000;font-size:26px;margin:0px;text-align:left}

.przycisk_grid {font-weight:600;cursor:pointer; border:none; font-size:18px; padding: 7px 25px; margin:15px auto; color:#ffffff; background-color:#d70104; text-align:center; text-decoration:none;webkit-border-radius: var(--rog_element); -khtml-border-radius: var(--rog_element); -moz-border-radius: var(--rog_element); border-radius:10px}
.przycisk_grid:hover {background-color:#000000; color:#ffffff; text-decoration:none;}

.przycisk_grid2 {background-color:#61cb02;}

.ramka_glowna {
	width: 92%;
	margin: 2.5% auto;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 30px;
	webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	padding:0.5% 2%;
	box-sizing:border-box;
	font-size:14px;
}

.kom_ok h2 {font-size: 25px;font-weight: 700;}

.grid_ikona {height:auto;}
.grid_ikona a, .grid_ikona a img, .grid_ikona img {text-align:center;display:block;margin:0px auto;}



.ramka_glowna p {font-size:14px;}

.tlo_manui {
	background: #ffffff url(images/mirkcms_03.png) right -75px top -60px no-repeat;
}

.rozwiazanie {
	background: url(images/glowna_03.jpg) left top no-repeat;
}

.polec {
	background: url(images/glowna_07a.jpg) center top no-repeat;
	text-align:center;
}

.grid_container4, .grid_container6 {
  width: 100%;
  display:flex; flex-direction:row;justify-content: space-around;clear: both;flex-wrap: wrap;align-items: center;
}

.grid_container4 {
width: 100%;
}

.grid_container6 div {
max-width: 250px;
}

.grid_container4 div {
	max-width: 350px;
	}

.grid_container4a {
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.wersja {
	margin-top:80px;
}

.grid_pole {background-color:#ffffff;padding:10px;display:inline-block;height:25px;margin-right:10px;vertical-align:top;}

.grid_item {
  /*background: hsl(162, 76%, 32%);*/
  padding: 1rem;
  min-width: 0;
}

.polec_srodek {width:330px;padding:10px 0px;margin:0px auto;padding-bottom:0px;}

.placeholder { color: #525252; }

.galeria { width:130px;}
.mini { width:130px;height:130px;overflow:hidden;}
.zdj_lista img {height: 40px;display: inline-block;}

.table_td2 {
background-color: #f5f5f5;
padding: 15px;
color: #000000;
border:1px solid #e4e4e4;
}

.table_nagl {background-color:#D4ECFF;font-weight: bold; padding: 8px;text-align: center;color: #000000;}
.table_td {background-color: #F2F2F2;padding: 5px;}

.panel_gl {
	width:100%;
	height:424px;
	position: absolute;
  left: 0%;
  bottom: 30%;
  background: url(images/CMS-MIRK_51.jpg) top center repeat-y;
}
.panel_st {
	position: absolute;
	bottom: 30%;
	left: 50%;
	width:71px;
	height:29px;
	margin: 0 auto;
	margin-bottom:-29px;
	margin-left:-35px;
  background: url(images/CMS-MIRK_53.png) top center no-repeat;
}

.panel_lewy{
width:67px;
height:100%;
position: fixed;
left:0px;
top:0px;
background:#30a3da center fixed;
font-size:9px;
color:#ffffff;
font-weight:400;
text-align:center;
}



/*************************************http://www.htmlcssdeveloper.com/tutorial/advanced-html-css/css-drop-down-menu.html********************************/
/* menu rozwijane******************************************************/

.main_menu
{
	height:67px;
	font-weight:600;
	color:#ffffff;
	position:relative;
	font-size:9px;
	float:right;
	text-decoration:none;
	padding:0px;
}
.main_menu ul
{
	padding:0px;
	margin:0;
	list-style:none;
	}
.main_menu ul li
{
	padding:0;
	margin:0;
	float:left;
}
.main_menu ul li a
{
	font-weight:600;
	color:#ffffff;
	display:block;
	text-decoration:none;
	margin:0 auto;
	width: 67px;
	height:58px;
	padding-top:6px;
}
.main_menu ul li a:hover
{
	padding-top:6px;
  height:58px;
	background-color:#0c8cc9; color:#ffffff;
}

/*********************************************************************/

.wyloguj {font-weight:600;cursor:pointer; border:none; width:67px; height:67px; font-size:9px; padding-top: 35px; color:#ffffff; background: #1a70c0 url(images/mirkcms_06.png) center 13px  no-repeat; text-align:center; text-decoration:none;}
.wyloguj:hover {background-color:#0c8cc9; color:#ffffff; text-decoration:none;}

.przycisk_panel {font-weight:600;cursor:pointer; border:none; width:67px; height:27px; font-size:9px; padding-top: 40px; color:#ffffff;  text-align:center; text-decoration:none;background-color:#30a3da;}
.przycisk_panel:hover {background-color:#0c8cc9; color:#ffffff; text-decoration:none;}

.pulpit {background:#30a3da url(images/mirkcms_55.png) center 13px no-repeat;position:absolute;bottom:82px}
.ustawienia {background:#30a3da url(images/mirkcms_60.png) center 13px no-repeat;position:absolute;bottom:15px;}
.strona {background:#30a3da url(images/mirkcms_14a.png) center 13px no-repeat;position:absolute;}

.panel_menu {
	vertical-align:top;
	display:inline-block;
	width: 160px;
	background-color: #ffffff;
	box-sizing:border-box;
}

.naglowek	{
	color: #ffffff;
	font-weight: bold;
  background-color:#30a3da;
	text-align: center;
	padding: 7px;
	font-size:11px;
	}

.naglowek a { color: #ffffff; }

.wrap {
		/*white-space: pre-wrap;      /* CSS3 */
/*    white-space: -moz-pre-wrap; /* Firefox */
  /*  white-space: -pre-wrap;     /* Opera <7 */
    /*white-space: -o-pre-wrap;   /* Opera 7 */
    /*word-wrap: break-word;
		white-space: pre-wrap;
		word-break: break-all;
  white-space: normal;*/

		-ms-word-break: break-all;
    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;}



.wiersz_1 { background-color:#F5F5F5;}
.wiersz_2 { background-color:#FFFFFF;}
tr.wiersz_2:hover, tr.wiersz_1:hover { background-color:#E0F5FF;}
.wiersz_3 { background-color:#E5E5E5;}

.menulewe {width: 160px; font-size: 12px;	left: 77px;	bottom:15px;	position: absolute;}
.menulewe dt {text-align: left; background-color: #ffffff; padding: 3px; color: #30A3DA; font-weight: 600;text-decoration: none; display: block; border: 0 none; height: 100%;}
.menulewe dd {display: block; border: 0px solid gray;}
.menulewe li {margin: 2px 0; text-align: left;}
.menulewe li a {padding: 2px; color: #ffffff; font-weight: 600; text-decoration: none; border-bottom: 1px dashed #ffffff; display: block; height: 100%;}
.menulewe dt a {text-align: left; color: #304E92; font-weight: 600; text-decoration: none; display: block; border: 0 none; height: 100%; }
.menulewe li a:hover {color: #30A3DA; background: #ffffff;font-weight: 600;}
.menulewe dt a:hover {color: #000000;font-weight: 600;}

.menulewe dl, .menulewe dd, .menulewe li{
margin: 0;
padding: 0;
list-style-type: none;
}

#naglowek {
color: #000000;
font-weight: bold;
background-color:#aee4fe;
text-align: center;
padding: 3px;
}

.prawa {text-align:right;}
.lewa {text-align:left;}
.width33 {display:inline-block; box-sizing:border-box; width:33.3%;vertical-align:top;}
.width50 {display:inline-block; box-sizing:border-box; width:45%; vertical-align:top;transition: all .2s ease-in-out;}
.width50a {display:inline-block; box-sizing:border-box; width:49.5%; vertical-align:top;}
.width50pa {display:inline-block; box-sizing:border-box; margin-left:1%;width:49.5%; vertical-align:top;float:right;overflow:hidden;}
.width50p {display:inline-block; box-sizing:border-box; margin-left:1%;width:54%; vertical-align:top;float:right;/*overflow:hidden;*/ transition: all .2s ease-in-out;margin-bottom: 80px;}
.width50.dock1 {width:25%;}
.width50p.dock1 {width:74%;}
.width50.dock3 {width:74%;}
.width50p.dock3 {width:25%;}

.width100 {width:100%;display:inline-block;}
.width80 {width:80%;display:inline-block;}
.width70 {width:70%;display:inline-block;}
.width30 {width: 30%;display:inline-block; text-align: right;vertical-align:top;}
.text2 { padding:0px 5px; border-bottom: 1px solid #34a1d9;min-height:24px;color:#000000;font-size:12px;box-sizing:border-box;display:inline-block;}
.wyszukaj {	font-weight: bold; background-color:#F4F4F4; text-align: right; margin: 2px; border: solid 2px #efefef; border-bottom: solid 5px #4c4b4b; padding: 3px; height: 25px; }
.odstep20 {margin-top:20px;}
.noborder {border:0px;}
.podglad_zdj {background-color:#f7f7f7;max-width:100%;}
.opis80 {padding:5px;margin:0px;font-size:10px;color:#000000;margin-left:20%;}
.data_prom_end {display:inline-block;}
.ui-accordion-header {cursor: pointer;}
.ui-icon.iconClosed {
  background:url('images/ikony/plus.svg') no-repeat;
	background-size:13px;
    width:13px;
    height:13px;
	float:right;
}

.ui-icon.iconOpen {
  background:url('images/ikony/minus.svg') no-repeat;
    background-size:13px;
    width:13px;
    height:13px;
	float:right;
}

.czysty {clear:both;width:100%}

a.aprzycisk_p {height:16px;width:56px;padding: 3px 23px 3px 10px;border:none; margin-right:3px; font-size:12px;color:#ffffff; text-align:right; text-decoration:none;background: url(images/ikony/powrot.png) no-repeat center;display:block;float:left;}
a.aprzycisk_p:hover{color:#ffffff; text-decoration:none;}

.przycisk_p {height:16px;width:56px;padding: 3px 23px 3px 10px;border:none;cursor:pointer; margin-right:3px; height:22px;width:91px; font-size:12px;color:#ffffff; text-align:right; text-decoration:none;background: url(images/ikony/powrot.png) no-repeat center;display:block;float:left;font-weight:bold}
.przycisk_p:hover{color:#ffffff; text-decoration:none;}

a.aprzycisk_p1 {height:16px;width:131px;padding: 3px 23px 3px 10px;border:none; margin-right:3px; font-size:12px;color:#ffffff; text-align:right; text-decoration:none;background: url(images/ikony/powrot1.png) no-repeat center;display:inline-block;}
a.aprzycisk_p1:hover{color:#ffffff; text-decoration:none;}

.przycisk_z {font-weight:bold;margin-right: 3px;cursor:pointer; border:0px; height:22px;width:71px; font-size:12px; padding: 0px 6px 1px 0px; color:#ffffff; background: url(images/ikony/zapisz.png) no-repeat center; text-align:right; text-decoration:none;}
.przycisk_z:hover {color:#ffffff; text-decoration:none;}

form input.submit::-moz-focus-inner{border:0; padding:0;}

.panel_box {float:left;background: #f5f5f5 url(images/tlo_panel.jpg) top center no-repeat;width:191px;height:236px;border: 1px #d8d6d6 solid;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin:6px}

.panel_dol {color:#000000;text-align:center;overflow: hidden;}

.panel_cel {text-align:center;color:#000000;padding:5px 0px;font-weight:600;font-size:18px;}

.panel_lewa {display:inline-block;overflow: hidden; width:115px;text-align:left;height:15px;}
.panel_prawa {display:inline-block;float:right;color:#000000;text-align:right}

.panel_wiersz {overflow: hidden;}
.panel_wiersz1 {background-color:#f5f5f5;font-size:14px;padding:5px 10px!important;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align:left;}
.panel_wiersz2 {background-color:#ffffff;font-size:14px;padding:5px 10px!important;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align:left;}

.panel_nr {font-weight:bold;font-size:12px;position:relative;top:15px;background-color:#555555;color:#ffffff;text-align:center;padding:6px 0px;margin:0px 5px 5px 0px;width:27px;height:15px;float:right;-moz-border-radius: var(--rog_button);-webkit-border-radius: var(--rog_button);-khtml-border-radius: var(--rog_button);border-radius: var(--rog_button);border:3px solid #ffffff;z-index: 1;}

.navcontainer { font-size: 12px;margin: 0px;text-align: left; border:none;}

.navcontainer ul { margin: 0; padding-left: 3px; list-style-type: none;}

.navcontainer.li  { padding: 5px; text-decoration: none;display: block; height: 100%;color:#4c4b4b;font-weight: 300;margin-left:0px;padding-left:3px;border-left: none;border-bottom: 1px solid #f0f0f0;}

.navcontainer li a { padding: 5px; text-decoration: none;display: block; height: 100%;color:#4c4b4b;font-weight: 300;margin-left:0px;padding-left:3px;border-bottom: 1px solid  #f0f0f0;}

.navcontainer li a:hover { background-color: #f3f3f3;font-weight: 300;color:#3598DB;}

.navcontainer.naglowek  {width: 149px;height: 100%;font-size: 12px;font-weight: 600; display: block; color:#ffffff;text-decoration: none;padding: 8px 3px 6px 8px;background:#30A3DA url(images/mirkcms_11.png) left center no-repeat;text-align:right; margin:0px; margin-top:0px}

.navcontainer.naglowek2a {list-style-type: none;border: none; }
.navcontainer.naglowek2a a {margin:0px; margin-top:10px;height: 100%;font-size: 12px;font-weight: 600; display: block; color:#ffffff;text-decoration: none;padding: 8px 3px 6px 8px;background:#30A3DA url(images/mirkcms_11.png) left center no-repeat;text-align:right;}
.navcontainer.naglowek2a a:hover {text-decoration: none;color:#3598DB; background-color:#F3F3F3;font-weight: 600;}

.pomoc {
		 color: #000000;
		 background: url(images/ikony/help.png) 5px 4px no-repeat;
		 text-align: left;
		 padding: 8px;
		 padding-left: 10px;
		 margin-bottom: 5px;
		 }


.wyszukaj2 {
		 font-weight: bold;
     background-color:#F4F4F4;
		 text-align: center;
		 padding: 5px;
		 height: 22px;
		 }

.szukaj_kat	{
width:200px;
}

.rk_wiersz {width:400px;}

.rk_wiersz2 {width:200px;}

.dodaj_dok {
display: none;
}

.select2, .select2-container {width: 100%!important;max-width: 100%!important;}
.select2-search--dropdown .select2-search__field {width: 98%;}
.select2-results__option  {font-size:12px;}

.srodeczek {overflow-x: auto!important;}
.rozklad_ukryj {display: none;}
.rozklady.flex>div {flex: auto;padding: 0px;box-sizing: border-box;}
.rozklady.flex>div:first-child {flex:30%;}
.rozklady.flex>div:nth-child(2) {flex:70%;}
.rozklady input {padding: 8px 0px;}

table.rozklad {width:100%!important;}

.naglowek_kursy_lewa, .naglowek_kursy {height: 50px;}
.naglowek_kursy_lewa {height: 50px;min-width: 67px!important;}
.rozklad_przystanki input { padding: 3px 0px!important;}
.naglowek_obj_lewa, .naglowek_obj {height: 37px;}
.odjazdy {height: 37px;}
.odjazdy.flex {padding:1px 0px;align-items: center;}
.odjazdy.flex>div {padding: 0px;}
.odjazdy.flex>div:first-child {width: min-content;padding-right: 5px;}
.odjazdy.flex>div:nth-child(2) {flex: auto;}

table.rozklad th .styled-checkbox[type="checkbox"]:checked + label:after { content: '';
	position: absolute;
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid var(--niebieski);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);}
table.rozklad th .styled-checkbox[type="checkbox"]:checked + label:before { background: var(--bialy);}

table.rozklad th div:last-child .styled-checkbox[type="checkbox"] + label:before { margin-right: 0px;}


table.rozklad th .flex {flex:}
table.rozklad th .flex>div {text-align: left; align-self: center;justify-content: left;padding: 0px;width: auto;}
.naglowek_obj_lewa .informacje-w {background:url(images/erp_help.svg) center left no-repeat; background-size: 100%; }

table.rozklad th {
    padding: 10px 8px;
    font-weight: 400;
    border: none;
	text-align:left;
    vertical-align: center;
    color: #ffffff;
    text-transform: uppercase;
    background-color: var(--niebieski);
	min-width: 60px;
}

table.rozklad tr:target {
    background-color: #da001d;
	color:#ffffff!important;
}

table.rozklad tr:target span.kolor_text {color:#ffffff!important;font-weight:600;}

.kolor_text {
	color:#009ee0;
	font-weight:400;
}

.kolor_zawieszone {
	background-color:red;
	color:#ffffff;
	font-weight:400;
	padding: 3px;
}





.link_naglowek {
color:#004891;
}
.link_naglowek a {
color:#004891;
}
/*
#menulewe {width: 150px; font-size: 11px;}
#menulewe dt {text-align: left; background: #d4ecff url(images/ikony/folder.png) no-repeat left top; padding: 3px 0px 3px 20px; color: #304E92; font-weight: bold; text-decoration: none; display: block; border: 0 none; height: 100%;}
#menulewe dd {display: block; border: 0px solid gray;}
#menulewe li {margin: 2px 0; text-align: left;}
#menulewe li a {padding: 2px; color: #000000; text-decoration: none; border-bottom: 1px dashed #ccc; display: block; height: 100%;}
#menulewe dt a {text-align: left; color: #304E92; font-weight: bold; text-decoration: none; display: block; border: 0 none; height: 100%; }
#menulewe li a:hover {color: #0470e6; background: #EFEFEF;}
#menulewe dt a:hover {color: #000;}
*/

#pasek_tresc {
	background: #000 url(images/panel_12.jpg) repeat-x;
	color: #fff;
	text-align: left;
	height: 20px;
	width: 825px;
	font-weight: bold;
	padding-top:0px;
}

#tresc {
	width: 100%;
	/*font-size: 11px;*/
	box-sizing:border-box;
}

#pasek_d {
	width:100%;
	background: url(images/panel_16.jpg) repeat-x;
	height: 62px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#podpis {
	text-align: right;
	padding: 10px;
	width: 970px;
	margin: 0 auto 0px auto;
}

#wyszukaj
     {
		 font-weight: bold;
     background-color:#F4F4F4;
		 text-align: center;
		 margin: 2px;
		 border: solid 2px #efefef;
		 border-bottom: solid 5px #4c4b4b;
		 padding: 3px;
		 height: 25px;
		 }

.dodaj_poz{
color:#4C4B4B;
text-decoration:none;
}







#dodaj
		 {
     color: #fff;
		 font-weight: bold;
     background-color:#99c9e8;
		 text-align: right;
		 }

@keyframes fadeOut {
    0%  { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; transform: translateY(0px);}
    99% { opacity: 0; transform: translateY(-30px);}
    100% { opacity: 0; }
}



.error {
	color: #ff0000;
	font-size: 10px;
}



.miniaturka_do_lewej{ float: left; border: 1px solid #9d9d9d; margin: 3px; padding: 1px; width: auto; height: 51px;}

.miniaturka_do_prawej{ float: right; border: 1px solid #9d9d9d; margin: 3px; padding: 1px; width: auto; height: 51px;}

.zdj {display: block; float: left; margin: 3px 10px 5px 3px; margin-bottom: 5px; padding: 4px; background: #fff; border: 1px solid #ccc;}


.wiersz1 { background-color:#F4F4F4; padding: 3px; color:#000000}

.wiersz2 { background-color:#EAEAEA; padding: 5px; color:#000000}

a.aprzycisk_plus {height:17px;padding: 2px 10px 3px 31px;border:none; margin-top:1px; font-size:12px;color:#ffffff; text-align:center; text-decoration:none;background: #4C4B4B url(images/ikony/plus.jpg) no-repeat;display:block;float:left;webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
a.aprzycisk_plus:hover{background-color:#000000;color:#ffffff; text-decoration:none;}

a.aprzycisk {height:16px;padding: 3px 10px 3px 10px;border:none; margin-right:3px; font-size:12px;color:#ffffff; text-align:center; text-decoration:none;background-color:#4C4B4B;display:block;float:left;webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
a.aprzycisk:hover{background-color:#000000;color:#ffffff; text-decoration:none;}




#wydruk {display: none}

@media print {
.listwa_gorna {display: none}
.panel_menu {display: none}
.panel_tresc {margin-top:60px;width: 650px;}
html, body { background: none;}
#pasek_g {display: none}
#panel {display: none}
#panel_lewy {display: none}
#pasek_d {display: none}
#wyszukaj {display: none}
#pasek_tresc {display: none}
#wydruk {display:block; width: 630px;}
#panel_prawy {float: left; width: 630px;}
#tresc {text-align:left; width: 630px;}
}

/* Styles for tab */
   /* .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #DBDBDB; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; margin:0px 2px 0px 2px; }
    .tab a { font-size: 11px; line-height: 2em; display: block; padding: 0 10px; outline: none; color: #585858; text-decoration: none;}
    .tab a:hover { text-decoration: underline; }
    .tab.active { background: #fff;  position: relative; top: 1px; border-color: #666; }
    .tab a.active { font-weight: bold; color: #459BF1; text-transform: uppercase; }
    .tab-container .panel-container { border: solid #000000 1px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }*/
    .panel-container { margin-bottom: 10px; }

.bar {
    height: 18px;
    background: green;
}

.mosaic-block{float:left;position:relative;overflow:hidden;background:#111 url(images/ikony/progress.gif) no-repeat center center;margin:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.mosaic-backdrop{display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.mosaic-overlay{display:none;z-index:5;position:absolute;width:100%;background:#111;padding:5px;text-align:right;}
.circle .mosaic-overlay{background:url(images/ikony/hover-magnify.png) no-repeat center center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);display:none;}
.fade .mosaic-overlay{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(images/ikony/bg.png);}
.bar .mosaic-overlay{bottom:-50px;height:20px;background:url(images/ikony/bg.png);}
.bar2 .mosaic-overlay{bottom:-50px;height:100px;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);}
.bar2 .mosaic-overlay:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}
.bar3 .mosaic-overlay{top:-100px;height:100px;background:url(images/ikony/bg.png);}

#panel
{
	background-color: #30A3DA;
	padding: 10px;
	text-align:left;
	padding-left:77px;
	position: fixed;
	/*margin-top: -100px; /*po�owa wysoko�ci panelu w g�r� */
	left: 0px;
	bottom: 0px;
	height:100%;
 width: 160px;
}

#panel-pomoc
{
	background-color: #30A3DA;
	padding: 10px;
	text-align:left;
	padding-left:77px;
	position: fixed;
	/*margin-top: -100px; /*po�owa wysoko�ci panelu w g�r� */
	left: 0px;
	top:0px;
	height:100%;
 width: 160px;
}

.zamknij
{
	background-position: -20px 0px;
}


/*PC + notebook*/
@media (max-width: 1500px) {
	html,body{ min-width:992px;
	font-size: 14px;}

	.panel_log {width:80%; flex-direction: row; flex-wrap: wrap; }
	.panel_log>div:first-child { flex: 0 1 30%;}
	.panel_log>div {flex: 1 1 70%;}
	.przyciski_naglowek {position: relative;}

	h1.hej {font-size:37px;}
	h2.czas_dodac {font-size:22px;}
	/*.logowanie {width: 80%;	margin: 20px auto;}*/
	}

/*Notebook*/
@media (max-width: 1199px) {
	html,body{
	min-width:991px;
	/*background-size:auto 840px;*/
	}
	#kom_ok, .kom_ok_log, .kom_ok, #kom_blad, .kom_blad_log, .kom_blad  {width: 70%;}
	.panel_log {width:90%; flex-direction: row; flex-wrap: wrap; }
	.panel_log>div:first-child { flex: 0 1 30%;}
	.panel_log>div {flex: 1 1 70%;}
	/*.uzytkownik_opis {max-width: 50%;}*/
	.czas_sesji {white-space: pre-line;}
	a.b_dodaj2, a.b_wyslij, span.b_zaladuj, a.button, .button, input.b_usun, button.b_usun, a.b_usun {font-size: 14px;}
	a.button, input.button {
		padding-left: 55px;
		background: url(images/erp_przejdz.svg) 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 45px, #ffffff 45px);
		background-size: 20px, 100%;
		background-repeat: no-repeat;
		border: 1px solid var(--niebieski);
	}
	a.b_nie {background: none;background-color: var(--czerwony);border: none;padding: 10px;	}
	a.b_tak {background: none;background-color: var(--zielony);border: none;padding: 10px;}

	a.b_docks_1 {background: var(--bialy) url(images/Dock-s1.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}
a.b_docks_2 {background: var(--bialy)  url(images/Dock-n2.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}
a.b_docks_2.dock2 {background: var(--bialy)  url(images/Dock-s2.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}
a.b_docks_3 {background: var(--bialy)  url(images/Dock-s3.svg) center no-repeat;display:inline-block;height: 40px; border: none;background-size: 100%;margin:0px 5px}


a.b_dodaj,a.b_dodaj2, button.b_dodaj {
	background: url(images/erp_plus.svg) 12px center, linear-gradient(90deg, var(--zielony) 0%, var(--zielony) 45px, #ffffff 45px);
	padding-left: 55px;
	background-size: 20px, 100%;
	background-repeat: no-repeat;
	border: 1px solid var(--zielony);
}

.przyciski_naglowek>div:nth-child(1) {
	border: 6px solid #ffffff;
	position: fixed;
    bottom: 20px;
    right: 18px;
    z-index: 300;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
	background-color: #ffffff;
}

a.b_dodaj {
	padding-left: 34px;
    padding-bottom: 35px;
    font-size: 0px;
	margin: 0px;
}

a.b_dodaj:hover {
	font-size: 16px;
	padding: 10px;
	padding-left: 55px;
}

input.b_zaloguj {
	background: url(images/erp_13.png) 17px center, linear-gradient(90deg, #3e7949 0%, #3e7949 45px, var(--zielony) 45px);
	padding-left: 55px;
	background-size: 20px, 100%;
	background-repeat: no-repeat;
	border: 1px solid var(--zielony);
}

a.b_powrot2, button.b_powrot2, input.b_powrot2 {
	background: url(images/erp_21.png) 12px center, linear-gradient(90deg, var(--czerwony) 0%, var(--czerwony) 45px, #ffffff 45px);
	padding-left: 55px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--czerwony);
}
a.b_powrot {
	background: url(images/erp_21.png) 12px center, linear-gradient(90deg, var(--czerwony) 0%, var(--czerwony) 45px, #ffffff 45px);
	padding:5px 0px;
	padding-left: 55px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--czerwony);
}

button.b_zapisz, button.b_przywroc {
	background: url(images/ok.png) left 12px center, linear-gradient(90deg, var(--zielony) 0%, var(--zielony) 45px, #ffffff 45px);
	padding-left: 55px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
	border: 1px solid var(--zielony);
}
a.b_historia {
	background: url(images/erp_historia.svg) left 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

a.b_podglad {
	background: url(images/erp-otworz-w.svg) left 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding-left:53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

a.b_duplikuj {
	background: url(images/duplikuj2-w.svg) left 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding-left:53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

a.b_stanowisko {
	background: url(images/stanowisko-w.svg) left 12px center, linear-gradient(90deg, var(--niebieski) 0%, var(--niebieski) 43px, #ffffff 43px);
	padding-left:53px;
	background-repeat: no-repeat;
	background-size: 20px, 100%;
}

input.b_usun, button.b_usun, a.b_usun {
	background: url(images/erp_usun.svg) left 12px center, linear-gradient(90deg, var(--czerwony) 0%, var(--czerwony) 43px, #ffffff 43px);
	background-repeat: no-repeat;
	background-size: 18px, 100%;
	border: 1px solid var(--czerwony);
	padding-left: 55px;
}

a.b_wyczysc {
	background: var(--czerwony) url(images/erp_usun.svg) left 12px center no-repeat;
	color: #ffffff;
	margin:0px;
	padding:18px 20px;
	padding-left:45px;
	border-radius:0px;
	border:none;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
	font-size:18px;
}
a.b_maly_usun, a.b_maly_usun2 {
	background: var(--czerwony) url(images/erp_usun.svg) center;
	background-size: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 1px solid var(--czerwony);
	padding:15px 25px;
	vertical-align:middle;
	margin-left: 5px;
}

a.b_maly_usun:hover, a.b_maly_usun2:hover, a.b_maly:hover {background-color: #000000;border: 1px solid #000000;}

a.b_przejdz {background: var(--niebieski) url(images/erp_przejdz.svg) center;}
a.b_produkcja {background: var(--niebieski) url(images/erp-icon1w.svg) center;}
a.b_doki {background: var(--niebieski) url(images/erp-icon0w.svg) center;}
a.b_wysylka {background: var(--niebieski) url(images/erp-icon3w.svg) center;}
a.b_maly {background-size: 24px;
	display: inline-block;
	background-repeat: no-repeat;
	border: 1px solid var(--niebieski);
	padding:15px 25px;
	vertical-align:middle;
	margin-left: 5px;}

.naglowek2, .naglowek3, .puretabs label.tabs_label, select, input, input.daterange_single, input.daterange_single_godziny, input.daterange_godziny  {font-size:12px;}
table.fine {font-size: 12px;}
.fine th {font-size: 13px;}
.flex, .flex2 { flex-wrap: wrap;justify-items: center;}
.flex>div {width:auto;padding: 5px 10px;margin: 0 auto;}
.flex2>div {width:auto;padding: 5px 10px;}
}

/*Mniejszy Netbook*********************************************/

@media (max-width: 991px) {
	html,body{
	min-width:700px;
	font-size:14px;
	}
	h1 {font-size:22px;}
	h4 {font-size:20px;}
	.width50p, .width50pa, .width50a, .width50, .width50.dock1, .width50.dock3, .width50p.dock1, .width50p.dock3 {display:block; width:100%; vertical-align:top;float:none;margin:0px;margin-top:10px;}
	ul.podreczne>li>ul>li:nth-child(3) {display: none;}
	.listwa_gorna{
		font-size: 16px;
		padding:10px 0px;
		margin: 10px 0px;
		}
	.uzytkownik_nazwa {display: none;}
	#timer {display: block;}
	label.toggle_up{display: inline-block;}
	input.toggle_up[type = checkbox]:not(:checked)+label.toggle_up+div { display:none;}
	.przyciski_stopka>div:first-child {text-align:center;}
	.przyciski_stopka>div:first-child div {margin-bottom: 10px;}
	.przyciski_stopka>div:first-child a.button {width: 40%;text-align:center;margin: 5px auto;}
	.przyciski_stopka>div {align-items: flex-end;}
	}

	/*Tablet*************************************************/

	@media (max-width: 767px) {
	html,body{
	width:100%;
	min-width:555px;
	font-size:15px;
	}

	.panel_log>div:nth-child(2){margin-top: -30px;
		border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    height: calc(60vh + 30px);
		z-index: 2;
		background-color: white;}
	.logowanie_powrot {border-radius:0;}
	.logowanie {margin: 0px auto;}
	.panel_log {width: 100%; position: relative;top: 0;left: 0;transform: translateX(0%) translateY(0%);}
	.panel_log>div:first-child {height: 40vh;width: 100%;flex: 0 auto;}
	.form_logowanie {margin: 20px auto;	}
	a.prawydolny {display: block;bottom: 40px;}
	.b_wyloguj {width: 25px;background-size: 70%;}
	.tinymce-mobile-outer-container, .tinymce-mobile-android-container, .tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {height: 100px!important;}
	/*.panel_log {width:90%; flex-direction: column; flex-wrap: wrap; }
	.panel_log>div:first-child { flex: 0 1 40%;}
	.panel_log>div {flex: 1 1 60%;}
	.logowanie_powrot, .logowanie_powrot_erp {	border-radius: 25px 25px 0px 0px;}
	a.prawydolny {display: none;}*/
	.logo_firmy {margin:10px;}
	.logo_firmy img {width: 60%;}
	.logowanie {width: 90%;	margin: 20px auto;	font-size: 14px;}
	.logowanie h1 {	font-size: 23px;line-height: 23px;}
	.logowanie h2 {	font-size: 19px;}
	input.input_log  {font-size:16px;}
	.masz-problem {font-size:12px;background-size: 30px auto;}
	.panel_autor {	margin-bottom: 10px; font-size:10px;}

	table.fine {table-layout: fixed;}
	.fine td { white-space: nowrap;}
	/*.panel_tabela {	overflow-x: auto;}*/
	h1.hej {font-size:37px;margin-top:50px;}
	h2.czas_dodac {font-size:16px;}
	.wersja {margin-top:0px;}

	.puretabs .tab {padding: 10px 5px;}
	}


	/*SMARTFON**********************************************/

	@media (max-width: 575px) {
	html,body{
	width:100%;
	min-width:280px;
	max-width:100%;
	}

	#kom_ok, .kom_ok_log, .kom_ok, #kom_blad, .kom_blad_log, .kom_blad  {width: 80%;}
	.przyciski_stopka {width: 100%;}
	label[for='aktywne_menu'] {opacity: 0;}
	.listwa_gorna{ font-size: 14px;	padding:10px 0px;margin: 10px 0px;}
	.uzytkownik {display: none !important;}
	.div_mobile_elem { margin-left:2%;max-width:100%;}
	.naglowek_tytul { width:90%;}
	nav#sidebar{-webkit-user-select:none;/*padding-top:55px;*/background:url(/edycja/images/tlo_menu.jpg) repeat;border-right:none;z-index:1000;width:65px;left:-65px;will-change:opacity;/*position: absolute;*/overflow-y:scroll;overflow-x:hidden;-webkit-transition:width .2s, opacity .8s, box-shadow .1s linear .1s, background-color .3s;opacity:1;box-sizing: border-box;}
	nav#sidebar:hover{/*pointer-events: none !important;*/width: 100%;}
	nav#sidebar ul li>div>a { width: calc(100% - 50px)}
	nav#sidebar {/*overflow: hidden;*/ -ms-overflow-style: none;}
	nav#sidebar::-webkit-scrollbar{width:0 !important}
	nav#sidebar ul.sources {width: 100%;position: relative;}
	nav#sidebar>ul.sources>li:first-child {display: none;}
	nav#sidebar.active_menu ul.sources li div .dodawanie, nav#sidebar.active_menu ul.sources li div a.dodawanie {opacity:1;/*margin-top:0px;*/}
	nav#sidebar.active_menu ul.sources>li>ul {opacity:1;display:block;}
	nav#sidebar ul.sources li {display:block;/*display:none;*/position:relative;}
	/*nav#sidebar.active_menu ul li.li_naglowek>div {padding-left: 0px;}*/
	nav#sidebar.active_menu ul li div {padding-left: 5px;}
	nav#sidebar.active_menu ul li {font-size: 18px;margin: 3px 0px;}
	nav#sidebar.active_menu ul li>div>a {padding: 5px 0px; /*width: 90%;*/font-size: 18px;}
	nav#sidebar.active_menu ul.sources>li>ul li a, nav#sidebar ul li>div>div.div_naglowek {font-size:18px;}
	.przyciski_wyszukiwarki .inline {width:calc(50% - 5px);}
	input.szukaj {width: 100%;}
	/*.przyciski_naglowek>div:first-child {text-align: center; width: 100%;}*/
	button.b_szukaj, a.b_wyczysc {padding-top:10px;padding-bottom: 10px;}

	.przyciski_wyszukiwarki input.daterange, .przyciski_wyszukiwarki .b_wyczysc, .przyciski_wyszukiwarki .b_szukaj {width: 50%;box-sizing: border-box;}
	.przyciski_wyszukiwarki .b_szukaj {border-radius: 0;}
	.przyciski_wyszukiwarki .border-right {padding-right: 0px;	margin-right: 0px;}
	.przyciski_wyszukiwarki .select_wysz,.przyciski_wyszukiwarki .select_wysz3, input.daterange, input.daterange_single, input.daterange_single_godziny, input.daterange_godziny {width:100%;}
	.przyciski_wyszukiwarki input.daterange {background-position: left 10px center,right 5px center;padding-left: 35px;}
	.naglowek2 { font-size: 12px; }
	.tabs_label { font-size: 10px; }
	.nowa_wartosc {width: 100%!important;margin:0px!important}
	.slownik_zedycja, select[multiple] {width: calc(100% - 30px);}
	/*.przyciski_stopka {justify-content: center;}*/
	.przyciski_stopka>div:nth-child(2) {text-align:center;width: 100%;}

	nav#sidebar.active_menu ul.sources li.dodawanie>div, nav#sidebar.active_menu ul.sources li>div>a.dodawanie, nav#sidebar.active_menu ul.sources li>div>div.dodawanie { }

	.div_mobile {display: block;}
	.panel_tresc {margin: 0px;width: 100%;}
	select, input {width: 100%;}
	#kom_ok, .kom_ok_log, #kom_blad, .kom_blad_log, #kom_pytanie {	padding: 10px;	margin-bottom: 5px;	font-size:14px;padding-left: 50px;	}
	.panel_autor2 {text-align: center;}
	.panel_autor2 div:last-child {font-size:11px;}

	/* MALY SMARTFON**********************************************/

	@media (max-width: 480px) {
	html,body{
	width:100%;
	min-width:280px;
	max-width:100%;
	}



	}


	@media print {
	  * {box-shadow:none;}

	html, body{
	  width: 100%;
		max-width: 100%;
		min-width: 100%;
	 }
	 /*wyczyszczenie wyswietlania*/
	 .noprint, .naglowek-menu, .loga, .trasa h2, .trasa_kropa, a.przycisk_menu, .szukajka_form, .szukajka_duza, .naglowek2 .szukajka_duza, .footer_new, .tlo_spod, .nakladka, #do_gory, .trasa_el, .cookie-container, .wyswietl, .tytul,b_drukuj .znajdz, .rozklad_koleje, a.b_powrot, .pasek_sciezka, .glowna,.navcontainer, .buttony, .menu_pionowe, .menu, .partnerzy, .footer, .podpis, .cookie-container, .boxy, .przycisk, .przycisk_powrot2, .przycisk_drukuj, .strzalka_news, .panel_lewy, .slider,  .mapka, .news_stopka_ikona, a.poprzedni_news, a.nastepny_news, .naglowek, .polecamy , .skontaktuj, #tabs, .przycisk_powrot, .przyszle, .kierunek h3, .naglowek2 .ikony_prawa {  display:none; }
	.grecaptcha-badge { display:none !important; }
	h4.uwaga {font-size:12px;padding:5px;background:none;}
	h5 { font-size:14px;margin-top:0px;}
	.aktu_tytul {background: none;font-size:18px;font-weight:300;color:#000000;padding:5px 10px;font-weight:700;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;border-radius:7px;overflow:hidden;border: 1px solid grey;margin:10px 0px;}
	.aktu_tytul h4 div, .aktu_tytul h4 div span {color:#000000;}
	table.no_margin {  border-collapse: collapse;}
	table.no_margin td,table.no_margin th {  border: 0.1px solid grey; }
	.stick2 {border: 1px solid grey;color:#000000;margin-top:-13px;}
	.srodeczek {overflow-x: visible;width:100%;}
	.naglowek2 a.logo2 .logo2_text {display:inline-block;color:#000000}
	.margin0 {margin:0px;}
	a.logo img, .logo_img {margin:0px!important;padding:0px!important;}

	  .container {width: 100%;max-width:100%;margin:0px;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
		background: none;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-khtml-border-radius:0px;
		border-radius:0px;
		top:0px;
		}

		.srodek_news, .srodek, .middle, .middle1, .news_tresc2, .container, .tresc {margin:0px;width:100%;min-width:100%; max-width:100%; padding:0px; border:none}
		.news_tresc, .typ_pdf, .typ_doc, .typ_xls, .srodek_news {margin:0px;padding:0px;background:none}
		.news_tytul, .news_tytul h1 {margin:20px auto;padding-left:0px;}
		.do_pobrania  {margin:10px auto; margin-top:30px;padding-left:0px;}
		.news_stopka  {border-left: dashed #cccccc 1.5px;}
		.news_data2 {border:2px solid #919191;}
		.litera {border:1px solid #d1d1d1;}
		td, th {border:1px solid #d1d1d1;font-size:12px;}

		.tresc {
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	  /*typografia*/
	  h1, h2, h3, h4, h5, h6, p, p * {
		/*font-family: Arial, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;*/
		color:black;
		/*background:none;*/
		text-shadow:none;
	  }

	  h1, h2, h3 {
			page-break-after: avoid;
		}

		p, h1, h2, h3 {
			orphans: 3;
			widows: 3;
		}

	  /*linki*/
	  /* a[href]:after { content: " (" attr(href) ")";}
		  /*js linki*/
		/*	a[class^="gallery"]:after,
			a[class^="litera"]:after,
			.sciezka a[href] :after,
			a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content: "";
		}*/

	  /*zdjecia/grafiki*/
	  img {
	   max-width:100%;
		 }


	  /*tabelki*/
	  tr {
		page-break-inside: avoid;
	  }
	}

/* ]]> */a[href^="#"]:after {
			content: "";
		}*/

	  /*zdjecia/grafiki*/
	  img {
	   max-width:100%;
		 }


	  /*tabelki*/
	  tr {
		page-break-inside: avoid;
	  }
	}

/* ]]> */