@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto/Roboto-Regular.eot'); /* IE */
	src: url('/fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE */
	url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype'), /* non-IE */
	url('/fonts/Roboto/Roboto-Regular.woff') format('woff'); /* Modern Browsers */

}

.inline
{
	display: inline-block;
	margin: 5px 10px;
}

.uplList {
    height: 35px;
}

.findUpowaznienie {
    margin-left: 30px;
    top: -30px;
    position: relative;
}

#myProgress {
  width: 90%;
  background-color: #ffffff;
  z-index: 50;
  padding: 20px;
  margin-left: 5%;
  visibility: hidden;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

#myProgressBar {
  width: 1%;
  height: 30px;
  background-color: #04AA6D;
}

.multiSignContactData {
    position: absolute;
    top: 110px;
    left: auto;
    right: 2px;
    width: 240px;
    z-index: 40;
    text-align: right;
    background: #ffffff;
    font-size: 12px;
}

.multiSignContactDataInput {
    height: 18px;
}

.multiSignPodpiszBtns {
  background-color:#FFF;
  color:#89a600;
  cursor: pointer;
  text-align: center;
  margin: 4px;
}

.multiSignPodpiszBtn {
	line-height:23px;
	
	border: 1px solid #89a600;
	border-radius: 3px;
	padding:10px 12px;
	color: #FFF;
	background: #89a600;
	font-family: Roboto,​sans-serif;
	font-size: 12px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;    
	margin-top: 10px;
}

.multiSignPodpiszBtnXX {
    
}


a.multiSignPodpiszBtn:hover, #bottomButton:hover {
    background-color: #FFF !important;
	color: #89a600 !important;
	cursor: pointer !important;
	border: 1px solid #89a600 !important;
	box-sizing: border-box !important;
}

.multiSignFilter{
   margin-left: 10px; 
}

/*ogolne */
html{
	margin:0;
	padding:0;
	/*overflow: auto;	/* remove vertical bar in IE */
	cursor: default;
}
body {
	font-size:13.5px;
	font-family:	Roboto,​sans-serif;
	line-height:15px;
	margin:0;
	padding:0px;
	min-width:1250px;
	background-color:#f9f9f9;
	line-height: 150%;
}
input[readonly] {
	background-color: #EDEDED !important;
}
/* --------------- placeholders ----------------*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #777777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #777777;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #777777;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #777777;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #777777;
}

img {border:0px;}

.oolorU{ background-color:#D8F49F !important; }
	
.rodoList{
	border-collapse: collapse;
}

.rodoList td{
	padding: 5px 10px;
	border: 1px solid #000;
}	
.main_calendar{
	display:flex;
}
	
	#toolbar {
		width:100%;
		min-width:1250px;
		float:left;
		background: #44b2c6;/*#2290a4 url('i/tlotop.jpg') repeat-x;*/
		height:36px;
		color:#5e5e60;
		vertical-align:middle;
		padding: 0px 15px 0px 36px;
	}

	
	div#toolbar a
	{
		float:left;
		height:30px; 
		line-height:33px;
		text-decoration:none;
		padding:0px 4px 0px 4px;
		margin-left:0px;
		font-family: Roboto,​sans-serif;
		color: #FFFFFF;
		margin-left: 10px;
		font-size: 13px; 	
	}
	
	div#toolbar a:hover, div#toolbar a.on{
		border-bottom: 3px #FFFFFF solid;
		padding-bottom: 3px;
	}
	
	div#submenu a.u {
		border-bottom: 3px #FFFFFF solid;
		padding-bottom: 3px;
	}
	
	div#toolbar span.companyName {
		display:block;
		text-overflow: ellipsis;
		white-space:nowrap;
		font-size: 13px;
		color:#fff;
		height: 33px;
		line-height:33px;
		max-width: 254px;
		overflow: hidden;
		float: right;
		margin-right: 87px;
	}
	
	div#toolbar  input, div#toolbar button 
	{
		margin:0px;
		vertical-align:middle;
		padding-top:2px;
		padding-bottom:2px;
	}
	div#toolbar  select
	{
		margin:0px;
		vertical-align:middle;
		padding:1px;
		padding-top:2px;
		padding-bottom:2px;
	}
	div#toolbar  option
	{
		padding:0;
	}
	div#toolbar span.toolfltr
	{
		float:left;height:33px; line-height:30px;color:#5e5e60;padding:0px 5px 0px 5px;margin-left:0px;
		vertical-align:middle;
	}
	
	div#content span.toolfltr
	{
		/*line-height:30px;*/
		color:#5e5e60;
		/*margin-left:50px;*/
		display: block;
		font-size: 12px !important;
	}

    div#content span.toolfltr input
    {
        margin-bottom:4px;
    }
    div#content span.toolfltr select
    {
        margin-bottom:4px;
    }

    div#content span.toolfltr div.ftl
    {
        float:left;
        margin-right:2px;
    }

	
	div#content span.toolfltr button, .lupka
	{
		height: 30px;
		width: 30px;
		vertical-align: top;
		margin: 0;
		border: 1px solid #a9a9a9 !important;
		background: #FFFFFF;
		padding: 0 !important;
		cursor: pointer;
	}
	
	div#content span.toolfltr button:hover, .lupka:hover{
		background: #44d8db !important;
		color: #FFF !important;
	}
	
	div#content span.toolfltr input, .tabelaZestawienie  input, .formGridster input
	{
		border: 1px solid #a9a9a9;
		height: 26px;
		font-size: 12px;
		margin: 0;
		vertical-align: top;
		padding: 1px;
	}
	
	div#content span.toolfltr select option{
		font-size: 12px !important;
	}
	
	.noform select option, .form select option, .filtryCalendar select option{
		font-size: 13.5px;
	}
	div#content span.toolfltr select, .noform select, .form select, .filtryCalendar select, select
	{
		border: 1px solid #a9a9a9;
		height: 30px;
		font-size: 13.5px !important;
		margin: 0;
		color: #2b2b2b;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-image: url("i/arrow-full.png");
		background-position: right 3px center;
		background-repeat: no-repeat;
		padding-right: 15px !important;
		font-family: Roboto,​sans-serif;
	}
    
	div#content span.toolfltr select
    {
        margin-bottom:4px;
    }

	select
	{
		background-color: white;
	}
	
	div#content span.toolfltr select{
		font-size: 12px !important;
	}
	
	div#content span.toolfltr select::-ms-expand, .noform select::-ms-expand, .form select::-ms-expand, .filtryCalendar select::-ms-expand, select::-ms-expand {
		display: none;
	}
	
	div#content span.toolfltr.fltr_notlist
	{
		margin-left: 0px;
		margin-top: 0px;
	}
	
	.noform select, .form select
	{
		height: 32px;
		font-size: 14px;
	}
	
	#fields textarea {
		height: 26px;
		padding: 3px;
	}
	.form textarea, .noform textarea, textarea
	{
		border: 1px solid #a9a9a9;
		color: #2b2b2b;
		font-size: 13.5px;
		font-family: Roboto,​sans-serif;
	}
	
	.prettycheckbox {
		vertical-align: middle;
		
	}
	
	
	.filterBox{
		border: 1px solid #e1e1e1;
		padding: 10px 8px;
		color: #000000;
		font-family: Roboto,​sans-serif;
		font-size: 12px;
		color: #777777;
	}
	
	.filterBox select{
		font-size: 12px;
		color: #2b2b2b;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border: 0 !important;
		background-image: url("i/arrow-full.png");
		background-position: right 3px center;
		background-repeat: no-repeat;
		width: 80px;
		padding-right: 15px;
		font-family: Roboto,​sans-serif;
	}
	
	.styledFilters input{
		height: 29px !important;
	}
	
	.styledFilters button{
		height: 39px !important;
		width: 39px !important;
		line-height: 29px;
		
	}
	
	
	div#logout 
	{
		line-height:30px;
		float:right;
		
		height:30px;
		color:#5e5e60;
		text-align:right;
	}
	div#logout span.user {font-weight:bold;}
	div#logout a {color:#5e5e60;}
	div#logout a:hover {color:#5e5e60;}

div#content {
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
	height:auto;
	min-height:600px;
}

div#leftbarshower{
	position:fixed; top:105px; left:0px; overflow:hidden; width:5px; bottom:0px; min-height:300px; 
	background-color:#555555; z-index:200;
}

div#lefttoolbar{
	position:fixed; top:105px; left:0px; display:none; overflow:scroll; width:220px; bottom:0px; min-height:300px; 
	background-color:#eeeeee;
	z-index:210; padding-top:0px; padding-bottom:0px;
}
div#lefttoolbar a:hover{
	text-decoration:underline;
}


div#left {
	margin:0px 10px;
	padding-bottom:10px;
	width:200px;
	float:left;
	border:1px solid #ddd;
}
	div#left h1 {width:180px;}
	div#left ul {padding:0px;margin:0px;list-style-type:none;}
	div#left li a {
		display:block;
		padding-left:5px;
		border-bottom:1px dotted #eee;
		height:25px;
		line-height:25px;
		color:#a20202;
	}
	
table#currency {
	position: fixed;
	bottom: 20px;
	right:0px;	
	margin: 0;
	margin-right:20px;
	margin-bottom:10px;
	z-index: 500;
}
table#currency > tbody > tr > td {padding: 0 10px;}
table#currency .handy td { vertical-align: middle;}
table#currency input {height: 22px; line-height: 22px;}
table#currency button {height: 30px; line-height: 30px;}
table#currency button img {vertical-align: unset;}
table#currency .lista { padding: 0px; }
table#currency .lista td{ height: 35px;}
table#currency .lista tr.handy td{ font-size: 13.5px; color: #777777; }
table#currency .lista tr.handy td:nth-child(2){ font-weight: bold; color: #000000; }
table#currency .lista tr.handy td:nth-child(3){ color: #000000; }

table#notepad {
	position: fixed;
	bottom: 20px;
	width:600px;
	right:0px;
	margin: 0;
	margin-right:20px;
	margin-bottom:10px;
	z-index: 500;
}

table#notepad td { height:95%;padding:0px; }
table#notepad textarea { min-height:400px; }

table#calculator {
	position: fixed;
	bottom: 20px;
	width:350px;
	right:0px;
	margin: 0;
	margin-right:20px;
	margin-bottom:10px;
	z-index: 500;
}

table#calculator td { height:100%;padding:0px; }
table#calculator td * { vertical-align:top; }
table#calculator input { 
	height: 20px;
	padding: 5px;
}
table#calculator button { 
	background: #97b700;  
	border-radius: 3px;
	height: 30px;
	width: 40px;
	text-align: center;
	border: none;
}

div#nadole {
	padding: 0;
	margin: 136px 0 150px;
	overflow: visible;
        
}

div#nadolestart {
	padding: 0;
	margin: 0px 0 20px;
}

div#bottom 
{
	width: 100%;
	clear: both;
	position: fixed;
	bottom: 0;
	background-color: #FFFFFF;
	height: 25px;
	min-height:30px;
	line-height:30px;
	text-align:right;
	vertical-align:middle;
	z-index:1000;
}

div#bottom button {
	border: none;
	background: transparent;
	font-size: 13.5px;
	font-family:	Roboto,​sans-serif;
	line-height:30px;
    text-align:top;
	padding:0px;
}

div#logger {
	position: fixed;
	height: 30px;
	width: 350px;
	background: #FFF;
	bottom: -60px;
	z-index: 9999;
	color: #000;
	left: 50%;
	margin-left: -175px;
	border: 1px solid #89a600;
	border-radius: 5px 5px 0 0;
	line-height: 30px;
	text-align: center;
}

div#bottom a {
	line-height:30px;
	height:30px;
	padding:6px 4px;
	color: #000000;
}

div#bottom a:hover {
	background-color:#eeeeee;
	background-color:#ffffff;
	color:#000000;
	background-color: #009BC2;
	color: #ffffff;
}

div#bottom a img { 
	vertical-align:middle;
	line-height:30px;
}

div#bottom span {
vertical-align:top;
line-height:15px;
text-align:right;
margin-left:15px;
line-height:30px;
}

.cursorPointer {
    cursor: pointer;
}

/*-----------------------------SELECTED MENU-----------------------------*/


div#allActions a:hover, #bottomButton:hover {
	background-color:#FFF;
	color:#89a600;
	cursor: pointer;
}

div#allActions a.disabledButton:hover {
	color: #FFF;
}

div#allActions a img, #bottomButton img{ 
	vertical-align:middle;
	line-height:30px;
	margin-right: 7px;
}

div#allActions span {
vertical-align:top;
line-height:15px;
text-align:right;
margin-left:15px;
line-height:30px;
}


div.bottominfo {
	clear: both;
	position: fixed;
	height: 58px;
	text-align:left;
	padding:4px;
	left:45px;
	right:50px;
	vertical-align:middle;
	z-index:200;
	outline:none;
	box-shadow: 0 0 4px 0px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 4px 0px rgba(0, 0, 0, 1);
}

div.bottominfo table{
	border-spacing:0px;
}

div.bottominfo table > tr > td{
	vertical-align:middle;
}

div.bottominfo table td:nth-of-type(1) img {
	vertical-align:middle;
	margin-right: 15px;
	margin-left: 15px;
}

div#bottom a.astcon {
background-image: url('images/dots.png');
background-repeat:no-repeat;
font-weight:bold;
padding:5px 3px 3px 15px;
line-height: 15px;
font-size:11px;
color:#559955;
text-decoration:none;
border: 0;
background-color: transparent;
}

/* ikonki podświetlane */
img.ico{ border:0px; margin:0px;vertical-align:middle;line-height:16px;cursor:pointer;cursor:hand }	
img.ico:hover{ filter:alpha(opacity=50); opacity:.50; }

div.addPlus { background: url('i/btn+.png'); width: 26px; height: 26px; display: inline-block; margin-bottom: 1px; vertical-align: middle;}
div.addPlus:hover { background: url('i/btn+_over.png'); cursor: pointer; }

div.addMinus { background: url('i/btn-.png'); width: 26px; height: 26px; display: inline-block; margin-bottom: 1px; vertical-align: middle;}
div.addMinus:hover { background: url('i/btn-_over.png'); cursor: pointer; }

img.rico{ border:0px; margin:0px;vertical-align:top;line-height:16px;cursor:pointer;cursor:hand;float:right }	
img.rico:hover{ filter:alpha(opacity=50); opacity:.50; }

button img { vertical-align:middle;line-height:16px;cursor:pointer;cursor:hand }	

/* komunikaty błędów */
p.ok { 
	padding:4px 20px; 
	border: 1px solid #888888;
	color:#00cc00;
	font-weight:bold;
	margin:5px 10px;
	text-align:left;
	}
p.error {
	padding:4px 20px; 
	border: 2px solid #888888;
	color:#cc0000;
	font-weight:bold;
	margin:5px 10px;
	text-align:left;
	background-color: #ffffff;
}
p.info {
	padding:4px 4px 4px 20px; 
	border:1px solid #888888;
	color:#444444;
	margin:5px 10px;
	text-align:left;
	background-color: #ffffff;
}

img.logo {
	position:fixed;
	right:20px;
	top:40px;
}
div#ekran_logowania  table{
	background-color: #FFFFFF;
	border: 1px solid #777777;
}
div#ekran_logowania  input{
	width: 234px;
	height: 30px;
	border: 1px solid #a9a9a9;
}
div#ekran_logowania  .header{
	font-size: 14px;
	font-family: Roboto,​sans-serif;
	font-weight: bold;
	background: #f3f3f3;
	color: #000000;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}
div#ekran_logowania  td{
	color: #000000;
	font-size: 13px;
	padding: 0;
	padding-left: 20px;
	padding-top:17px;
}
div#ekran_logowania {
	position: absolute;
	top: 140px;
	width:100%;
	color:#666666;
	text-align:center;
	clear:right;
}

.toolfltr select, #fakturyKsiegowanie select, #fakturyKsiegowanie input{
	height: 30px;
	box-sizing: border-box;
}
#fakturyKsiegowanie .hea{
	padding: 2px 14px;
	border: 1px solid #e1e1e1;
}

select option{
	height: 20px;
	padding: 3px;
}
select option:hover{
	color: #2b2b2b;
	background: #ededed;
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #000000 !important;
}

input[type="checkbox"] {
	border: 0px;
}
input[type="radio"] {
	border: 0px;
}
input[readonly], input[readonly="readonly"] {
	background-color: #f8f8f8;
}
hr.hrline {
	margin: 5px 10px 5px 10px; 
	height:1px;
	border:none;
	color:#999;
	background-color:#999;
}

input[name="ilosc[]"], input[name="cena_netto[]"], input[name="kwota_netto[]"], input[name="kwota_brutto[]"], input[name="kwota_vat[]"], input[name="rabat[]"], 
input[name="c_po_rabacie[]"], input[name="suma_vat"], input[name="suma_netto"], input[name="suma_brutto"], input[name="koszt_ogolny"],
input[name="suma_netto_stawki[]"], input[name="suma_vat_stawki[]"], input[name="suma_brutto_stawki[]"],
input[name="nowy_cena_netto"], input[name="nowy_cena_nettos"], input[name="nowy_cena_brutto"], input[name="nowy_cena_bruttos"], input[name="marza"],
input[name="cenaPoRabacie[]"], input[name="ilosc_zrealizowana[]"], input[name="przejazd_koszty_przejazdu[]"],
input[name="nocleg_liczba[]"], input[name="dojazd2_ilosc_dob[]"], input[name="dni_w_szpitalu"], input[name="cenyZak[]"], input[name="suma_zakup"],
.cena_netto_produktu, .cena_brutto_produktu, .delegacja_koszt
{
    text-align: right;
}
/*
button {
	font-size: 13.5px;
	padding:4px;
	margin:1px;
	font-family:	Roboto,​sans-serif;
	vertical-align:middle;
	font-weight:normal;
	line-height:19px;
	
	background-color:#009BC2;
	color: #ffffff;
	border: 1px solid rgba(0,80,255, 1);
}

button:hover {
	background-color:#009BC2;
	color: #ffffff;
	background-image: none;
	outline:none;
	margin-top:2px;
	margin-bottom:0px;
    border: 1px solid rgba(0,80,255, 1); 
}

button:active {
	background-color:#ffffff;
	color:#ff0000;
}*/

button, #ekran_logowania button[type=submit], button.makeMeNew, #plane.makeMeNew, #plane_close.makeMeNew, #ajaxfile #downButton, #ajaxfile .downButton {
	font-size: 13.5px;
	padding: 0px 18px !important;
	margin:1px;
	font-family: Roboto,​sans-serif;
	vertical-align:middle;
	font-weight:normal;
	line-height:46px;
	background: #89a600;
	color: #ffffff;
	border-radius: 3px;
	border: none;
	border: 1px solid #89a600 !important;
	text-transform: uppercase;
}

button img, button.makeMeNew img{
	vertical-align: baseline;
}

button.downButton img{
	vertical-align: sub;		 
}

button:hover, button.makeMeNew:hover, #ajaxfile #downButton.hover, a.odswiez:hover {
	background-color: #FFF !important;
	color: #89a600 !important;
	cursor: pointer !important;
	border: 1px solid #89a600 !important;
	box-sizing: border-box !important;
}

button:active , button.makeMeNew:active, #ajaxfile #downButton.hover{
	background-color:#ffffff !important;
	color:#ff0000 !important;
}

option {
	padding:1px;  margin:0px;
	padding-right:5px;
	font-size: 13.5px;
	font-family:	Roboto,​sans-serif;
	min-height: 19px;
	font: -moz-pull-down-menu;
}

/* formularze */
table.form {
	margin: 0px auto;
	border-spacing:0px;
	min-width:200px;
	text-align:left;
	margin-bottom: 40px;
	background-color: #FFFFFF;
	border: 1px solid #777777;
	padding:0 0 9px 0;
}

table.formHaslo {
	border-spacing:0px;
	min-width:200px;
	text-align:left;
	background-color: #FFFFFF;
	border: 1px solid #777777;
	padding:0 0 9px 0;
	position: absolute;
	z-index: 1001;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	margin: auto;
}

table.form th, table.noform th, table.formHaslo th { 
	font-weight:normal; 
	text-align:right; 
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	padding-top:3px;
}
.form th, .formHaslo th { font-size: 13.5px; }
table.form td.label, table.noform td.label, table.formHaslo td.label { font-weight:normal; text-align:right; vertical-align:middle; font-size: 13.5px;}
table.form tr th.header, table.formHaslo tr th.header {
	font-weight:bold;
	padding: 0;
	color:#000000;
	text-align:left;
	background-color:#f3f3f3;
	font-size:14.5px;
	padding: 9px 14px 10px 14px;
	height: 20px;
}

#przejdzNaPowKonto .formLabel{
	background-color: #f3f3f3;
}
#przejdzNaPowKonto .formLabel label{
	margin-left: 12px;
}

table.noform tr th.header {
	font-weight:normal;
	background-color:#FFFFFF;
	padding: 5px 5px 20px 5px;
	color:#2d2d2d;
	text-align:left;
	font-family: Roboto,​sans-serif;
	font-size: 28px;
	line-height: 30px;
}


table.form th a, table.noform th a, table.formHaslo th a { color:#2292a6; }
table.form th a:hover, table.noform th a:hover, table.formHaslo th a:hover { text-decoration: underline;}
table.form td, table.noform td, table.formHaslo td { padding:2px 14px; font-size: 13.5px; vertical-align:top; }
table.form td.center, table.noform td.center, table.formHaslo td.center { text-align:center }

table.form td.settled-earlier { color: silver}
table.form td.amortization_period { white-space: nowrap}

table.form input, table.noform input, table.formHaslo input, input{
	border: solid 1px #a9a9a9;
	height: 30px;
	padding:0 4px;
	line-height: 30px;
	font-size: 13.5px;
	color: #2b2b2b;
	font-family: Roboto,​sans-serif;
}

table.form input, table.formHaslo input{
	margin-top: 2px;
}

table.form select, table.formHaslo select{
	margin-top: 2px;
}

.closerIcon{
	width: 11px; 
	height: 11px; 
	background: url(i/btn-delete.png) no-repeat center center;
	margin-top: 4px;
}

.closerIcon.big{
	margin-top: 0px;
	margin-left: 15px;
	padding: 5px;
}

.closerIcon:hover{
	background: url(i/btn-delete_hover.png) no-repeat center center !important;
	cursor: pointer;
}

.arrowDownIcon{
	width: 20px;
	height: 10px; 
	background: url(i/arrow-down-sign-to-navigate.png) no-repeat center center;
	margin-top: 4px;
}

.arrowDownIcon:hover{
	cursor: pointer;
}

/* formularze */
table.noform {
	margin: 0px auto;
	border-spacing:0px;
	min-width:200px;
	text-align:left;
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
}

table.noform th { 
	font-weight:normal; 
	text-align:right; 
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	padding-top:3px;
	font-size: 13.5px;
}
table.noform td.label { font-weight:normal; text-align:right; }

table.noform tr th.header img { display: none; }
table.noform tr th.header .closerIcon  { display: none; }
table.noform tr th.header2 {
	font-weight:normal;
	color:#000;
	background-color: #dfdfdf;
	font-size:15px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
table.noform th a { color:#000000; }
table.noform tr th.header img.ico { display: none; }
table.noform th a { color:#ffffff; }
table.noform td { padding:2px; vertical-align:top; }
table.noform td.center { text-align:center }
table.noform > tr:nth-of-type(2) > td { padding-top:20px;}
table.noform > tr:nth-of-type(2) > th { padding-top:20px;}
/*
table.noform > tbody:nth-of-type(1) > tr:nth-of-type(2) > td { padding-top:20px;}
table.noform > tbody:nth-of-type(1)  > tr:nth-of-type(2) > th { padding-top:20px;}
*/
/*////////////////////*/

/* formularze */
table.altform {
	margin: 0px auto;
	border-spacing:0px;
	min-width:200px;
	text-align:left;
	margin-bottom: 40px;
	background-color: #fbfbfb;

	outline:none;
	box-shadow: 0 0 2px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 1); 
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

table.altform th { 
	font-weight:normal; 
	text-align:right; 
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	padding-top:3px;
}
table.altform td.label { text-align:right; }
table.altform tr th.header {
	font-weight:normal;
	padding: 11px 5px;
	color:#111111;
	text-align:left;
	background-repeat: repeat-x;
	background-color:#fbfbfb;
	font-size: 13.5px;
}
table.altform th a { color:#000000; }
table.altform td { padding:2px; vertical-align:top; }
table.altform td.center { text-align:center }

/* formularze  wewnętrzne, no drag */
table.iform {
	margin: 0px auto;
	/*border-collapse:collapse;*/
	border-spacing:0px;
	min-width:200px;
	text-align:left;
}
table.iform th { 
	font-weight:normal;
	text-align:right; 
	padding: 3px 5px;
	vertical-align:middle;
	padding-top:3px;
}

table.iform td.label { font-weight:normal; text-align:right; }
table.iform tr th.header {
	font-weight:normal;
	padding: 8px 5px;
	color:#ffffff;
	text-align:left; 
	background-repeat: repeat-x;
	background-color:#009BC2;
}
table.iform th a { color:#000000; }
table.iform td { padding:2px; vertical-align:top; }
table.iform td.center { text-align:center }

/* tabelki filtry itd., no drag */
table.tform {
	margin: 0px auto;
	border-spacing:0px;
	min-width:200px;
	text-align:left;
	border: 1px solid #e1e1e1;
	background-color: #f2f8fa;;
}
table.tform th {
	font-weight:normal;
	text-align:right; 
	padding: 8px 5px;
	vertical-align:top;
	padding-top:3px;
}

table.tform td.label { font-weight:normal; text-align:right; }
table.tform tr th.header {
	font-weight:normal;
	padding: 0px 5px;
	height:38px;
	vertical-align:middle;
	line-height:38px;
	color:#ffffff;
	text-align:left; 
	background-repeat: repeat-x;
	background-color:#009BC2;
	font-size:16px;
}
table.tform th a { color:#000000; }
table.tform td { padding:2px; vertical-align:top; padding-left: 0px;}
table.tform td.center { text-align:center }
table.tform a.tbar { display:block; background-color:#f2f8fa; padding: 5px; color: #2b2b2b }
table.tform a.tbar:hover { background-color:#2292a6; color: #ffffff; }
table.tform a.tbar.active { background-color:#2292a6; color: #ffffff; }

table.menuOpcje{
	margin: 0px 0px 0px 42px;
}

table.menuOpcje a {
	padding-left: 13px !important;
}
table.menuOpcje a .arrowOpcje {
	width: 5px;
	height: 8px;
	background: url('i/arrowOpcje.png') 0 0;
	float: right;
	margin-top: 6px;
}

table.menuOpcje a:hover .arrowOpcje{
	background: url('i/arrowOpcje.png') -5px 0;;
	
}
.opcje_naglowek {
  cursor: pointer;
}

label.required { color: #ff0000 }
label.required_zus { color: #008000 }

/* ------------ LISTY ---------------- */ 

	.titleListy{
		font-family: Roboto,​sans-serif;
		font-size: 28px;
		margin-left: 50px;
		margin-top: 10px;
		display: inline-block;
	}
	.titleListy.tylkoKH{
		display: none;
	}

	table.lista {
		background-color:#ffffff;
		border-spacing:0;
		min-width:770px;
		padding: 0 50px;
		font-size: 13.5px !important;
		width:100%;
	}
	table.lista tr.pages { text-align: center; background-color:#e5e9ed; }
	#dok_prz_strony { text-align: center; background-color:#e5e9ed; }
	#dok_prz_strony2 { text-align: center; background-color:#e5e9ed; }
	table.lista tr.pages:hover { background-color:#e5e9ed; }

	table.lista tr { background-color:#FFFFFF; vertical-align: middle }
	table.lista tr.k2 { background-color:#fafafa; }
	table.lista tr:hover { background-color:#FFFABF }
	table.lista tr.handy { cursor: pointer; cursor: hand; }

	table.lista td {color: #333333;border-bottom:1px solid #e1e1e1;margin-bottom:1px;padding:0px 2px; text-align: left}
	table.lista td.nw { white-space:nowrap }
	table.lista td.left {color:#333333;font-weight:normal;width:220px;text-align:right;padding-right:2px;vertical-align:top}
	table.lista tr.white td {background-color:#f9f9f9;color:#333;border-bottom:1px dotted #eee;}
	table.lista table td {border-bottom:0px;} /* tabelka w tabelce usuwamy bordery*/
	table.lista td.bglight {background-color:#f3f3f3;}
	table.lista a {color:#1111A0;}	/* 1111ee;} */
	table.lista a:hover {color:#ee0202;}
	table.lista td.dots {border-bottom:1px dotted #bbb;}
	table.lista td.s { color: #999999; text-decoration: line-through;}
	table.lista td.ph { overflow:hidden; width:92px; max-width:92px; text-align:center; }
	
	table.lista th {
		color:#777777;
		font-family: Roboto,​sans-serif;
		font-size: 13.5px;
		vertical-align:middle;
		padding:0px 2px;
		height:26px;
		text-transform: uppercase;
		font-weight:normal;
		text-align:left;
		border-bottom: 1px solid #e1e1e1;
		background: #FFFFFF;
	}
	table.lista th.hea {
		background-color:#f2f8fa;
		color:#777777;
		font-family: Roboto,​sans-serif;
		font-size: 13.5px;
	}
	
	
	table.lista img.ico {
		vertical-align:middle;
	}
	table.lista th a {color:#777777;}
	table.lista th a:hover {color:#777777;text-decoration:none;}
	table.lista .highlight td, .highlight td, div.listitemalert{background-color:#ffffcc;color:#cc3300;}
	table.lista th option  {
		padding:3px;
	}
	
	.listaIkonParent
	{
		background: transparent;
		right: 22px;
		top: 0;
		z-index: 1;
		width: 194px;
	}
	
	.listaIkonParentAllegro
	{
		background: transparent;
		right: 22px;
		top: 25%;
		z-index: 1;
		width: 194px;
	}
	
	.listaIkon
	{
		background: #FFFFFF;
		border: 1px solid #777777;
		right: 30px;
		top: 0;
		z-index: 2;
		width: 186px;
		padding: 0;
		font-size: 12px;
		min-height: 50px;
	}
	
	.iconaText
	{
		font-size: 12px;
	}
	
	.ikonTable{
		border-collapse: collapse;
		width:100%;
	}
	.ikonTable td{
		border-bottom: 1px solid #e1e1e1 !important;
		padding: 10px 0 !important;
		box-sizing: border-box !important;
	}
	.ikonTable td.dziecko3, .ikonTable td.dziecko4{
		background-color: #f5f5f5;
	}
	
	.ikonTable tr:hover{background-color: #FFFFFF !important;}
	
	.arrowka{
		right:1px;
		height: 14px;
		width: 6px;
		background: url(i/arrow_list.png);
		top: 24px;
		z-index: 11;
	}
	
	.listaIkon a
	{
		display: block;
		color: #000000 !important;
		text-decoration: none !important;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 176px;
		display: block;
		padding: 1px 8px 0px 8px !important;
	}
	
	.listaIkon a.diabledOption, .listaIkon a.diabledOption:hover
	{
		background: grey;
		cursor: no-drop;
		color: black;
	}

	.listaIkon a img{
		margin: 0 5px;
	}
	
	.listaIkon a:hover
	{
		background-color:#2292a6;
		color:#FFFFFF !important;
	}
	
	#saveMe, #odswiezSaldeo{
		color: #FFFFFF;
		border: 1px solid #2292a6;
		border-radius: 3px;
		background: #2292a6;
		cursor: pointer;
		padding: 5px;
	}
	#saveMe:hover, #odswiezSaldeo:hover{
		background: #FFFFFF;
		color: #2292a6;
	}
	#odswiezSaldeo{
		float: right;
		margin-top: 9px;
	}
	
	/* lista wewnętrzna, no drag & drop */
	table.ilista {
		background-color:#ffffff;
		margin-top:3x;
		margin-left:2px;
		margin-right:2px;
		/*border-collapse:collapse;*/
		border-spacing:0;
		min-width:770px;
	}
	table.ilista td.grlight {background-color:#D6FFD3;}
	table.ilista td.redcol {color:#f24153; font-weight: bold;}
	table.ilista tr.pages { text-align: center; background-color:#e5e9ed; }
	table.ilista tr.pages:hover { background-color:#e5e9ed; }

	table.ilista tr { 
		background-color:#fefefe; 
		vertical-align: middle;
		}
	table.ilista tr.k2 { background-color:#F9F9F9 }
	table.ilista tr:hover { background-color:#FFFABF }
	
	table.ilista td {color:#333333;border-bottom:1px solid #999999;margin-bottom:1px;padding:4px 2px 4px 2px;}
	table.ilista td.nw { white-space:nowrap }
	table.ilista td.left {color:#333333;font-weight:normal;width:220px;text-align:right;padding-right:2px;vertical-align:top}
	table.ilista tr.white td {background-color:#f9f9f9;color:#333;border-bottom:1px dotted #eee;}
	table.ilista table td {border-bottom:0px;} /* tabelka w tabelce usuwamy bordery*/
	table.ilista td.bglight {background-color:#f3f3f3;}
	table.ilista a {color:#1111ee;}
	table.ilista a:hover {color:#ee0202;}
	
	table.ilista th {
		color:#ffffff;height:16px;vertical-align:middle;
		padding:4px;
		/*background: url(images/list_back.png);*/
		background-repeat: repeat-x;
		white-space:nowrap;
		font-weight:normal;
		text-align:center;
	}
	table.ilista th {	
		background-color: #EDEDED;
		color: #000000;
		border-bottom: thin solid #999999;
	}
	table.ilista tr th.header {	
		background-color: #EDEDED;
		color: #000000;
		border-bottom: thin solid #999999;
	}
	
	table.ilista th a {color:#ffffff;line-height:16px;}
	table.ilista th a:hover {color:#f6f6f6;text-decoration:none;}
	table.ilista .highlight td, .highlight td, div.listitemalert{background-color:#ffffcc;color:#cc3300;}
	
	table.ilista input { margin:0px; vertical-align: middle }
	table.ilista select { margin:0px; padding:2px; vertical-align: middle }
	table.ilista option { margin:0px; padding:0px }
	
/* -------------------------------------------------------- */

/* minicalendar */


table.minicalendar {
	border-spacing:0;
	margin: 0 auto;
	background: url('i/ndtlo.png');
}

table.minicalendar tr, table.minicalendar tr:hover{
	background: transparent;
}


table.minicalendar th, table.minicalendar td.we {
	color: #777777;
	font-size: 10px;
	font-family: Roboto,​sans-serif;
	background: #f2f8fa;
	text-transform: none;
}

table.minicalendar td.we {
	font-size: 12px;
}
table.minicalendar td, table.minicalendar th{
	height: 30px;
	width: 32px;
	text-align: center;
	padding:0;
	font-size: 12px;
}

table.minicalendar td.om {
	background-color: #f2f8fa;
	color: #c0c0c0;
}
table.minicalendar td.tm {
	background-color: #FFF;
}
table.minicalendar td.fd {
	color: #821d1d;
}


	
/* -------------------------------------------------------- */

a { 
	/*color:#a20202; */
	color:#336699; 
	text-decoration:none; 
}
a:hover  { 
	text-decoration:none;
	color:#a20202;
	/*color:#336699;*/
}

.r { text-align: right }
table.raportList tr.header th.r{
	text-align: right;
}
.l { text-align: left; }
.c { text-align: center; }
.cI { text-align: center !important; }
.nowrap { white-space: nowrap }
.nowrap2 { white-space: nowrap }
.nowrap2 > * { white-space: normal }
.s { color: #ffffff; text-decoration: line-through;}
.bold { font-weight: bold;}

div.popup {
	position:fixed;
	padding:20px;
	/*filter:alpha(opacity=97); opacity:0.97;*/
	visibility:hidden;
	margin:5px;
	z-index:80;
	top: 110px;
}

form.popup {
	position:fixed;
	padding:20px;
	/*filter:alpha(opacity=97); opacity:0.97;*/
	visibility:hidden;
	margin:5px;
	z-index:80;
	top: 110px;
}

input#id_wybranego_produktu {
	min-width:300px;
	width:300px;
}

/* ----------------------- kalendarz ------------------------ */
table.kalendarz {
	margin: auto;
	border-collapse:collapse;
	table-layout:fixed;
	margin-top:0px;
}
table.kalendarz tr {
	background-color:transparent;
} 
table.kalendarz td { 
	border:thin solid #ffffff; 
	width:100px;
	height:100px;
	vertical-align:top;
	overflow: hidden;
	background-color:#eeeeff;
}
table.kalendarz td:hover {background-color:#FFFABF}
table.kalendarz th {
	background-color:#013f6e;
	padding:1px;
	color:#ffffff;
	text-align:center;
	font-weight:normal;
}
table.kalendarz th a {
	color:#ffffff;
}
table.kalendarz td div {
	overflow: hidden;
	margin:0px;
	border:0;
	padding:0;
}

/* lista alternatywna - np. w kalendarzu ----------------------- */
table.listaalt {
	margin: 2px;
	border-collapse:collapse;
	text-align:left;
	border: thin solid #999999;
}
table.listaalt tr  {background-color:#EFEFEF;} 
table.listaalt tr.k2  {background-color:#ffffff;} 
table.listaalt tr:hover {background-color:#FFFABF}

table.listaalt tr td { border-bottom: 1px solid #888888; border-top: 1px solid #888888; }
table.listaalt tr td.spa { border: none;  }

table.listaalt th {
	background-color:#013f6e;
	padding:2px;color:#ffffff;text-align:center;
}
table.listaalt th a {
	color:#ffffff;
}
table.listaalt .highlight td, .highlight td, div.listitemalert{background-color:#bee0ff;color:#cc3300;}

/* --------------------------------------  karty czasu pracy */
table.lista tr.karta {
	margin: 0px;
	padding: 0px;
	border: none;
}
tr.karta th {
	margin: 0px;
	padding: 2px;
	background: none;
	color: #000000;
	text-align: left;
	border: none;
}
tr.karta td {
	margin: 0px;
	padding: 0px;
	background: none;
	color: #000000;
}

tr.karta td input {
	margin: 1px;
	margin-top:2px;
	margin-bottom:2px;
}
tr.karta td.weekend input {
	background-color:#F2DADC !important;
}
tr.karta td.sum {
	text-align: right;
	padding: 0;
	font-size: 12px;
	border: 0;
	padding-right: 10px;
	padding-left: 5px;
}

/* ----------------------------------------------------------- */
table.container {
	margin: 0 auto;
	vertical-align:top;
	border:0;
	padding: 0px;
}

table.container td {
	vertical-align:top;
	margin:0px;
}

.fltrActive {
	background-color: #FFE0E0;
}

.fldError {
	background-color: #FFE0E0 !important;
}

.divError {
	border: 2px solid #FFE0E0;
}

/* stanowiska */
div.stanow ul { 
	padding:0px;
	margin-left:20px;
}
div.stanow li { 
	padding:4px;
}

/* dolny przycisk */
a.botBut {
margin-right:10px;
}

/* pasek postępu */
div#topProgress, div#kreciolek{ visibility:hidden;z-index:1000;position:fixed;text-align:center;font-size:17px;font-weight:bold }
.x-combo-list-item{ white-space: normal; }

table.popup {
	position:fixed;
	visibility:hidden;
	top: 140px;
	z-index:100;
}

div.fL {
	position:absolute;
	display:none;
	background:#ffffff;
	border:thin solid #000000;
	padding:6px;
}

 .ui-autocomplete-loading {
background: white url('i/ajax-loader.gif') right center no-repeat;

}
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;position:relative;}

/****************	ajaxowy upload plików ****************/
.bar {
    height: 18px;
    background: url('i/progressbar.gif');
}
#ajaxfile {
  position: relative;
  overflow: hidden;
}

.fileinput-button {
   cursor: pointer;
    direction: ltr;
    font-size: 13.5px;
    margin: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
	opacity: 0;
	float: left;
	width: 88px;
}
.fileinput-button::-webkit-file-upload-button { cursor:pointer; }

.ui-autocomplete{
	z-index: 444;
}

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


table.formGridster {
	margin: 0px auto;
	height:260px;
	width:100%;
	border-spacing:0px;
	min-width:200px;
	max-width:auto;
	text-align:left;
	background-color: #FFFFFF;
	/*border: 1px solid #e1e1e1;*/
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(204,204,204,1);
	box-shadow: 0px 0px 1px 1px rgba(204,204,204,1);
	transition:0.3s;
}
table.formGridster:hover {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,80,94,0.7);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,80,94,0.7);
	box-shadow: 0px 0px 5px 1px rgba(0,80,94,0.7);
}
table.formGridster th { 
	font-weight:normal; 
	text-align:center; 
	text-align:right;
	vertical-align:top;
	
}
table.formGridster td.label { font-weight:normal; text-align:right; }
table.formGridster tr th.header {
	font-weight:bold;
	padding:12px 5px;
	color:#000000;
	text-align:left;
	background-repeat: repeat-x;
	/*background-color:#f3f3f3;*/
	font-size:18px;
	/*vertical-align:middle;*/
	line-height:24px;
 
}

table.formGridster th a { color:#000000; }
table.formGridster > td { padding:3px; vertical-align:top; width:100%; }
table.formGridster td.center { text-align:center }
.uzupelnijDaneClass input{
	width: 339px;
	margin-bottom: 10px;
	border-radius: 5px;		
}	
.szczegolySystim a{
	color: #2292a6;
}
.szczegolySystim td{
	border-bottom: 1px solid #e1e1e1;
	padding: 9px 0;
	font-size: 13px;
	line-height: 14px;
	vertical-align: top;
}

input.formInput { width:90%; } 

table.ramkaGridster {
	margin: 0px auto;
	height:260px;
	width:400px;
	border-spacing:0px;
	min-width:200px;
	text-align:left;
	
	background-color: #f7f7f7;

		outline:none;
		box-shadow: 0 0 2px rgba(0, 0, 0, 1);
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 1); 
		-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 1);
}

table.ramkaGridster th { 
	border-top: 0px ;
	border-bottom: 2px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-weight:normal; 
	text-align:center; 
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	padding-top:3px;
}
table.ramkaGridster th:first-child {
border-left: none;
}
table.ramkaGridster th:last-child {
border-right: none;
}

table.ramkaGridster td { 
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding:10px; 
	vertical-align:top; 
	
	}
	
table.ramkaGridster td:first-child {
border-left: none;
}

table.ramkaGridster td:last-child {
border-right: none;
}	
table.ramkaGridster td.label { font-weight:normal; text-align:right; }
table.ramkaGridster tr th.header {
	font-weight:normal;
	padding:6px 5px;
	color:#ffffff;
	text-align:left;
	background-repeat: repeat-x;
	background-color:#009BC2;
}
table.ramkaGridster th a { color:#000000; }
table.ramkaGridster td { padding:2px; vertical-align:top; }
table.ramkaGridster td.center { text-align:center }

/* lista gridster */
table.ilistaGrid {
	background-color:#ffffff;
	margin-top:3x;
	margin-left:2px;
	margin-right:2px;
	border-spacing:0;
	min-width:390px;
	height:260px;
	width:390px;
	outline:none;
}

table.ilistaGrid tr.pages { text-align: center; background-color:#e5e9ed; }
table.ilistaGrid tr.pages:hover { background-color:#e5e9ed; }

table.ilistaGrid tr.przedzial:hover { background-color:white; }

table.ilistaGrid tr { background-color:#fefefe; vertical-align: middle }
table.ilistaGrid tr.k2 { background-color:#F9F9F9 }
table.ilistaGrid tr:hover { background-color:#FFFABF }

table.ilistaGrid td {border-bottom:1px solid #999999;margin-bottom:1px;padding:2px 2px;}
.czerwone, 	.czerwone td  {	color:red; }
.niebieskie { color:blue; }						   
table.ilistaGrid td.nw { white-space:nowrap }
table.ilistaGrid td.left {color:#333333;font-weight:normal;width:220px;text-align:right;padding-right:2px;vertical-align:top}
table.ilistaGrid tr.white td {background-color:#f9f9f9;color:#333;border-bottom:1px dotted #eee;}
table.ilistaGrid table td {border-bottom:0px;} /* tabelka w tabelce usuwamy bordery*/
table.ilistaGrid td.bglight {background-color:#f3f3f3;}
table.ilistaGrid a {color:#1111ee;}
table.ilistaGrid a:hover {color:#a20202;}

table.ilistaGrid th {
	border-bottom:1px solid #999999;
	color:black;height:16px;vertical-align:middle;
	padding:4px;
	padding-left:20px;
	padding-right:20px;
	background-repeat: repeat-x;
	white-space:nowrap;
	font-weight:normal;
	text-align:center;
	
	}
table.ilistaGrid th a {color:#ffffff;line-height:16px;}
table.ilistaGrid th a:hover {color:#f6f6f6;text-decoration:none;}
table.ilistaGrid .highlight td, .highlight td, div.listitemalert{background-color:#ffffcc;color:#cc3300;}

table.ilistaGrid input { margin:0px; padding:2px; vertical-align: middle } 
table.ilistaGrid select { margin:0px; padding:2px; vertical-align: middle } 
table.ilistaGrid option { margin:0px; padding:0px }

.jqplot-highlighter-tooltip
{
	background: #fafafa !important;
	padding: 2px 5px !important;
}


table a.strony, #dok_prz_strony a.strony, #dok_prz_strony2 a.strony  {
	display: inline-block;
	width:22px;
	height:22px;
	background-color:#eeeeee;
	border: thin solid #999999;
	color: #000000;
	vertical-align:middle;
	line-height:22px;
	padding:1px;
}

table a.strony:hover, #dok_prz_strony a.strony:hover, #dok_prz_strony2 a.strony:hover {
	background-color:#44b2c6;
	color: #ffffff;
}

table a.stronys, #dok_prz_strony a.stronys, #dok_prz_strony2 a.stronys {
	display: inline-block;
	width:22px;
	height:22px;
	background-color:#44b2c6;
	border: thin solid #777777;
	color: #ffffff;
	vertical-align:middle;
	line-height:22px;
	padding:1px;
}

.strNavi {
	width: auto !important;
	padding: 1px 4px !important;
	font-size: 11px;
}

table a.stronys:hover, #dok_prz_strony a.stronys:hover, #dok_prz_strony2 a.stronys:hover {
	color: #ffffff;
}

/**********galeria zdjec produktow***********/

.miniaturaGaleria {
	width: 75px;
	height: 75px;
}

#my-thumbs-list{
  overflow: auto;
  width: 405px;
  height: auto;
}

#opcjeSklepTable a {
	line-height: 20px;
}

.ikonkaGaleria {
	display: inline-block;
	position: relative;
	width: 190px;
	text-align: center;
}

.ikonkaGaleria2 {
	display: inline-block;
	position: relative;
	text-align: center;
	border: 1px solid #cccccc;
	margin: 5px 5px;
}

.ikonkaGaleria2 a{
		display: inline-block;
}

#addPowiazaneKonto{ z-index: 11; }
#przejdzNaPowKonto{ z-index: 10; }
#obliczChorobowe{ z-index: 5; }

#listaFaktur td {
	border-bottom: 1px solid #999999;
}

/********************ANALIZA I WYKRESY*********************/
.boxTop {
    float: left;
    margin: 2px;
	padding-left: 5px;
	font-size: 14px;
	color: #7676A1;
}

.boxTop input {
	padding: 4px;
}

.box {
	position: relative;
    float: left;
	font-size: 14px;
	min-width: 330px;
	color: #7676A1;
	margin-left: 10px;
	margin-top: 10px;
}

.boxRamka {
    float: left;
	font-size: 14px;
	width: 100%;
	min-height: 165px;
	color: #7676A1;
	border: 2px solid #009BC2;
	margin-top: 15px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

.boxContent {
    float: left;
	padding-top: 22px;
	padding-left: 10px;
	font-size: 14px;
	width: 100%;
	color: #7676A1;
}

.boxTitle {
	font-size: 16px;
	position: absolute;
    top: 0;
    left: 10px;
    width: 180px;
    height: 30px;
    border: 2px solid #009BC2;
	vertical-align: center;
	text-align: center;
	background-color: #ffffff;
}

.highcharts-data-table {
	display: none !important;
}

#inputWykresyDiv {
	min-width: 310px; 
	margin: 0 auto;
}

.highcharts-menu div:last-child
{
	display: none !important;
}

ul#statusy {
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	visibility: hidden;
}

ul#statusy li.status {
	display: inline-block;
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	margin: 0 5px;
	vertical-align: top;
}

table.tasks {
	margin: 0px auto;
	min-height: 100%;
	width: 100%;
	border-spacing: 0px;
	text-align: left;
	background-color: #f3f3f3;
}

table.tasks th { 
	vertical-align: top;
}

table.tasks tr th.header {
	font-weight: bold;
	padding: 14px;
	color: #fff;
	text-align: left;
	font-size: 14px;
	vertical-align: middle;
	line-height: 24px;
	color: #000000;
}

table.tasks td {
	padding: 0;
}

ul#statusy ul.zadania {
	list-style-type: none;
	margin: 0 auto;
	min-height: 100%;
	padding: 3px 0;
	min-height: 50px;
}

ul#statusy ul.zadania li.zadanie {
	width: 280px;
	background-color: #fefefe;
	margin: 5px auto 0;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
}

ul#statusy ul.zadania li.zadanie:first-of-type {
	margin-top: 0;
}

ul#statusy ul.zadania li.zadanie div.zadanie_header  {
	background-color: #FFFFFF;
	color: #000000;
	padding: 16px 4px 16px 18px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

ul#statusy ul.zadania li.zadanie div.zadanie_header .nazwa_projektu {
	font-weight: normal;
	display: block;
}

ul#statusy ul.zadania li.zadanie div.zadanie_body  {
	padding: 0 0 0 18px;
}

ul#statusy ul.zadania li.zadanie div.zadanie_footer  {
	overflow: auto;
	padding: 4px 4px 12px 4px;
}

ul#statusy ul.zadania li.zadanie div.zadanie_footer > * {
	float: left;
	font-size: 12px;
}

ul#statusy ul.zadania li.zadanie span.unicode-icon {
	display: inline-block;
	margin: 0 9px 0 4px;
	font-family: Segoe UI Symbol;
	color: #fff;
}

ul#statusy ul.zadania li.zadanie span.comment-icon {
	margin-right: 0;
}

.short_inputs input {
	width: 80px;
}

.short_inputs td{
	vertical-align: middle !important;
	border-right: 1px solid #dedede;
}

#grafikPracy td {
	padding-left: 0px;
	padding-right: 0px;
}

#grafikPracy td.n input {
	background-color: #F2C4C8 !important;
}

#grafikPracy td.sw input {
	background-color: #f24153 !important;
}

#grafikPracy td.w input {
	background-color: #F2DADC !important;
}

#grafikPracy td.sum input {
	background-color: #D8F49F !important;
}

#grafikPracy input {
	text-align: right;
}

#grafikPracy2 {
	color: #777;
	font-size: 12px;
	border-collapse: collapse;
	margin: 0 auto;
}

#grafikPracy2 .kalBox{
	width: 121px;
	height: 59px;
	background: #f2f8fa;
	font-size: 28px;
	color: #000;
	padding: 13px 15px;
}

#grafikPracy2 .kalBox.dark{
	background: #f5f5f5;
	color: #a9a9a9;
}

#grafikPracy2 .dayRow td{
	padding-left: 14px;
}

#grafikPracy2 .weekCell{
	font-size: 16px;
	vertical-align: top;
	padding-top: 20px;
}

#grafikPracy2 td.n .kalBox{
	background-color: #f3e0e0;
}

#grafikPracy2 td.w .kalBox{
	background-color: #f3e0e0;
}

#grafikPracy2 td.sw .kalBox{
	background-color: #f3e0e0;
}

.tabelaProjektow{
	background: #f3f3f3; 
	padding-left: 50px;
	margin: 0 auto;
	border-collapse: collapse;
}

.tabelaProjektow td {
	border-bottom: 1px solid #a9a9a9;
}

.tabelaProjektow td input{
	height: 30px;
	border: 1px solid #a9a9a9;
	width: 32px;
	background: #fff !important;
	padding:0;
	box-sizing: border-box;
	font-size: 12px;
	margin:0 !important;
	margin-right: 1px !important;
}	

#grafikInformacje span {
	padding-left: 10px;
	padding-right: 10px;
}

.kalboxL {
	font-size: 12px;
}

.kalboxL input{
	border: 1px solid #a9a9a9;
	font-size: 13.5px;
	width: 45px;
	height: 30px;
}

.kalboxR{
	height: 27px;
}
.tryb_tyg {
	display:flex;
	background: #f2f8fa;
	justify-content: space-between;
}

.kalboxR input {
	border: 0;
	background: transparent;
	text-align: right;
	color: #777;
	font-size: 14px;
	width: 50px;
}

.kalboxR input:focus {
	border: 0 !important;
}

.kalboxR > div{
	font-size: 14px;
	color: #777;
	float: right;
	margin-top: 6px;
}

div#navigacja2 {
	display:inline-block;
	vertical-align: top;
	width: 220px;
	background-color: #FFFFFF;
}

table.tabelaZestawienie{
	background-color: #f2f8fa;
	font-weight: 13px;
	border: 1px solid #e1e1e1;
	float: right;
	width: 174px;
	border-collapse: collapse;
}

table.tabelaZestawienie td
{
	border: 1px solid #e1e1e1;
	padding: 7px;
}

table.tabelaZestawienie td td
{
	border: none;
	padding: 0;
}

table.tabelaZestawienie a{
	background: url("i/icon-small-right.png") no-repeat right center;
	color: #2292a6;
	font-weight: bold;
}
table.tabelaZestawienie a:hover{
	color: #000;
}

div.submenu {
	text-align: right;
	font-size: 12px;
	padding-right: 8px;
	max-width: 100%;
	box-shadow: -2px 5px 6px -5px #000;
}

.main2 {
	margin: 10px 0px;
}
	
.main2 a {
	padding-top: 3px;
	display: block;
}

.main2 > a {
	height: 31px;
	line-height: 31px;
	text-align: left;
	color: #000;
	padding-left: 8px;
	font-size: 13.5px;
}

.main2 a img {
	vertical-align: middle;
}

.main2 > a:hover {
	background-color: #009BC2;
	color: #fff;
	padding-left: 12px;
}

.main2 a.on {
	background-color: #ffffff;
	color: #000;
	box-shadow: -2px 5px 6px -5px #000, -2px -5px 6px -5px #000;
}

.main2 .submenu.on {
	background-color: #f9f9f9;
}

.main2 .submenu.hidden {
	display: none;
}

.main2 .submenu a {
	height: 21px;
	width: 172px;
	line-height: 21px;
	color: #000;
	padding-right: 8px;
}

.main2 .submenu a:hover {
	width: 168px;
	padding-right: 12px;
}

div.submenu a::after {
	content: " «";
}

div.submenu a.u {
	text-decoration: underline
}

table#filters {
	vertical-align: top; 
	margin-bottom: 20px;
}

.contentLeft {
	overflow: visible;
	padding: 5px !important;
	display: inline-block !important;
}

.contentLeft table.lista {
	margin: 0 !important;
}

.contentLeft span.toolfltr {
	margin-left: 10px !important;
}

#zestawieniaPit {
	width: 170px;
	color: #000;
}
.accountsContainer
{
	font-size: 12px;
}

.accountsContainer a
{
	 color: #2292a6;
}

.accountsContainer a:hover
{
	 color: #ff0000;
}

.accountTile
{
	font-size: 13px;
	line-height:13px;
}

.accountTile > td, .accountTile  > th
{
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding: 5px 2px !important;
}

.opisTile th{
	text-align: left !important;
	color: #777777;
	font-size: 13px;
}

.overflowTile
{
	max-height: 21px;
	overflow: hidden;
}

.nazwaTile
{
	height: 20px; 
}

.delTile
{
	display: block;
}

.accountTile.checked
{
	box-shadow: 0 0 4px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 1);
}

.tileButton
{
	font-size: 11px !important;
	cursor: pointer;
	font-weight: bold !important;
	border-radius: 4px !important;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 13px !important;
}

.filtryTileList {
	background: #f3f3f3;
	padding-top: 25px !important;
	position: relative;
}

.filtryTileList div{
	display: inline-block;
	padding: 0 6px;
}

.nowaZakladka{
	cursor: pointer;
}

.filtryTileList div.nowaZakladka.active{
	font-weight: bold;
}

.filtryTileList .podkreslnik{
	background: url('i/pointer.PNG') no-repeat center center;
	height: 4px;
	border-top: 3px solid #000000;
	position: absolute;
	bottom: -5px;
	text-align: center;
	display: none;
}


.form-container
{
	min-height: 350px;	
}

.form-container table
{
	margin: 0 auto;
}

#getHistoriaProduktuWin td
{
	padding: 6px 10px;
}

#naMagazynie td
{
	padding: 6px 10px;
}

#naMagazynie th
{
	padding: 6px 10px;
}

.ksiegowanie_arrow > a
{
	/*display:block;*/
	display:inline-block;
	width: 100px;
	height: 25px;
	text-align:center;
	vertical-align: middle;
}

/*  formularz wyboru klasyfikacji środków trwałych */
#kst_form
{
	display:block;
	height: 450px;
	width: 800px;
	overflow-y: scroll;
	padding: 10px;
}
.kst_element div > a
{
	cursor:pointer;
}

.kst_main, .kst_sub, .kst_element
{
	padding-bottom:5px;
	padding-top: 5px;
}
.kst_main
{
	display:block;
	border-bottom: solid 1px black;
}

.kst_sub div:first-child
{
	padding-left:50px;
	display:inline-block;
}
.kst_element div:first-child
{
	padding-left:100px;
	display:inline-block;
}
.kst_sub > div, .kst_main > div, .kst_element >div
{
	display:inline-block;
	padding: 0 15px 0 0;
	vertical-align: middle;
}
.kst_sub:hover, .kst_main:hover, .kst_element:hover
{
	background-color:#FFFABF;
}

.kst_element div:first-child:before
{
	content: '§  ';
}
.kst_nazwa
{
	width: 400px;
}
.kst_element > .kst_nazwa
{
	width:250px !important;
}
/* modal wyskakujące okienka */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
    background-color: #fefefe;
    margin-top: 15% auto; /* 15% from the top and centered */
    margin-bottom: 15% auto; /* 15% from the top and centered */
    margin-right: 15% auto; /* 15% from the top and centered */
    margin-left: 300px;
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#zaliczkiPIT a
{
	color: #2292a6;
}

#zaliczkiPIT
{
	width: 100%;
	border-spacing: 0px;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 12px;
}

#zaliczkiPIT > td:first-child
{
	max-width: 50px;
	word-wrap: break-word;
}

#zaliczkiPIT th
{
	background-color: #f2f8fa;
}
#zaliczkiPIT > th
{
	border: 1px solid #ccc;
	word-wrap: break-word;
}

#zaliczkiPIT td
{
	background-color: #f2f8fa;
}

#zaliczkiPIT > td
{
	border: 1px solid #e1e1e1;
	border-top-width: 0;
	padding: 5px;
}

.tabela-place
{
	font-size: 10px;
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
}

.tabela-place tr:first-child th:first-child
{
	border: 0;
}

.tabela-place th
{
	border: 1px solid #777;
}

.tabela-place td 
{
	border: 1px solid #777;
}

.deklaracja-table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: auto;
}

.deklaracja-table td
{
	border: 1px solid black;
	vertical-align: middle !important;
}

.deklaracja-table td input
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.deklaracja-table th
{
	border: 1px solid black;
}

#przychody-podatnika-ryczalt tr:first-child th,
#przychody-podatnika-ryczalt tr:nth-child(2) th
{
	text-align: center;
}

#obliczenie-ryczalt,
#kwoty-miesiecznie-ryczalt
{
	width: 70%; 
}

#kwota-wydatkow-ryczalt tr:first-child th:first-child,
#kwota-przychodow-ryczalt tr:first-child th:first-child,
#kwota-wydatkow-ryczalt,
#kwota-przychodow-ryczalt
{
	width: 50%;
}

#kwota-wydatkow-ryczalt tr:first-child th:nth-child(2),
#kwota-przychodow-ryczalt tr:first-child th:nth-child(2)
{
	width: 30%;
}

#kwota-wydatkow-ryczalt tr:first-child td,
#kwota-przychodow-ryczalt tr:first-child td
{
	width: 20%;
}

.tile {
	display: inline-block;
	margin: 4px;
	height: 100px;
	width: 140px;
	word-wrap: break-word;
	background-color: #009BC2;
}

.tile:hover {
	background-color: #fff;
	outline: 1px solid #333;
}

.tile > a {
	display: block;
	position: relative;
	height: 100%;
	color: #efefef;
}

.tile > a:hover {
	color: #333;
}

.tile > a > .tile_name {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	padding: 5px;
	left: 0;
	right: 0;
}

.stawka_rodzaj_vat {
	width: 395px;
}

#dochody-table
{
	width: 70%;	
}

#dochody-table th
{
	text-align: center;
	font-weight: 700;
}

#dochody-table tr:first-child th:first-child
{
	border: 0;
}

.datetd input{
	padding-right: 30px;
	background-image: url('i/calendar.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.ksiegowoscLine
{
	display: inline-block;
	cursor: default;
}

.ksiegowoscLine div{
	color: #777777;
	font-size: 13.5px;
	line-height: 10px;
	margin-top: 5px;
}
.ksiegowoscLine span{
	font-weight: bold;
	font-size: 13.5px;
	color: #333;
	line-height:10px;
}

.ksiegowoscLineFak
{
	display: inline-block;
	cursor: pointer;
	max-width:154px;
}

.ksiegowoscLineFak div{
	color: #777777;
	font-size: 13.5px;
	line-height: 10px;
	margin-top: 5px;
}
.ksiegowoscLineFak span{
	font-weight: bold;
	font-size: 13.5px;
	color: #333;
	/*line-height:10px;*/
}

.przychody .addPlus, .koszty .addPlus{
	vertical-align: top;
}

.przychody a, .koszty a{
	height: 26px;
	display: block;
}

.przychody td, .koszty td{
	border: 0 !important;
	padding: 5px 0px !important;
}

.przychody, .koszty{
	background-color: #f2f8fa !important;
}

table.listaOpcji{
	padding-left: 5px;
	margin-top: 15px;
}
table.listaOpcji td{
	padding-left: 100px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 20px;
}
table.listaOpcji th{
	background: #f3f3f3;
	color: #000000;
	padding-left: 100px;
	height: 39px;
	line-height: 39px;
	font-weight: bold;
}


.ikonkaSaveOpcje{
	width: 17px;
	height: 17px;
	background: url('i/savebttn.png') -17px 0;
	margin-right: 7px;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	display: inline-block;
	vertical-align: top;
}

.ikonkaDownOpcje{
	width: 16px;
	height: 16px;
	background: url('i/caret-down.png');
	margin-right: 7px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 2px;
	display: inline-block;
	vertical-align: top;
}

.podpowiedz{
	color: #777777;
	font-size: 12px;
}
.podpowiedz:after{content:")"}
.podpowiedz:before{content:"("}
.podpowiedz_moduly {
	color: #777777;
	font-size: 12px;
}

table.konfKpir th{
	background: #f3f3f3;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	line-height: 39px;
	padding-left: 20px;
}

table.konfKpir td{
	text-align: left;
	padding-left: 50px;
	padding-bottom: 9px;
}

table.raportList tr.header:nth-of-type(1) th{
	font-weight:normal;
	background-color:#FFFFFF;
	padding: 40px 5px 20px 5px;
	color:#2d2d2d;
	text-align:left;
	font-family: Roboto,​sans-serif;
	font-size: 28px;
	line-height: 30px;
	text-transform: none;
	border: none;
}

table.raportList tr td{
	height: 36px;
}

#kadryTable {
	width: 100%;
}

#kadryTable th {
	text-align: center; 
	vertical-align: middle;
}

#kadryTable td {
	text-align: center; 
	vertical-align: middle;
	padding: 5px 10px;
}

#kadryTable td input {
	width: 100%;
}

.todoList {
	width: 100%;
	margin: 20px auto;
	border-collapse: collapse;
}

.todoRow {
	display: flex;
	border: 1px solid #e2e2e2;
	margin: 10px 0;
	border-radius: 3px;
	transition: .05s;
	z-index: 10;
	min-height: 83px;
}

.todoRow-nonLoading:hover {
	cursor: pointer;
	transition: .05s;
	background: #f2f8fa;
}

.todoRow>a {
	color: inherit;
	text-decoration: none;
	display: flex;
	width: 5%;
}

.todoColor {
	min-height: 30px;
	min-width: 7px;
}

.color1 {
	background-color: #2292a6
}

.color2 {
	background-color: #25a4ba;
}

.color3 {
	background-color: #29b6cf;
}

.color4 {
	background-color: #2dc4df;
}

.color5 {
	background-color: #32e0ff;
}

.todoContent {
	padding: 5px 10px;
	display: flex;
	align-items: center;
	width: 100%;
	margin-left: 30px;
	font-weight: bold;
}

.todoContent ul{
	padding: 0;
	list-style: none;
	font-weight: normal;
}

.todoTermin {
	width: 110px;
	display: flex;
	flex-direction: column;
	color: #777777;
	justify-content: center;
}

.todoWarning {
	width: 5%;
	display: flex;
	flex-direction: column;
}

.todoWarning:before {
	margin: 0 auto;
}

.todoExclamation {	
	color: #ffffff;
    padding: 5px;
    transition: .05s;
    display: table;
    margin: auto;
	width: 42px;
	height: 42px;
	background: url('i/zadania_calendar.png') no-repeat center center;
}


.todoExclamation-active {
	color: #ffffff;
    padding: 5px;
    transition: .05s;
    display: table;
    margin: auto;
	width: 42px;
	height: 42px; 
	margin-right: 9px;
	background: url('i/zadania_warning.png') no-repeat center center;
}

.todoExclamation-active:hover {
	transition: .05s;
	transform: scale(1.1);
}

.todoExclamation:before {
	margin: 0 auto;
}

.todoFinish {
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.todoCheck {
	color: #ffffff;
    transition: .05s;
    display: table;
    margin: auto;
	width: 42px;
	height: 42px;
	background: url('i/zadaniaCheckbox.png');
	margin: 20px;
}

.todoCheck:hover{
	background: url('i/zadaniaCheckboxOn.png');
}


.todoCheck-nonLoading:hover {
	color: #ffffff;
    padding: 5px;
    transition: .05s;
    display: table;
	transform: scale(1.1);
}

.khConf{
	background-color: #FFFFFF !important;
}
.khConf td>div{
	width: 278px;
	height: 146px;
	border: 1px solid #e2e2e2;
	margin-right: 25px;
	margin-bottom: 25px;
}

.khConf td>div.small{
	width: 178px;
	height: 76px;
	border: 1px solid #e2e2e2;
	margin-right: 10px;
	margin-bottom: 10px;
}

.khConf td>div:hover{
	border: 1px solid #000000;
	background-color: #f2f8fa;
}

.khConf td>div>a{
	display: block;
	padding: 20px;
	height:100%;
	width: 100%;
	box-sizing: border-box;
	color: #2292a6;
	font-size: 14px;
	font-weight: bold;
}

.khConf td>div.small>a{
	display: block;
	padding: 10px;
	height:100%;
	width: 100%;
	box-sizing: border-box;
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

.khConf td>div>a>div{
	margin-bottom: 9px;
	height: 40px;
	text-align: left;
}

.khConf td>div>a>img{
	float: left;
	margin-right: 18px;
}

.khConf td>div.small>a>img{
	float: left;
	margin-right: 8px;
}

.khConf td>div>a>span{
	line-height: 16px;
	color: #000000;
	font-weight: normal;
	text-align: left !important;
	display: inline-block;
}

.khConf .podHeader{
	font-weight: bold;
	font-size: 14px;
	height: 15px;
	padding: 10px 0 14px 20px;
	background-color: #f3f3f3;
	line-height: 15px;
}

.pobierz_podrecznik, .pobierz_podrecznik:hover{
	width: 90px;
	font-family: Roboto,​sans-serif;
	font-weight: bold;
	border-radius: 2px;
	border: none;
	cursor: pointer;
	margin-right: 8px;
	vertical-align: top;
}

.pobierz_podrecznik img{
	margin-right: 8px;
}

#alert-background{
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1001; /* top ma wartość 1000 go też musimy przesłonić */
}
#alert-content{
	display: block;
	width: 600px;
	height: 150px;
	margin: -75px 0 0 -300px;
	background-color: white;
	border: 1px solid #44b2c6;
	position: absolute;
	top: 50%;
	left: 50%;

}
.quickinfo{
	color: #2292a6;
	font-size: 13.5px;
}

#breadCrumbsDiv{
	color: #777777;
	font-size: 13px;
	padding-left: 47px;
	line-height: 30px;
	background: #FFFFFF;
	margin-top: 20px;
}

#breadCrumbsDiv a{
	color: #777777; 
}

.formGridster button[type=submit], #smallGreenbutton, button.downButton, #rozliczRozrachunki, #ajaxfile #downButton, .downButton, .downButtonLink
{
	border: 1px solid #89a600;
	border-radius: 4px;
	line-height: 22px;
	font-size: 13.5px;
	padding-right: 0px;
	margin-top: 3px;
	margin-bottom: 0;
	background: #89a600;
	color: #FFFFFF;
	text-transform: none;
	text-align: center;
	height: 30px;
}

.downButtonLink {
    margin: 3px;
    padding: 10px;
}

#ajaxfile #downButton, #ajaxfile .downButton
{
	width: auto !important;
	line-height:30px;
}

#rozliczRozrachunki {
	padding-left: 13px;
}

#rozliczRozrachunki {
	margin-bottom: 3px;
}

button.downButton{
	padding: 4px 13px !important;
	box-sizing: border-box !important;
}
a > span.downButton{
	padding: 4px 13px !important;
	box-sizing: border-box !important;
}

button:hover .ikonkaSaveOpcje, button:active .ikonkaSaveOpcje
{
	background: url('i/savebttn.png') 0 0;
}

.ui-menu-item {
	font-size: 13.5px !important;
}

.ui-menu-item a{
	font-size: 13.5px !important;
}

.rozrachunkiRow table {
	border-collapse: collapse;
}
.rozrachunkiRow td {
    padding: 0 !important;
}

.trAsCell {
	margin: 0 auto;
}
.trAsCell tr{
	display: table-cell;
}

.koszykDiv{
	height: 30px;
	background: #FFF;
	float: right;
	margin-right: 88px;
	margin-top:3px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 4px;
	position: relative;
}

.koszykHover:hover .closerIcon{
	background: url(i/btn-delete_hover.png) no-repeat center center !important;
}
.koszykHover:hover{
	color: red !important;
}

.koszykExpanded{
	display: none;
	background: #FFF;
	border-radius: 4px 0 0px 0px;
	position: absolute;
	top: 27px;
	right: 0;
	box-shadow: 0px 10px 10px #888888;
	font-size: 13px;
	color: #000;
}

.koszykExpanded tr[id^='_sCIP'] td {
	border-bottom: 1px solid #e1e1e1;
	padding: 4px 0;
}

.koszykCollapsed{
	max-width: 250px;
	background: url('i/basket_icon.png') no-repeat #FFF left 4px center;
	background-size: 23px;
	padding-left: 34px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
}

.koszykCollapsed img{
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.koszykZamow, .koszykZamow:hover{
	height: 45px;
	width: 140px;
	font-weight: bold;
	font-size: 12px;
	border: none;
	border-radius: 4px;
}
.koszykSkompletuj, .koszykSkompletuj:hover{
	background: none;
	border: none;
	color: #2292a6;
	font-size: 13px;
	cursor: pointer;
}



#shopping_cart_items a:hover{
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.nopadding *{
	padding-left: 0px;
	font-size: 12px;
}

.jstree-default.jstree-focused{
	background: #f2f8fa !important;
}

.jstree a{
	font-size: 12px !important;
}

.jstree-leaf{
	border-bottom: 1px solid #e4ecef;
}

.imageHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.rozrachunkiRow td {
	font-size: 13.5px !important;
}

.lastvisited a{
	color: #2292a6; 
	display: block;
} 

.formGridster a{
	color: #2292a6; 
}
.lastvisited a:hover, .formGridster a:hover{
	text-decoration: underline;
}

table.filtryProduktow td {
    padding-left: 5px;
}

.abonamentClass td{
	padding-top: 30px !important;
}

.importTable td{
	font-size: 13.5px !important;
}

.zestawienieHover:hover, .zestawienieHover:hover span{
	text-decoration: underline;
	color: red !important;
}

.raportyLista td {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom: 1px solid #cccccc;
}

#showSzablonyKh td {
	font-size: 13.5px !important;
}

.hoverOpcje:hover{
	color: #ee0202 !important;
}
.hoverOpcje:hover img{
	opacity: 0.5;
}

table.ilista tr.nohover {
	background-color: initial;
}

#lista_operacji td[id^=descwn], #lista_operacji td[id^=descma] {
	padding-left: 5px;
	padding-right: 5px;
}

.loading_circle {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: 2px 2px 1px rgb(0,0,0);
	animation: full-rotate 1s infinite linear;
	-o-animation: full-rotate 1s infinite linear;
	-webkit-animation: full-rotate 1s infinite linear;
	-moz-animation: full-rotate 1s infinite linear;
}

@keyframes full-rotate {
	100% { transform: rotate(360deg); }
}

@-o-keyframes full-rotate {
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes full-rotate {
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes full-rotate {
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

#autoRozliczenieRozrachunkow .ilista td {
	vertical-align: middle;
}

#fakturyKsiegowanie .leftPanelElement > td {
	background-color: #f2f8fa !important;
	border: 1px solid #e1e1e1 !important;
	border-top: 0 !important;
}

.paramdod{
	position: fixed;
	bottom: 20px;
	right:0px;	
	margin: 0;
	margin-right:20px;
	margin-bottom:10px;
	z-index: 500;
}



#tlo_K {
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
	/*background-color:#f9f9f9;*/
	/*opacity:0.8;*/
	/*filter: brightness(50%);*/
	z-index:1001;
}

#tlovat7k {
	background: url(deklaracje/tlovat7k.png) no-repeat ;
	height: 6386px;
	width:1600px ;
	background-size:100%;
	background-position: 50% 100%;
	position: relative;
}

.formKreator {
	/*position:absolute !important;
	z-index:9999 !important;
	left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
	margin-bottom: 0 !important;
}

.pitb_row {
	display: none;
}

#tlovatEU {
	background: url(deklaracje/tlovatEU.png) no-repeat ;
	height: 4386px;
	width:1600px ;
	background-size:93%;
	background-position: 50% 8%;
	position: relative;	
}

#tlovat27 {
	background: url(deklaracje/tlovat27.png) no-repeat ;
	height: 3148px;
	width:1096px ;
	background-size:105%;
	background-position: 50% 0%;
	position: relative;	
}

#tlovat4R {
	background: url(deklaracje/tlovat4R.png) no-repeat ;
	height: 6698px;
	width:1150px ;
	background-size:97%;
	background-position: 50% 7.7%;
	position: relative;	
}

#tlovat8AR {
	background: url(deklaracje/tlovat8AR.png) no-repeat ;
	height: 4328px;
	width:805px ;
	background-size: 99%;
	background-position: 55% 180%;
	position: relative;	
}


.tabs_buttons, .tabs_buttons_allegro {
	border-bottom: 1px solid #000000 !important;
	padding-bottom: 0 !important;
	background: #FFFFFF;
      
}

.tabs_buttons button, .tabs_buttons_allegro button {
	background: #FFFFFF;
	color: #000000;
	margin-bottom: -4px;
	margin-top: 0px;
	height: 36px;
	vertical-align: top;
	border: 1px solid transparent !important;
	border-bottom: 1px #000000 solid !important;
	padding: 5px 15px 10px 15px;
	text-transform: none;
	border-radius: 0;
	line-height: normal;
}

.tabs_buttons button.active, .tabs_buttons_allegro button.active {
	border: 1px #000000 solid !important;
	border-bottom: none !important;
	color: #000000; 
	height:36px;
	margin-bottom: -1px !important;
	font-weight: bold;
}

.tabs_buttons button:hover, .tabs_buttons_allegro button:hover {
	background: #FFF !important;
	border: 1px #000000 solid !important;
	margin-top: 0px !important;
	color: #000 !important;
	cursor: pointer !important;
}

.tabs_buttons_separator {
	height: 10px;
}

.zestawienieDlaZadan {
	border-collapse: collapse;
}

.zestawienieDlaZadan td {
	background: #f2f8fa;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e1e1e1;
	min-width: 70px;
} 

table.podgladKsiegowania {
	margin: 0 auto;
	min-width: 800px;
}

table.podgladKsiegowania td {
	padding: 2px;
}

table.podgladKsiegowaniaWpisy {
	border-collapse: collapse;
	max-width: 1100px;
}

table.podgladKsiegowaniaWpisy td, table.podgladKsiegowaniaWpisy th {
	background-color: #f2f8fa;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
	min-width: 100px;
}

table.podgladKsiegowaniaWpisy tr.zapisSeparator {
	border-bottom: 2px solid #e1e1e1;
}

table.podgladKsiegowaniaWpisy th {
	text-align: center;
}

table.podgladKsiegowaniaWpisy td {
	padding-right: 20px;
}

table.podgladKsiegowaniaWpisy td.r {
	padding-right: 5px;
}

table.podgladKsiegowaniaWpisy td.l {
	padding-left: 5px;
}

table.podgladKsiegowaniaWpisy td.noborder {
	background-color: rgba(255, 255, 255, 0);
	border-width: 0px;
}

.wyszukiwarka_produktow button {
	margin-top: 0 !important;
}

span.kod_waluty {
	display: inline-block;
	padding-right: 6px;
}

tr.rozrachunki_row td {
	vertical-align: middle;
}

tr.rozliczany_row td {
	vertical-align: middle;
}

span.toolfltr div.toolfltr_left input {
	vertical-align: baseline !important;
}

span.toolfltr div.toolfltr_right {
	float: right;
	margin: 0 50px 0 45px;
}
select.urzedyLista{
	max-height: 28px;	
	width: 220px;				   
	max-width: 220px;				   
}
 
button.urzedyLista{
	max-height: 28px;
	margin-top: -2px;				   
}

.downButton.reportButton {
	background-repeat: no-repeat;
	padding-left: 33px !important;
	background-position: 10px center;
}

.downButton.reportButton[data-filetype="pdf"] {
	background-image: url('i/pdf.png');
}

.downButton.reportButton[data-filetype="odt"] {
	background-image: url('i/page_white_word.png');
}

.downButton.reportButton[data-filetype="xls"] {
	background-image: url('i/page_excel.png');
}

.downButton.reportButton[data-filetype="xml"] {
	background-image: url('i/page_excel.png');
}

.downButton.reportButton[data-filetype="csv"] {
	background-image: url('i/page_csv.png');
}

.downButton.reportButton[data-filetype="view"] {
	background-image: url('i/magnifier.png');
}
#addTelefon {
	position: fixed;
	top: 35%;
	left: 35%;
	z-index: 100;
}
#zmien_haslo {
	position: absolute;
	top: 35%;
	left: 35%;
	z-index: 100;
}

div#informacje_platnosci_cykliczne {
	/*text-align: center;*/
	margin: 0 auto;
	max-width: 720px;
}

div#informacje_platnosci_cykliczne div.panel {
	width: 340px;
	padding: 5px;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

div#karta_platnicza {
	position: relative;
	margin: 0 auto;
	padding: 10px 20px;
	width: 340px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 1px rgba(233,233,233,1);
}

div.wartosc_karty_platniczej {
	font-size: 1.3em;
	font-weight: 600;
}

div#karta_platnicza p
{
	margin: 10px 0 0 0;
}

div#karta_platnicza .karta_przeterminowana
{
	color: #F00;
}

div#karta_platnicza span.segment_numeru_karty
{
	padding: 0 10px 0 0;
}

.span_form_name
{	display: inline-block;
	width: 200px;
}

.switch
{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 30px;
  background-color: #3293a5;
  border-radius:15px;
  vertical-align: middle;
}

.switch prettycheckbox, .switch a 
{
	display: none !important;
}

.slider
{
  position: absolute;
  cursor: pointer;
  top: 3px;
  -webkit-transition: .4s;
  transition: .4s;
  height: 24px;
  width: 24px;
  left: 5px;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  background-color: #FFF;
}

.round_on
{
	background-color: #3293a5;
}

.round_on_slider
{
	left: 43px;
	box-shadow: 0 0 5px 1px rgba(255,255,255,0.9);
}

.round_off
{
	background-color: #DDD;
}

.round_off_slider
{
	left: 4px;
	box-shadow: 0 0 5px 1px rgba(90,90,90,0.4);
}


#configList{
	/*display: flex;*/
	position: relative; 
	display: none;
	/*color: #2292a6;*/
	color: #F0FFFF ;
	

}
#configListWrapper{
	background-color:#fff;
	border: 1px solid #777;
	text-align: center;
	/*flex: 1 0 auto;*/
	position: absolute;
	right: 0vw;
	z-index: 1999;

}
#configListUl{
	padding: 0px;
    margin: 0px;
}
#configListUl li{
	list-style-type: none;
	padding: 5px 20px;
	margin: 10px;
	font-weight: bold;
}
#configListUl:hover{
	cursor: grab;
}
#configList li:first-child{
	margin-top:30px;
}
#configList li.sendConfigList{
	background-color:#44b2c6;
}
#configList li:not(.sendConfigList){
	background-color:#c4c4c4;
	/* opacity: 0.5; */
}



.btn {
    width: 70px;
    height: 70px;
    border: none;
    color: inherit;
    background: none;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    outline: none;
    position: absolute;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    top: 0px;   
	left: 0px;
	 bottom: 0px;   
    right: 0px;
	
    margin: auto;
}

.btn img{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bg {
    height: 32px;
    width: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.btn-boarder {
    border: 2px solid #fff;
    border-radius: 50%;
}

.animation {
    -webkit-transform: translate(120px, -120px);
    -moz-transform: translate(120px, -120px);
    -o-transform: translate(120px, -120px);
    -ms-transform: translate(120px, -120px);
    transform: translate(120px, -120px);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.animation2 {
    -webkit-animation: fadeIn 0.4s ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0.4s;
    -moz-animation: fadeIn 0.4s ease-out;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0.4s;
    animation: fadeIn 0.4s ease-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.4s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.around {
    width: 71px;
    height: 71px;
    border: none;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    outline: none;
    /*position: absolute;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    margin: auto;
}

.around:after {
    content: '';
    position: absolute;
    z-index: -1;
}

.around-boarder {
    border: 20px solid #FF7F50;
    border-radius: 50%;
	position: relative;
}

div#top
{
	height:30px;
	vertical-align:bottom;
	font-size: 12px;
	font-family:	Roboto,​sans-serif;
	background-color:#00505e;
	position:fixed;
	width:100%;
	min-width:1250px;
	color: #ffffff;
	background-repeat: repeat-y;
	z-index:1000;
	top:0;
}

#menu_tel
{
	display: none;
}

div#top .mainmenu 
{
	text-transform: uppercase;
}

.menuicon{
	vertical-align: sub;
	margin-left: 2px;
	margin-right: 8px;
}

div.mainmenu .rightmainmenu, div.main .rightmainmenu{
	color: #FFF;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
}

.rightmainmenu2{
	color: #FFF;
	float: left;
	padding-left: 4px;
	padding-right: 4px;   
        
}
.logoItem {
    height: 40px; 
    vertical-align: middle;
    padding-top: -15px !important;
    margin-top: -10px !important;
	border-bottom:0.5px #2C444A solid;
	background:#1F2F33;
	line-height:2px;
	padding:10px;
}
.ikonkaGaleria{
	align-items: center;
	display:flex;
	height:40px;
}
.miniMenuTop {
    padding: 7px 10px 10px 10px;
    background: #1F2F33;    
    border-bottom: 1px #2C444A solid;
}
.rightmainmenu2:hover {
	background:  rgb(0, 80, 94) !important;
}

div.mainmenu {  float:left;margin:0px;padding:0; height:30px;}
div.mainmenu a {	
	color: #ffffff;
	line-height: 20px;
	padding: 4px 13px 4px 8px;
	border-radius: 5px 5px 0 0;
	margin-top: 3px;
	display: inline-block;
}
div.mainmenu a.on {	background-color: #2292a6; }
div.mainmenu a:hover {	background-color: #2292a6; }

div#navigacja
{
	padding: 17px 0px 0px 0px;
}
.main
{
	height:36px;
	display:inline;
	float:left;
	padding-top:4px;
	margin-top:0px;
	padding-left:15px;
	width:100%;
	background-color:#2292a6;
}
.main div.leftmainmenu
{
	display:inline-block;
	/* text-transform: capitalize; */
}
.main a
{
	margin-top:3px;
	/*float:left;*/
	text-align:center;
	/*display:block;*/
	display:inline-block;
	height:31px;
	line-height:26px;
	font-size:13px;
	font-family: Roboto,​sans-serif;
	background-repeat:no-repeat;
	color:#FFFFFF;
	vertical-align:middle;
	margin-right: 18px;
}

.main a img { vertical-align:middle; }
.main a:hover {
	color: #FFFFFF;
}
.main  a:hover span {
	border-bottom: 3px #FFFFFF solid;
	padding-bottom: 9px;
}
.main a.on {
	font-weight: bold;
}
.main a.on span{
	border-bottom: 3px #FFFFFF solid;
	padding-bottom: 9px;
}

div.newButtonClass{
	text-transform: uppercase;
	height: 46px;
	width: 273px;
	text-align: center;
	padding: 5px 5px 0px 5px;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: -11px;
	float: right;
	margin-right: 5px;
}
div.kaczmarskiButtonClass{
	text-transform: uppercase;
	height: 36px;
	width: 200px;
	text-align: center;
	padding: 5px 5px 0px 5px;
	color: red;
	font-size: 12px;
	margin-top: 3px;
	float: right;
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid red;
	background-color: #FFFFFF;
	cursor: pointer;
}
div.kaczmarskiButtonClassPhone{
	width: 100%;
 	margin: 20px auto;
}
div.kaczmarskiButtonClass span{
	display: inline-block;
	line-height: 46px;
	margin-top: -7px;
}
div.newButtonClass a, div.kaczmarskiButtonClass a{
	color: #FFFFFF;
	text-decoration: none;
}
div.newButtonClass span{
	width: 253px;
	height: 46px;
	margin-top: 7px;
	display: inline-block;
	line-height: 46px;
	cursor: pointer;
	background: url('i/buttonNew.png') repeat-x;
	/*-webkit-box-shadow: 0px 2px 18px 3px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 2px 18px 3px rgba(0,0,0,0.21);
	box-shadow: 0px 2px 18px 3px rgba(0,0,0,0.21);*/
	border-radius: 3px;
}
div.newButtonClass span:hover, div.kaczmarskiButtonClass span:hover{
	filter:alpha(opacity=70); opacity:.70;
}

#toolbar {
	padding: 0px 15px 0px 5px;
}

div#bottom_phone
{
	display:none;
}

div#allActions {
	float:left;
	margin-left:10px;			   
}

div#allActions button {
	border: none;
	background: transparent;
	font-size: 13.5px;
	font-family: Roboto,​sans-serif;
	line-height:30px;
	text-align:top;
	padding:0px;
}

div#allActions a.disabledButton {
	cursor: no-drop;
	background: grey;
}
div#allActions a, #bottomButton, .odswiez {
	line-height:23px;
	height:23px;
	border: 1px solid #89a600;
	border-radius: 3px;
	padding:0px 12px;
	color: #FFF;
	background: #89a600;
	font-family: Roboto,​sans-serif;
	font-size: 12px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 2px;
}
#fullcalendar{
	  margin:0px;
	  padding-left: 20px;
      padding-right: 20px;
	}
	#fakturyKsiegowanie{
		 max-width:308px; 
		 width:308px; 
		 min-width:308px;
		margin-left:43px;
		margin-right:0px;
	}
	.calendar_filtrs{
		margin-left:5px;
	}	
.fc-header td{
		white-space: normal !important;
	}
#ostrzezenie18
	{
		box-sizing: border-box;
		position: absolute;
		height: 500px;
		z-index: 15;
		top: 40%;
		left: 30%;
		right:30%;
		line-height: 5vh;
		text-align: center;
	
	}
@media (max-width: 720px)
{	
	html
	{
		max-width:720px !important;
	}
	
	body
	{
		width:100%;
		min-width: 100%;
	}
	
	.bottominfo
	{
		width: calc(100% - 14px);
		left: 2px !important;
	}
	
	.calendar_filtrs{
	display: flex;
	flex-direction: column;
	margin-left:1px;
	}		
	.main_calendar
	{
	display: flex; flex-flow: column; 
	}
	.two_xxx { order: 2; }
	.one_xxx { order: 1; }
	
	#fullcalendar{
	  margin:1px;
	  padding-left: 0px;
      padding-right: 0px;
	}
		
	#fakturyKsiegowanie{

		 max-width:100%;
		width:100%;
		 min-width:100%;
		margin-left:1px;
		margin-right:1px;
	}
	#ekran_logowania
	{
		position: relative !important;
		box-sizing: border-box;
		top: 0 !important;
		left: 0;
		width: calc(100% - 40px) !important;
		height: calc(100% - 40px);
		padding: 20px;
		margin: 20px;
	}
}

@media (max-width: 1250px)
{
	#pomoc-grid{padding:5px;}
	.pomoc-input-temat{
		width:100% !important; 
		padding: 0 !important;
	}
	.grid-img
	{
		display:none !important;
	}
	.grid-filmy,.grid-podreczniki,.grid-wideo
	{
		margin: 0 !important;
		width:auto !important;
	}
	table.lista
	{
		padding: 0;
	}
	
	.titleListy
	{
		margin-left: 5px;
	}
	
	div#content span.toolfltr
	{
		margin: 23px 5px 0;
	}
}

@media (min-width: 1251px)
{
	div.mainmenu {float:left;margin:0px;padding:0px 0px 0px 40px; height:30px;}
	
	.main
	{
		height:36px;
		display:inline;
		float:left;
		padding-top:4px;
		margin-top:0px;
		padding-left:50px;
		width:100%;
		background-color:#2292a6;
	}
	
	#toolbar {
		padding: 0px 15px 0px 36px;
	}
	
	table.lista
	{
		padding: 0 50px;
	}
	
	div.newButtonClass
	{
		margin-right: 37px;
	}
	
	.titleListy
	{
		margin-left: 50px;
	}
	
	div#content span.toolfltr
	{
		margin: 23px 50px 0;
	}

	.ukryj {
		display: none;
	}
}
#allegro_categories > ul > select 
{
	margin-left: 10px;
}
#breadcrumbs_categories
{
	padding-left: 0px;
}
#breadcrumbs_categories > li
{
	margin-left: 20px;
	display: inline-block;
	cursor: pointer;
}
#breadcrumbs_categories > li:first-of-type
{
	margin-left: 0px;
	display: inline-block;
	cursor: pointer;
}
#breadcrumbs_categories > li:not(:last-child)::after
{
	border-bottom: 4px solid transparent;
	border-left: 4px solid #b2b2b2;
	border-top: 4px solid transparent;
	content: '';
	display: inline-block;
	margin-left: 10px;
}
.border_top
{
	border-top: 1px solid black;
}

.required-star
{
	color:#c41c14;
	padding-right: 2px;
}

.thumbnail_image
{
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 25px;
	vertical-align: align;
}
.nextrow
{
	margin-bottom: 10px;
}

.panelInvoiceFromPDF 
{
	display: inline-block;
	vertical-align: top;
}

.miniatura 
{
	margin-bottom: 10px;
}

#showStronyDokumentu .miniatura
{
	cursor: grab;
}

/*
.border_page
{
	border: 5px solid red;
	box-shadow: 0 0 1em black!important ;
}
*/

.border_page2
{
	box-shadow: 0 0 1em black!important ;
}

.draggingElement
{
	cursor: move;
}

.thumbnail_image
{
	position: relative;
	display: inline-block;
}

.miniaturaOpis
{
	width: 200px;
	word-wrap: break-word;
}
.iconsRow
{
	text-align: center;
	background: white;
	margin-top: 10px;
	margin-bottom: 10px;
}
.singleIconRow, .singleIconRowCursor
{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	width: 24px;
	height: 24px;
}
.singleIconRow
{
	cursor: pointer;
}

.bocznaLinia
{
	border-left: 1px solid black;
	height: 300px;
	display: inline-block;
	vertical-align: top;
}
#panel_right
{
	background-color: #FFFFFF;
	border: 1px solid #777777;
}
#panel_right2
{
	background-color: #FFFFFF;
}
#panel_center
{
	width: 40px;
	height: 630px;
}
.saldeoLoad, .zglosBlad, .zgloszonoBlad
{
	margin-left: 15px;
	margin-top: -290px;
	display: inline-block;
}
.zglosBlad
{
	cursor: pointer;
}
.ocrLoad
{
	margin-top: -290px;
	display: inline-block;
	text-align: right;
	margin-left: 170px;
}
.rightPrzeslaneDokumenty
{
	margin:0px;
	text-align:right;
	float:right;
	margin-right:50px
}
.hidden.hide
{
	display:none;
}
div.cover {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 110;
	top: 0;
	left: 0;
	background-color: #11111182;
}
.msger {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  margin: 50px auto;
  height: calc(100% - 50px);
  padding:0 50px;
  width:700px;
  border: var(--border);
  border-radius: 5px;
}
.msger-header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: var(--border);
  color: #666;
}

.msger-chat {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  width:700px;
  margin:0 auto;
}
.msger-chat::-webkit-scrollbar {
  width: 6px;
}
.msg {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.msg:last-of-type {
  margin: 0;
}
.msg-img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}
.msg-bubble {
  width:100%;
  padding: 15px;
  border-radius: 15px;
}
.msg-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.msg-info-name {
  margin-right: 10px;
  font-weight: bold;
}
.msg-info-time {
  font-size: 0.85em;
}
.right-msg {
  flex-direction: row-reverse;
}
.right-msg .msg-img {
  margin: 0 0 0 10px;
}

#listaPracownikow tr td {
	vertical-align: middle;
}

button.disabled:hover {
	cursor: no-drop!important;
	color:white!important;
	background: #89a600!important;
}

.dragPrzeslane, .dragPrzeslaneNowe {
	height: 280px;
	width: 50px;
	display:inline-block;
	vertical-align: top;
}

table.form td.skladniki_ilosci_godzin
{
	padding: 4px 0;
}

table.form td.skladniki_ilosci_godzin td
{
	padding: 4px 2px;
}

.show__configList 
{
	display:flex !important;
}

#old_doc, #new_doc
{
	min-width: 860px;
}

table.form td.days {
	display: flex;
}

div.dayOfWeek {
	display:block;
	width: 43px;
	padding: .28em .22em .28em 0;
	text-align:center;
	background: #f2f8fa;
}

table.form tr.wersja1 input[type="text"] {
	max-width: 2.45em;
}

.miniatura{
	height:300px; 
	width: 200px; 
	vertical-align: bottom; 
	display: table-cell; 
	overflow-wrap: break-word;
	background-repeat: no-repeat;
}

.podpisMiniaturyDokumentu{
	width: 200px; 
	background-color: rgba(255,255,255,0.8);
	text-align: center; 
	padding-top: 3px;
}

.miniaturaOpis{
	text-align: right;
	margin-bottom: 5px;
}

.kwotaPlatnosciOcr{
	width: 400px;
	margin-top: 10px;
	float: right;
	padding-bottom: 15px;
	border-radius: 5px;
	text-align: center;
	box-shadow: rgb(223, 223, 223) 0px 0px 10px 1px;
	margin-right: 55px;
}

.tablePlatnosciOcr{
	width: 400px;
	margin-top: 10px;
}

.doWykorzystania{
	display: block;
	font-weight: bold;
	font-size: 15px;
}

#recalculationInProgress {
	padding: 5px;
	border-radius: 10px;
	width: 180px;
	height: 20px;
	background-color: #44b2c6;
	text-align: center;
	z-index: 250;
	position: fixed;
	left: 50%;
	bottom: -10%;
	transition: bottom 1s;
}

.width100prc {
    width: 100% !important;
}


.tdRedBold {color: #ff0000 ;}

.originalAccount {
	position: relative;
	top: 4px;
	right: 17px;
}
.originalAccount input {
	position: absolute;
	top: -9999px;
	left: 0;
}
.originalAccount img {
	cursor: pointer;
	position: relative;
	top: 5px;
}

#fakturyKsiegowanie {
    border: 0; 
    max-width:308px; 
    width:308px; 
    min-width:308px; 
    padding:0;  
    margin-left: 43px; 
    margin-top:10px;
}

.filtryProduktow {
    width:250px;
    min-width:250px; 
    margin-top: 10px; 
    margin-left: 44px; 
    border-collapse: collapse; 
    background: #f2f8fa !important;
}

.integracjeTab {width: 100%; margin-top: 90px; }
.integracjeTabLeft {vertical-align:top; width: 332px; }
.zmianaDanychTab {width: 100%; margin-top: 90px;}

.fakturyKsiegowanieKPIR {max-width:308px; width:308px; min-width:308px; padding:0; margin-left: 43px; margin-top: 10px;}

.statusyZadan {width:340px;min-width:340px;max-width:340px;vertical-align:top;min-height:100%;height:100%;}
.statusyZadanLeft { 
        width:340px !important;   
    min-width:340px !important;  
    padding-right:0; 
    padding-left: 45px !important; 
}

.zadaniaTableRight {
    vertical-align:top;
    width: calc(100% - 320px);
}
 .zadaniaTableLeft {
     /* max-width:320px; */
     width:310px; 
     min-width:251px; 
     vertical-align:top; 
     min-height:100%; 
     height:100%
 }
 .fkLeft {
     max-width:308px; 
     width:308px; 
     min-width:308px; 
     padding:0;  
     /* margin-left: 43px; */
     margin-top: 10px;
 }
 

 
 

.katalogProduktowAllegroZdjecie {
	max-height: 110px;
	max-width: 110px;
	min-height: 110px;
}

.katalogProduktowAllegroProdukt td{
	cursor: pointer;
	/*border-bottom: 1px solid orange;
	border-top: 1px solid orange;*/

}

.katalogProduktowAllegroParametr {
	margin: 0px;
}

.katalogProduktowAllegroNazwa {
	font-size: 17px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

.katalogProduktowAllegroParametrNazwa {
	color: gray;
}

tr#mainID td, tr#loginDodajacego td {
	color: #ABABAB;
}

.width_300 {
    vertical-align:top; 
    min-height:100%; 
    height:100%; 
    max-width:351px; width:311px; min-width:311px; 
}

.rozliczenieRoczneUkryj {
	display: none;
}
.dra_czy_2 {
	display: none;
}

.btnPrzeslijDokumentyKosztowe {
	height: 48px!important;
}

.komunikatRaporty {
	width: 700px;
}

#dragplace {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1000;
}

#dragplaceBackground {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: slategray;
	opacity: 0.6;
	z-index: 300;
}

#dragplace #dialog_text {
	opacity: 1;
	z-index: 999;
}

.txt span {
	border: 1px solid red;
}

#liveProgress {
	z-index: 999;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -70%);
	border: 1px solid #777777;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: 15px;
	gap: 10px;
	width: 100%;
	max-width: 600px;
	background-color: #f3f3f3;
}

#liveProgressHeader {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	position: relative;
	width: 100%;
	text-align: center;
}

#liveProgressHeader .closerIcon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#progressBar {
	transition-duration: 1s;
	border: 1px solid black;
	content: '&nbsp';
	width: 100%;
	height: 20px;
	position: relative;
	overflow: hidden;
}

#progressBarBackground {
	content: '&nbsp';
	color: transparent;
	background-color: green;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translateX(-100%);
	transition-duration: 1s;
}

#liveProgressSteps {
	font-size: 16px;
}



.homepageMainWidget {
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-flow: column;
	border-spacing: 0;
	background-color: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(204,204,204,1);
	box-shadow: 0px 0px 1px 1px rgba(204,204,204,1);
	transition: 0.3s;
	padding: 20px;
	margin-right: auto!important;
	box-sizing: border-box;
}

.homepageMainWidget:hover {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,80,94,0.7);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,80,94,0.7);
	box-shadow: 0px 0px 5px 1px rgba(0,80,94,0.7);
}

.homepageMainWidget .header {
	width: 100%;
	font-weight: bold;
	color: #000000;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}

.homepageWrapper {
	padding-bottom: 10px;
}

@media only screen and (max-width: 899px)
{
	.homepageWrapper {
		width: 400px;
	}

	.homepageMainWidget {
		width: unset;
		max-width: unset;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1130px) {

	.homepageWrapper {
		width: 860px;
	}

	.homepageMainWidget {
		width: 778px;
		max-width: unset;
	}
}

@media only screen and (min-width: 1130px) and (max-width: 1239px) {

	.homepageWrapper {
		width: 860px;
	}

	.homepageMainWidget {
		margin-left: 4px;
		width: 778px;
		max-width: unset;
	}
}

@media only screen and (min-width: 1240px) {
	.homepageWrapper {
		width: 1300px;
	}

	.homepageMainWidget {
		margin-left: 10px;
		width: 1197px;
		max-width: unset;
	}
}




.homepageMainWidgetContents {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.homepageMainWidgetSquare {
	display: flex;
	flex-flow: column;
	width: 218px;
}

.homepageMainWidgetSquare b {
	display: block;
}

.homepageMainWidget .mainWidgetButton{
	line-height: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	height: 50px;
}
.naglowek {
	text-align:center;
}
.ukryj {
	display: none;
}

#pomoc-grid--wrapper .grid-pobierz .pobierz-z-google-play {
	width: 100%;
	height: auto;
}
.grid-filmy
{
	margin: 0 0 160px 350px;
}
.grid-podreczniki
{
	margin: 0 0 160px 350px; width: 914px;
}
.grid-wideo
{
	margin: 0 0 0 350px;
}
.pomoc-input-temat{
	width:566px; 
	font-size:14px; 
	height: 44px; 
	border: 1px solid #a9a9a9; 
	padding: 0 12px;
}


#integracjeTabLeft #opcjeMenu {
	border: 1px solid #e1e1e1;
	width: 290px;
}

#integracjeTabLeft #opcjeMenu a.tbar {
	font-family: "Roboto", "sans-serif";
	font-size: 13.5px;
	display: block;
	padding: 5px 5px 5px 12px;
	width: 100%;
}

#integracjeTabLeft #opcjeMenu a.tbar .arrowOpcje {
	width: 5px;
	height: 8px;
	background: url("/i/arrowOpcje.png") 0 0;
	float: right;
	margin-top: 6px;
}

#integracjeTabLeft #opcjeMenu a.tbar.active {
	background-color: #2292a6;
	color: #fff;
}

#integracjeTabLeft #opcjeMenu a.tbar.active .arrowOpcje {
	background-position: -5px;
}

#integracjeTabLeft #opcjeMenu a.tbar:hover {
	background-color: #2292a6;
	color: #fff;
}

#integracjeTabLeft #opcjeMenu a.tbar:hover .arrowOpcje {
	background-position: -5px;
}

.centerLogout {
  width:100%;
  text-align:center;
}
.leftLogout, .rightLogout {
  display: inline-block;
}

#moje-konta-powiazane-konta-window {
	width: 700px;
}