* {
	box-sizing: border-box;	
}

body,html {
	font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	font-weight:300;
	margin:0px;
	width:100%;
	height:100%;
	background:#F5F5F0;
	color:#333;

}

h1,h2,h3,h4 {
	font-family: 'Roboto Condensed', sans-serif;
	color:#444;
	font-weight:400;
}

h1 {
	font-size:1.4em;
	
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.2em;
	margin:10px 0px;
}
h4 {
	font-size:1.1em;
	margin:10px 0px;
}

a {
	text-decoration: none;
	color: #de6c00;
	font-weight:400;
}

a:hover {
	text-decoration: underline;
	color:#B26B24;
}

img {
	border: 0px;
}

img.button, .button {
	padding:8px;
	background: #f0f0f0;
	border:solid 1px #bfbfbf;
	cursor:pointer;
}

input, textarea, option, select {
	font-family: 'Roboto', sans-serif;
	font-size:12pt;
	font-weight: 300;
}

.input, .button, .buttonIkona {
	padding:8px;
	border:solid 1px #bfbfbf;
	margin-top:2px; 
}

img.middle {
	vertical-align: middle;
}

fieldset {
margin-bottom:20px;
border-radius:3px;
border:solid 1px #ccc;
background:#fbfbfb;
box-shadow:1px 1px 3px #efefef;
}

legend {
border:solid 1px #ccc;
background:white;
border-radius:3px;
padding:7px 20px;
font-size:1.1em;
font-weight: 400;
box-shadow:1px 1px 3px #efefef;
}

caption {
	text-align: left;
}

hr {
	background:#777;
	border:0px;
	border-bottom:solid 1px #777;
}

.informuj,.alarmuj,.ostrzez {
	display:table;
	width:100%;
	min-height:58px;
	margin:5px auto;
	color:white;
}

.informuj img,.alarmuj img,.ostrzez img {
	display:table-cell;
	margin:5px;
	max-width:48px !important;
}

.informuj div,.alarmuj div,.ostrzez div {
	display:table-cell;
	width:100%;
	vertical-align: middle;
	padding:5px 5px 5px 0px;
	height:100%;
	text-align:left;
}

.alarmuj {
background: #ff1a00;
}

.ostrzez {
background: #eda602;
}

.informuj {
background: #83b700;
}

.informuj a,.alarmuj a,.ostrzez a {
	font-weight:normal;
	text-decoration: none;
	border-bottom:dotted 1px #efefef;
	color:white;
}

.informuj img,.alarmuj img,.ostrzez img {
	float:left;
	vertical-align: text-top;
	}

.orangeBG {
	color:white;
	background: #f57900;
	border:0px;
}

.greenBG {
	color:white;
	background: #71bc00;
	border:0px;
}

.greenBG:hover, .orangeBG:hover, .button:hover, .notes-button:hover {
	animation: opacity 0.5s ease-in-out 1;
    opacity: 1;
}

.greenBG:disabled, .orangeBG:disabled {
	color:gray;
	background:#efefef;
}

.redBG {
	color:white;
	border:solid 1px white;
	box-shadow:1px 1px 0px #aaa;
	background: #ff1a00;
	background: linear-gradient(to bottom,  #ff1a00 0%,#ff1a00 100%);
}

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

  50% {
    opacity: 0.5
  }

  100% {
    opacity: 1;
  }
}

.accordion h3 {
	display:block;
	border-radius:2px;
	border:solid 1px gray;
	background: #efefef;
	padding:7px;
	cursor:pointer;
	font-size:1.2em;
	font-weight:normal;
}

#superior_div {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	max-width:1400px;
	margin:0px auto;
	background:white;
  border-left:solid 1px #bbb;
  border-right:solid 1px #bbb;
  box-shadow:0px 0px 15px #ddd;
}

/* Menu start */
#menu_div {
font-family: 'Roboto Condensed', sans-serif;
}

#menu_div .iconspan {
	position:absolute;
	left:7px;
	top:10px;
	display:block;
	text-align:center;
	height:40px;
	width:40px;
	border-radius:50%;
	border:solid 1px gray;
	overflow:hiden;
	opacity:0.4;
		background:white;
}

#menu_div .level0 li:hover .iconspan{
	box-shadow: 0px 0px 7px #aaa;

}

#menu_div .iconspan img {
	max-height:80%;
}

#menu_div a {
	font-weight: 300;
	color: #444;
	display: block;
}

#menu_div a:hover {
	text-decoration: none;
}

#menu_div ul, #menu-mobile-submenu ul {
list-style:none;
padding:0px;
margin:0px;
clear:both;
}


#menu_div .level0 li {
 display:block;
 float:left; 
 width: calc(100% / 5 - 10px);
 height:60px;
 text-align:center;
 line-height:55px;
 font-size:1.2em;
 position:relative;
 cursor: pointer;
 margin:5px;
 border-left:solid 8px #efefef;
 border-bottom:solid 1px #cdcdcd;
 background:#fbfbfb;
}



#menu_div .level0 li:hover .level1 {
display:block;
position:absolute;
left:-8px;
top:0px;
margin-top:58px; 
z-index:9999;
min-width:275px;
}

#menu_div .level1 {
display:none;
border-top:0px;
border-right:solid 1px #cdcdcd;
}

#menu_div .level1 li {
background:white;
display:block;
padding:0px;
margin:0px;
float:none;
height:auto;
width:100%;
min-width:250px;
max-width:auto;
text-align: left;

}

#menu_div .level1 a {
padding:13px 10px;
font-size:0.75em;
 line-height:normal;
}

#menu_div .level1 a:hover {
background: #fafafa;
}

#menu_div .level1 li:hover {

}

/* Menu end */
#top_bar_div {
font-family: 'Roboto Condensed', sans-serif;
margin-bottom:5px;

height:58px;
padding:5px;
}

#top_bar_div img {
	cursor:pointer;
	vertical-align:middle;
}

#company_info_div {
	float:right;
	color:gray;
	white-space:nowrap;
	overflow:hidden;
	text-align:right;
	margin-top:5px;
	font-weight: 400;
}

#company_info_div span {
	font-weight: 300;
}

.top-menu-section {
	display:inline;
	position:relative;
}

.top-menu-section ul img {
	width:36px;
	height:36px;
}

.top-menu-section:hover ul {
	display:block;
}

.top-menu-section ul {
	display:none;
	padding:0px;
	margin:0px;	
	list-style:none;
	position:absolute;
	left:-55px;
	top:34px;
	background:white;
	box-shadow:1px 1px 3px #aaa;
	z-index:999;
	min-width:300px;
	border-radius:0px 0px 3px 3px;
}

.top-menu-section a {
	display:block;
	padding:12px;
	border-bottom:dotted 1px #aaa;
	font-weight:normal;
}

#main_div {
	min-width:100%;
}

#boxes {
	
}

#bottom_div {
	text-align: center;
	font-size: 0.8em;
	margin-top: 20px;
	color: gray;
}

.round-shadow-box {
	border:solid 1px gray;
	box-shadow:1px 1px 3px #aaa;
	border-radius:3px;
	background:white;
	padding:5px;
}

.bigbox {
	background: white;
	position: relative;
}

.bigbox .con {
	padding:0px 10px 10px 10px;
	text-align: justify;
}

.box {
	float:left;
	margin-bottom: 7px;
	margin-left:5px;
	margin-top:5px;
	position:relative;
	height:65px;
	color:white;
	cursor:pointer;
	box-shadow:1px 1px 3px #aaa;
	width:320px;
}

.box .raquo {
	float:right;
	height:60px;
	width:34px;
	background:url(img/raquo.png) no-repeat;
}

.box .icon {
	float:left;
	overflow:hidden;
	margin:0px 5px;
	height:60px;
}

.box a, .box a:hover {
	color:white;
}

.box .top .ico {
	float: right;
	margin-top: 8px;
	margin-right: 10px;
}

.box .top .ico img {
	cursor: pointer;
}

.box .top {
	font-size: 0.9em;
	margin-top:5px;
}

.box .con {
	font-size: 0.68em;
	padding-bottom:5px;
}

.box .con span li {
	margin-left: 20px;
}

.separator {
	border-right:dotted 1px #aaa;
	margin: 0px 5px;
}

.extra-panel {
	display:inline;
	z-index:99;
}

.extra-content {
	background:white;
	box-shadow:0px 0px 15px #ddd;
	border:solid 1px #ddd;
	border-radius:3px;
	padding:10px;
	display:none;
	min-width:320px;
	width:100%;
	max-width:600px;
	text-align:left;
	position:absolute;
	font-weight:300;
}

h1 .extra-content {
	font-weight: 300;
	font-size: 13pt;
}

.rotate90cw {
display:inline-block;
-o-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
font-size:1.1em;
}

.extra-panel .extra-trigger {
	cursor:pointer;
}

.printonly {
	display: none;
}

.porcjowanie {
	text-align: center;
}
.porcjowanie_duzy,.porcjowanie_maly {
	border-bottom: solid 1px #ccc;
	padding: 10px;
	line-height:40px;
	background:#fcfcfc;
}

.porcjowanie_duzy {
	background: #efefef;
	color: #555;
}


.clear {
	clear: both;
}

.bigred {
	font-size: 18px;
	color: red;
	font-weight: 400;
}

.orange-border {
	border:solid 2px orange;
}

.skrzynka,.skrzynka2 {
	margin: auto;
	border-collapse: collapse;
	background: white;
	box-shadow:1px 1px 3px #aaa;
	min-width:50%;
}

.skrzynka tr:hover {
	background: #fafafa;
}

.skrzynka td:hover {
	background: #f4f4f4;
}



.noHover tr:hover, 
.noHover td:hover {
background:none;
}

.skrzynka {
	width:100%;
}

.skrzynka td,.skrzynka2 td {
	border: solid 1px #aaa;
	padding: 4px;
	text-align:left;
}

.skrzynka th {
	border: solid 1px #aaa;
	background: #eeeeee;
	padding: 4px;
	text-align: center;
	font-weight:normal;
	font-size:1.1em;
}

.skrzynka th a {
	color: black;
	text-decoration: underline;
}

.skrzynka td.center {
	text-align: center;
}

.skrzynka td.right {
	text-align: right;
}

.nowrap {
	white-space:nowrap;
}

.mala, .small {
	font-size: 0.9em;
}

.bigger {
	font-size:1.2em;
}

#ajax-window-overlay {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0.75);
	display: none;
	z-index: 100;
}

#ajax-window { 
	margin: auto;
	width:100%;
	max-width:1000px;
	border:solid 1px #ccc;
	border-radius:2px;
	box-shadow:0px 0px 20px #ccc;
	background:white;
	position:relative;
	overflow: auto;
}

#ajax-window-close-img {
	position:absolute;
	right:5px;
	top:3px;
	padding:10px;
	cursor:pointer;
}

#ajax-window-title {
	background:#f5f5f5;
	color:#555;
	font-size:1.1em;
	text-shadow:1px 1px 0px #efefef;
	padding:12px;
	border-radius:3px 3px 0px 0px;
	border-bottom:solid 1px #eaeaea;
}

#ajax-window-content {
	padding:10px;
	position:relative;
	margin: auto;
}

#session-info-span {
	cursor:pointer;
}

#session-info-span:hover {
	background:#FC8D33;
	color:white;
	border-radius:3px;
	padding:2px;
}

#end-of-session-bg {
	position: absolute;
	z-index: 1000000;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	display: none;
	top: 0px;
	left: 0px;
}

#end-of-session {
	display:none;
	position:absolute;
	text-align:center;
	border:solid 1px orange;
	border-width:1px 0px 1px 0px;
	background:white;
	min-width:280px;
	width:100%;
	padding:90px 5px;
	box-shadow:1px 0px 3px #aaa;
	font-size:1.3em;
	z-index:1000001;
}

#end-of-session input {
	width:275px;
	text-align:center;
	padding:10px;
	margin-top:15px;
	cursor:pointer;
	font-size:0.75em;
}

.blur {
	filter:blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
}

#login-form {
	margin:auto;
	padding:10px 5px;
	background: #fefefe;
	width:95%;
	max-width:1000px;
	border:solid 1px #dedede;
}

#login-form table {
	margin:auto;
}

#login-form input {
	padding:12px 15px;
	width:80%;
	max-width:300px;
	margin-top:5px;
}

#login-form input[type=submit] {
	font-size:1.1em;

	}

#login-form a {
	display:inline-block;
	font-weight: normal;
	color:black;
	padding:10px;
}

#login-form > img {
	width:80%;
	max-width:360px;
	margin-top:20px;
}

#news-form {
		width:100%;
	max-width:1000px;
	margin:auto;
}


.nieprzeczytane {
	border: solid 1px green;
	width: 100%;
	padding: 5px;
	background: #99FF66;
	margin-bottom: 15px;
}

.log_log {
	border: solid 1px gray;
	border-radius:1px;
	padding:8px;
	margin: 2px auto;
	max-width: 700px;
	line-height:1.6em;
}

.nazwa_skrzynki {
	font-size: 24px;
	display: block;
	float: left;
	padding-top: 8px;
}

.miniinput {
	font-size: 11px;
}

.raportNaglowek {
	display: block;
	text-align: center;
	font-size: 22px;
	margin: 10px;
}

.center {
	text-align: center;
}

.right, th.right {
	text-align:right;
}

.raportSuma,.wiekszy {
	font-size: 20px;
}

.cal,.pointer {
	cursor: pointer;
}

.mniejsza {
	font-size: 0.8em;
}

.noborder td {
	border: 0px;
	padding: 0px;
}

.ustawienia_box {
	padding: 5px;
	border: solid 1px #bbbbbb;
	margin: 5px;
}

.ustawienia_box .wiekszy {
font-size:14px;
}

.do_zaplaty {
	font-weight: 400;
	font-size: 20px;
}

.do_zaplaty span {
	font-size: 24px;
}

.ajax_list {
	padding: 8px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 5px;
	cursor:pointer;
}

.ajax_list:hover {
	background: #efefef;
}

.krok {
	font-size: 18px;
}

.krok span {
	font-weight: 400;
	font-size:1.2em;
}

.cw {
	padding:10px 2%;
	width: calc(100% - 20px);
	margin: 25px auto;
	font-size: 14px;
	background: white;
	border-radius:3px;

	box-shadow:0px 0px 15px #eee;
	color:gray;
}

.cw .odpowiedz {
	font-size: 14px;
}

.cw .pytanie {
	font-size: 18px;
	margin: 10px 0px;
}

.cw span {
	display: block;
	text-align: right;
	font-size: 11px;
}

.buttonIkona {
	padding-left: 25px;
	cursor: pointer;
	
}

.buttonIkona:hover {
	text-decoration: none;
	background-color:#efefef;
}

.BIPrzeczytane {
	background: url(img/email_open.png) no-repeat;
	background-position: 3px 3px;
}

.BINPrzeczytane {
	background: url(img/email.png) no-repeat;
	
}

.BIWykasuj {
	background: url(img/cross.png) no-repeat;
	background-position: 6px 10px;
}

.BIKoperta {
	background: url(img/koperta.png) no-repeat;
	background-position: 6px 10px;
}

.BISave {
	background: url(img/save.png) no-repeat;
	background-position: 6px 10px;
}

.BILeft {
	background: url(img/arrow_left.png) no-repeat;
	background-position: 6px 10px;
}

.BIPrint {
	background: url(img/print.png) no-repeat;
	background-position: 6px 10px;
}

.BISzablon {
	background: url(img/folder.png) no-repeat;
	background-position: 6px 10px;
}

.BISchowek {
	background: url(img/schowek.png) no-repeat;
	background-position: 6px 10px;
}

.BIWaluta {
	background: url(img/waluta.png) no-repeat;
	background-position: 6px 10px;
}

.BIEdytuj {
	background: url(img/edit.png) no-repeat;
	background-position: 6px 10px;
}

.BILock {
	background: url(img/lock.png) no-repeat;
	background-position: 6px 10px;
}

.BIOK {
	background: url(img/ok.png) no-repeat;
	background-position: 6px 10px;
}

.BINew {
	background: url(img/add.png) no-repeat;
	background-position: 6px 10px;
}

.BIUwaga
{
	background: url(img/comment.png) no-repeat;
	background-position: 6px 10px;
	}
	
.BIAtt
{
	background: url(img/attach_2.png) no-repeat;
	background-position: 6px 10px;
	}


.bold {
	font-weight: 400;
	font-size: 0.9em;
}

.pytanieA {
	border: solid 1px #efefef;
	margin-top: 10px;
	padding: 4px;
}

.pomoc-lista-watkow {

}

.pomoc-lista-watkow a {
	font-weight: normal;
}

.pomoc-lista-watkow a.unread {
	font-weight: 700;
	font-size:1.15em;
	color:black;
}

.pomoc-lista-watkow td, .pomoc-lista-watkow th {
	padding:8px;
} 

.pomoc-watek {
	width:96%;
	max-width:1000px;
	margin:auto;
}

.watek_wpis {
	padding:15px;
	border-bottom:solid 1px gray;
	background:#fbfbfb;
	min-height:50px;
	margin-bottom:20px;
}
.watek_klient, .watek_br, .watek_system {
	padding:5px;
	border-left:solid 6px gray;
	display:inline-block;
}

.watek_klient {
	border-color:#64aa4e;
}

.watek_br {
	border-color:orange;
}

.watek_system {
	border-color:black;
}

.watek_header {
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}

.watek_section {
	float:right;
	font-size:1.1em;
	margin-bottom:5px;
	font-weight:400;
}

.watek_szkic {
	background: #e2ffe4 !important;
}

.watek_date {
	float:right;
	clear:right;
	font-size: 0.8em;
}

.watek_content {
	clear:both;
	padding:5px;
}

#helpdesk {
		width:96%;
	max-width:1000px;
	margin:auto;
}

#helpdesk-advanced {
	display:none;
	border:solid 1px #efefef;
	width:100%;
	padding:10px;
	line-height: normal;
	margin:10px 0px;
}

#helpdesk-advanced fieldset {
	float:left;
	margin:5px;
}

#helpdesk-advanced label {
	display:inline-block;
	padding:4px;
	cursor:pointer;
}

.helpdesk-applied-param {
	display:inline-block;
	padding:2px 10px;
	background:#fbfbfb;
	border:solid 1px #e3e3e3;
	border-radius:2px;
	margin:5px;
}

#helpdesk-nav {
	clear:both;
	line-height:40px;
	margin-bottom:10px;
}

.helpdesk-thread {
	padding:15px;
	border-bottom:solid 1px gray;
	background:#fbfbfb;
	margin-bottom:20px;
}

.helpdesk-thread .unread {
	font-weight:400;
	border-bottom:dotted 1px black
}

.helpdesk-th-title {
	max-width:650px;
	float:left;
	cursor:pointer;
}

.helpdesk-th-title a {
	font-size:1.3em;
	color:#333;
	font-weight:300;
}

.helpdesk-th-flags {
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
}

.helpdesk-th-extra {
	float:right;
	width:300px;
	border-left:solid 1px #ccc;
	padding-left:20px;
}

.red {
	background:red;
	padding:4px;
	color:white;
}

.red-border {
	border:solid 2px red;
}

.red a {
	color:white;
}

.grayfont {
	color:gray;
}

.green {
	background:#D6FFAD;
	padding:2px;
}

.gray {
	color:gray;
}

.alarm {
padding:5px;
border:solid 1px gray;
margin-bottom:10px;
}

.gwiazdka {
color:red;
font-size:24px;
}

.panelUwag {
display:inline;
position:relative;
text-align:left;
}

.panelUwag .panelUwagDiv {
	display:none;
	position:absolute;
	background:white;
	padding:5px;
	border:solid 1px #aaaaaa;
	border-radius:3px;
	box-shadow:1px 1px 3px #aaaaaa;
	z-index:500;
}

.watki_label {
margin-right:10px;
}

.o_zakladki {
	margin-bottom:15px;
	margin-top:15px;
}

.o_zakladka {
	border:solid 1px #ccc;
	border-bottom:0px;
	float:left;
	padding:9px;
	cursor:pointer;
	display:block;
	text-decoration:none;
	color:#333;
	text-shadow:1px 1px 0px white;
	font-weight:300;
	background: #fefefe;
	background: #fafafa;
	margin-right:1px;
	text-align:center;
	position:relative;
}

.o_zakladka:hover, .o_wyb {
background:white;
color: #de6c00;
text-decoration:none;
}

.o_show {
	display:block;
}

.o_content {
	display:none;
}

.postivo_wyb {
	background:#a3d6e9;
}
.postivo_fax {
	display:none;
	margin-left:15px;
	padding:7px;
	background:#a3d6e9;
}
.opis_pkd {
	padding:4px;
	margin-bottom:10px;
}
.przewodnik_dzial {
	font-size:1.1em;
	font-weight:normal;
	margin:0px 20px;
}

.przewodnik_wpis {
	line-height:1.5em; 
	width:100%; 
	max-width:1000px; 
	margin:auto;
}

.przewodnik_wpis .title {
	font-weight:bold;
	font-size:1.1em;
}

.przewodnik_ostatnie ul, .przewodnik_ostatnie ul li {
margin-left:25px;
margin-top:0px;
padding:0px;
}

.przewodnik_ostatnie a {
	font-weight:normal;
	color:gray;
	font-size:0.9em;
}

.przewodnik_dzial span {
	font-size:0.9em;
	color:gray;
}

/* kalendarz - start */
#kalendarz {
	position: relative;
}

.kalendarz_box {
border-collapse:collapse;
width:100%;
}

.kalendarz_box th, .kalendarz_box td {
border:solid 1px #bcbcbc;
padding:6px;
text-align:center;
}

.kalendarz_box td:hover {
	cursor:pointer;
	background:#efefef;
}

.kalendarz_box th {
background:#efefef;
}

#kalendarz_overlay {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(img/kropek.png);
}

#kalendarz_top {
	background:#757575;
	color:white;
	font-weight:bold;
	position:relative;
	padding:10px;
}

#kalendarz_message {
	padding:5px;
	margin:10px 0px;
}

#kalendarz_message span {
	display:inline-block;
	width:1.4em;
	height:1.4em;
	border:solid 1px white;
	box-shadow:1px 1px 2px #aaa;
	vertical-align: middle;
}

.kalendarz-event {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px gray; 
}

.kalendarz-event img {
	float:right;
	margin:3px;
	padding:8px;
}

#kalendarz_inner {
	margin:auto;
	width:98%;
	max-width:900px;
	background:white;
	border:solid 1px gray;
	border-radius:3px;
	box-shadow:1px 1px 3px #aaa;
	margin-top:30px;
	padding:8px;
	position:relative;
}

#kalendarz-close-img {
	position:absolute; right:6px; top:0px; cursor:pointer; padding:10px;
}

#kalendarz-nav {
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	line-height:35px;
}

#kalendarz-nav a, #kalendarz-nav select {
	padding:5px 15px;
	border:solid 1px #aaa;
	border-radius:3px;
}

.kalendarz-zdarzenie {
padding:5px;
font-size:1em;
}

/* kalendarz - end */


.news-item {
	border-bottom: dotted 1px #bbbbbb;
	padding: 15px 0px;
	margin:0px;
	color:#888;
}

.news-title {
	font-size:1.1em;
	margin-bottom:5px;
	font-weight:400;
}

.news-item  a {
	font-weight:400;
}

.context {
	cursor:pointer;
	color:blue;
}

.context-span {
	display:none; 
	position:absolute;
	border:solid 1px gray;
	padding:5px;
	background:white;
	cursor:pointer;
	width:300px;
	font-size:12px;
	box-shadow:1px 1px 3px #aaaaaa;
	border-radius:3px;
	text-align:left;
	font-weight:normal;
}

.context-content {
	display:block; 
	font-weight:bold; 
	font-size:12px; 
	margin-bottom:8px;
}

.ramyczasowe {float:left;}
.ramyczasowe input, .ramyczasowe select {
	font-size:14px;
	padding:5px 8px;
	color:#222;
}
 .ramyczasowe option {
 font-size:14px;
 }

.ramyczasowe p {
	border-top:dotted 1px gray;
	margin:0px;
	padding:0px;
	margin-top:5px;
	padding-top:5px;
}
#calculator_form {
	display:none; position:absolute; left:0px; top:0px; width:320px;
}
#calculator_form td {
	border:0px;
	padding:1px;
}
#calculator_form tr:hover {
background:white;
}

#logo-container { 
	position:relative;
	margin:3px;
	float:left;
	border:dotted 1px white;
	padding:5px;
}

#logo-container:hover{
	border:dotted 1px gray;
}

#logo-no-file {
	color:gray;
	font-size:24px;
	text-align:center;
	padding:30px 5px;
	background:#efefef;
	border:solid 1px #aaa;
	border-radius:5px;
	cursor:pointer;
}

#logo-container img {
cursor:pointer;
}

#logo-container-dimms {
	position:absolute;
	top:5px;
	right:5px;
	border:solid 1px gray; background:#efefef;
	border-radius:4px;
	padding:3px;
	font-size:10px;
	opacity:0.8;
	display:none;
	z-index:10;
}

.logo-list {
	margin:5px;
	padding:10px;
	float:left;
border:solid 1px #efefef;
border-radius:4px;
position:relative;
min-width:100px;
}

.logo-list:hover {
background:#efefef;
border:solid 1px gray;
}

.logo-list-img {
	height:100px;
	cursor:pointer;
}

.logo-list-options {
	position:absolute;
	right:0px;
	top:0px;
}

#invoice-type-selector-div {
	background:#fbfbfb;
	padding:5px;
	border:solid 1px #ccc;
	margin:5px 0px;
	font-size:14pt;
}

#invoice-type-selector {
	max-width:280px;
}

table.right {
	width:auto;
	float:right;
}

.ui-autocomplete {
	background:white;
	padding:5px;
	border:solid 1px gray;
	position:absolute;
	border-radius:0px 0px 4px 4px;
	box-shadow:1px 1px 3px #aaa;
}

ul.ui-autocomplete {
	list-style-type:none;
	margin:0px;
	padding:0px;
	max-height: 400px;
	overflow-x: hidden;
}

li.ui-menu-item {
	display:block;
	padding:7px 6px;
	color:#333;
	cursor:pointer;	
	font-size:0.9em;
}

li.ui-menu-item:hover {
	background:#dedede;
	text-decoration: none;
}

.ui-tooltip { 
	padding:9px; 
	position:absolute; 
	z-index:9999; 
	border-radius:2px;
	box-shadow:1px 1px 3px #aaa;
	background: white;
	}
	
.ui-helper-hidden-accessible {
    display: none;
}	

.label-pl {
	font-size:.7em;
	color:#222;
}

#pkdWyniki {
	margin-top:10px;
	margin-left:10px;
}

#pkdWyniki div {
	display:list-item;
	margin-left:20px;
	padding:5px;
}

.raport-type-label {
	padding:1px 6px;
	border:solid 1px #aaa;
	border-radius:4px;
}

.kinfo {
	font-size:9pt;
	color:#222;
}

.switcher {
	text-align:center;
}

.switcher label:hover {
	background: white;
	color:black;
}

.switcher label {
	display: inline-block;
	padding:20px 10px;
	border:solid 1px #fc8d33;
	width:100%;
	max-width:280px;
	text-align: center;
	margin:2px;
	cursor:pointer;
	font-size: 1.2em;
	border-radius:4px;
}

.switcher .checked {
	background: #f57900;
	color:white;
}

.red-count {
	display:inline-block;
	background:red;
	border-radius:50%;
	font-weight: bold;
	text-shadow:none;
	padding:4px;
	color:white;
	text-align:center;
	min-width:20px;
	line-height:20px;
}

.o_zakladka .red-count {
	font-size:0.8em;
	min-width:15px;
	line-height:15px;	
	vertical-align:top;
}

.notes-unread {
	font-weight: 400;
	text-decoration: underline;
}

.notes-panel {
	position:relative;

}

.notes-panel textarea {
	width:100%;
	margin-bottom:10px;
}

.notes-wrapper {
	z-index:900;
	display:none;
	position:absolute;
	border:solid 1px #bfbfbf;
	border-radius:2px;
	width:100%;
	width:500px;
	max-height:600px;
	overflow-y: auto;
	background: #fefefe;
	padding:8px;
	text-align: left;
	box-shadow:0px 0px 15px #ddd;
}

.notes-button {
	border:solid 1px #bfbfbf;
	border-radius:1px;
	cursor:pointer;
	padding:10px;
	background: #f3f3f3;
	font-size: 10pt;
	width:190px;
	text-align:center;
	margin:auto;
}

.notes-content {

}

.notes-close {
	float:right;
}

.notes-add {
	float:left;
}

#podstawa_zwolnienia {
	display:none;
}

.profile-section {
	width:95%;
	max-width:1000px;
	margin:2px auto;
	border:solid 1px #dedede;
	padding:10px;
	border-radius:6px; 
}

.profile-section input, 
.profile-section submit, 
.profile-section select, 
.profile-section textarea {
	padding:9px;
	width:250px;
}

.profile-flabel {
	font-size:0.9em;
	margin-left:5px;
	color:gray;
}

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

.urzadskarbowy {
	cursor:pointer;
}

.nreport {
	margin:auto;
	width:100%;
	max-width:1000px;
	border:solid 1px #efefef;
	border-top:0px;
	padding:30px;
	display:none;
}

.nreport fieldset {
	font-size:0.9em;
	margin-top:20px;
}

.nreport fieldset:first-of-type {
	margin-top:40px;
}

.nreport-header {
	position:relative;
	width:100%;
	height:85px;
	
	max-width:1000px;
	margin:auto;
	margin-top:10px;
	border-bottom: solid 1px gray;
	background:#fbfbfb;
	cursor:pointer;
	clear:both;
}

.nreport-header:hover {
	background:#f3f3f3;
}

.nreport-color {
	width:10px;
	height:100%;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

.nreport-title {
	position:absolute;
	top:10px;
	left:20px;
	font-size:1.2em;
}

.nreport-generated {
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:1.1em;
}

.nreport-partner {
	position:absolute;
	top:10px;
	right:10px;
	font-size:1.1em;
}

.nreport-period {
	font-size:1.2em;
	font-weight:400;
	position:absolute;
	bottom:10px;
	left:20px;
}

.nreport-unread {
	box-shadow:0px 0px 8px #ccc;
}

.nreport-status {
	font-weight:300;
	font-size:0.8em;
	background:white;
	padding:3px 10px;
	border:solid 1px #efefef;
	border-radius:4px;
	text-align:center;
	display:inline-block;
	width:120px;
}

.report-section {
	padding:5px;
	margin:10px auto;
	border-bottom:solid 1px #efefef;
}

.report-section:hover {
	background-color:#efefef;
}

.report-label {
	float:left;
	margin-right:5px;
}

.report-value {
	float:right;
	font-weight:700;
	font-size:1.2em;
	margin-left:5px;
}

.report-subsection {
    margin-top:15px;
}

.report-period {
    text-align:center;
    font-size:0.9em;
}

.home-panel {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-content:stretch;
	align-items:stretch; 
	justify-content:center;
}

.home-panel .home-section { 
	/* jeżeli jeden w drugim */
	max-width:700px;
}

.home-section {
	flex-grow:1;
	min-width:320px;
	margin:10px;
	box-shadow:0px 0px 15px #eee;
	border-radius:4px;
	padding:20px;
}

.gray-linetrough, .gray-linetrough * {
	text-decoration: line-through !important; color:#ccc;
}

#scansLeftArrow, #scansRightArrow {
	cursor:pointer;
	opacity:0.5;
	position:absolute;
	top:40vh;
	left:-100px;
	z-index:105;
}

#scansRightArrow {
	left:auto;
	right:-100px;
}

#scansBrowseProgress {
	position:fixed;
	bottom:0px;
	left:0px;
	height:5px;
	background:orange;
	
}

#scan-list {
	width:100%;
	max-width:1000px;
	margin:auto;
}

.scans-list-item {
	padding:15px;
	border-bottom:solid 1px gray;
	background:#fbfbfb;
	margin-bottom:20px;
	position: relative;
}

.scan-list-title {
	float:left;
	cursor:pointer;
	width:calc(100% - 100px);
}

.scan-list-original {
	font-size: 1.3em;
	display:block;
	margin-left:30px;
}

.scan-list-system {
	font-size: 0.9em;
	display:block;
	margin-left:30px;
	margin-top:5px;
}

.scan-list-tools {
	font-size:0.9em;
	text-align: right;
	float:right;
	border-left:solid 1px #aaa;
	width:90px;
	height:100%;
}

.scan-list-check {
	position: absolute;
	top:43px;
	left:10px;
}

.scan-list-ds  {
	float:right;
	display:block;
	text-align:right;
	line-height: 1.5em;
}

.scan-list-note {
	margin-left:30px;
	margin-top:10px;
	display:block;
	max-width:190px;
}

.scan-list-options {

}

.scan-list-duplicate, .scan-list-potduplicate {
	color:red;
	display:inline-block;
	border:solid 1px red;
	padding:5px;
	font-size:10pt;
	margin:5px 0px;
	background:white;
}

.scan-list-potduplicate {
	color:#f57900;
	border-color:#f57900;
}

#scanThumbPreview {
	width:194px;
	height:274px;
	border:solid 1px #ddd;
	box-shadow:0px 0px 20px #ddd;
	border-radius:2px;
	background:white;
	padding:7px;
	overflow:hidden;
}

#allPageDropzone {
	background:white;
	box-shadow:0px 0px 15px #ddd;
	border-radius:0px 3px 3px 0px;
	position:fixed;
	left:0px;
	bottom:50px;
	width:450px;
	max-height:calc(100% - 100px);
	padding:10px;
	margin-left:-470px;
}

#allPageDropzone #upload-for-div { 
	max-height:600px;
	overflow-y:auto; 
}

#allPageDropzoneHeader {
	text-align:right;
}

#allPageDropzoneHeader img {
	cursor:pointer;
	padding:5px;
}

.company-selector, .company-selector option {
	font-size:10pt;
	padding:4px;
	border:solid 1px #dedede;
	border-radius:2px;
}

.multiSelector-content {
	margin-top:10px;
}

.multiSelector-item {
	display:block;
	margin-bottom:10px;
	padding:3px;
}

.multiSelector-selected {
	font-weight: bold;
}

.multiSelector-trigger {
	display:inline-block;
} 

.multiSelector-expander {

}