body {
    font-family: Verdana, Sans-serif, Arial;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.0em; /* odleglosc miedzy wierszami em - wysokosc czcionki */
    color: #000000;
    background: #dddddd;
    margin: 0px 5px 55px 5px;
    padding: 10px 0px 0px 0px; /* odleglosc wokol obiektow */
    text-align: left;
    height: auto;
}

/*.tooltip { //Tooltip z jquery
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
	z-index: 999;
}*/

A:link {
    color: #000000;
}

A:visited {
    color: #000000;
}

A:hover {
    background: #000000;
    color: #FFFFFF;
    text-decoration: none;
}

table {
    border: 2px solid #000000;
    padding: 0px;
    border-collapse: collapse;
    background-color: #eeeeee;
    font-size: 11px;
}

#content table.backgrid td:not(:last-child),
#content table.backgrid th:not(:last-child) {
  white-space: break-spaces !important;
}

table.backgrid td,
table td {
    border: 1px solid #000000;
    padding: 5px 5px 5px 5px;
}

table.backgrid thead th,
table.backgrid thead th button,
table th {
    border: 1px solid #000000;
    background-color: #999999;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}
table.backgrid thead th {
    vertical-align: middle;
}

table.backgrid thead th button {
    border: 0;
    padding: 0;
    font-size: 11px;
}

table th a:visited {
    color: #ffffff;
}

table th a:link {
    color: #ffffff;
}

H1 {
    font-size: 14px;
    padding: 0px 0px 10px 0px;
    line-height: 1.5em;
}

H2 {
    font-size: 14px;
    padding: 10px 0px 10px 0px;
    color: #ffffff;
    font-weight: bold;
}

H3 {
    font-size: 26px;
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    margin-left: 5px;
}

p {
    text-indent: 20px;
}

.barCode {
	text-align: center;
    width: 100%;
}

.barCode * {
    text-indent: 0px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    padding: 0px;
}

.barCode li {
    display: inline;
    padding: 0px 0px 0px 0px;
}

.barCode input {
    width: 200px;
}

.botton a {
    display: inline-block;
    color: #cccccc;
    background-color: #aaaaaa;
    padding: 5px;
    margin: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
}

.bottona a {
    display: inline-block;
    color: #000000;
    background-color: #00aaff;
    padding: 5px;
    margin: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
}

.ikona {
    width: 16px;
    height: 16px;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
}

.ikona_s {
    width: 16px;
    height: 16px;
    padding: 1px 5px 0px 5px;
    background-image: url("../img/zapisz.png");
    border: solid none;
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.ikona_sp {
    width: 16px;
    height: 16px;
    padding: 1px 5px 0px 5px;
    background-image: url("../img/powrot.png");
    border: solid none;
    text-indent: -1000em;
    cursor: pointer;
    border: none;
}

.ikona_d {
    width: 16px;
    height: 16px;
    padding: 1px 5px 0px 5px;
    background-image: url("../img/dodaj.png");
    border: solid none;
    text-indent: -1000em;
    cursor: pointer;
    border: none;
    background-repeat: no-repeat;
    background-position: 6px 3px;
}

.button_s {
    width: 130px;
    height: 100px;
    padding: 1px 5px 0px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url("../img/skrzynka_1.jpg");
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

.button_s:hover {
    background-image: url("../img/skrzynka_1h.png");
}

.button_1s {
    width: 130px;
    height: 100px;
    padding: 1px 5px 0px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url("../img/skrzynka_1.png");
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

.button_1s:hover {
    background-image: url("../img/skrzynka_1h.png");
}

.button_2s {
    width: 130px;
    height: 100px;
    padding: 1px 5px 0px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url("../img/skrzynka_2.png");
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

.button_2s:hover {
    background-image: url("../img/skrzynka_2h.png");
}

.button_3s {
    width: 130px;
    height: 100px;
    padding: 1px 5px 0px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url("../img/skrzynka_3.png");
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

.button_3s:hover {
    background-image: url("../img/skrzynka_3h.png");
}

.button_4s {
    width: 130px;
    height: 100px;
    padding: 1px 5px 0px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url("../img/skrzynka_4.png");
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

.button_4s:hover {
    background-image: url("../img/skrzynka_4h.png");
}

.button_5s {
    width: 130px;
    height: 100px;
    padding: 1px 5px 0px 5px;
    margin: 25px 0px 0px 0px;
    background-image: url("../img/skrzynka_5.png");
    border: none;
    text-indent: -1000em;
    cursor: pointer;
}

.button_5s:hover {
    background-image: url("../img/skrzynka_5h.png");
}

/* .ikonaform {float: right;}*/
.ikonaform {
    display: inline;
}

.bold {
    font-weight: bold;
}

.error {
    font-size: 14px;
    padding: 10px 10px 10px 0px;
    color: #ff0000;
    font-weight: bold;
    line-height: 1.4em
}

.pr_box {
    width: 130px;
    height: 80px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url("../img/box.png");
    border: solid none;
    cursor: pointer;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.pr_box:hover {
    background-image: url("../img/box_h.png");
    color: #005bd7;
}

.pr_box_a {
    width: 130px;
    height: 80px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url("../img/box_a.png");
    border: solid none;
    cursor: pointer;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
    float: left;
    color: #005bd7;
}

.ha_box {
    width: 100px;
    height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 10px 0px;
    background-image: url("../img/ha_box.png");
    border: solid none;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.9em;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.ha_box:hover {
    background-image: url("../img/ha_box_h.png");
    color: #005bd7;
}

.ha_box_a {
    width: 100px;
    height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 10px 0px;
    background-image: url("../img/ha_box_a.png");
    border: solid none;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.9em;
    text-align: center;
    vertical-align: middle;
    float: left;
    color: #005bd7;
}

.click {
    cursor: pointer;
}

.click:hover {
    text-decoration: underline;
    background-color: #000000;
    color: #ffffff;
}

.liczba {
    text-align: right;
}

.green_box {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #005bd7;
    background-color: #99cc66;
    border: solid;
    border-color: #005bd7;
    padding: 1px 5px 1px 5px;
    border-radius: 5px 5px 5px 5px;
}

input.krotki {
    width: 100px;
    padding: 2px;
}

input.maly {
    width: 100px;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
}

/*img.ikona {width: 16px; height: 16px; padding: 0px 5px 0px 5px; float: left;}*/
img.ikona {
    width: 16px;
    height: 16px;
    padding: 0px 3px 0px 3px;
}

img.ikona:hover {
    background-color: transparent;
}

.imglink {
    background-color: transparent;
    color: transparent !important;
}

.imglink:hover {
    background-color: transparent;
}

.trcolor {
    background-color: #ffcc99;
}

.zam_info {
    color: #005BD7;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.1em;
}

.arrowBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 353px 193px;
    margin: 0px 3px;
}

.arrowBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 353px 193px;
}

.editBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 303px 268px;
    margin: 0px 3px;
}

.editBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 303px 268px;
}

.mntBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 253px 43px;
    margin: 0px 3px;
}

.mntBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 253px 43px;
}

.backBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 428px 193px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
}

.backBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 428px 193px;
    border: none;
    cursor: pointer;
}

.detBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 102px 268px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
}

.detBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 102px 268px;
    border: none;
    cursor: pointer;
}

.edBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 303px 268px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
}

.edBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 303px 268px;
    border: none;
    cursor: pointer;
}

.delBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 278px 243px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.delBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 278px 243px;
    border: none;
    cursor: pointer;
}

.moveBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 353px 193px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
}

.moveBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 353px 193px;
    border: none;
    cursor: pointer;
}

.moveLeftBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 379px 193px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
}

.moveLeftBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 379px 193px;
    border: none;
    cursor: pointer;
}

.subzBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 278px 268px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
    text-indent: -1000em;
}

.subzBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 278px 268px;
    border: none;
    cursor: pointer;
    text-indent: -1000em;
}

.addBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 328px 243px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
}

.addBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 328px 243px;
    border: none;
    cursor: pointer;
}

.prtBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 53px 169px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.prtBt:hover {
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 53px 169px;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.sickBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 378px 18px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.sickBt:hover {
    background-color: #dddddd;
}

.addBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 328px 243px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.addBt:hover {
    background-color: #dddddd;
}

.saveBt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
    background-position: 278px 268px;
    margin: 0px 3px;
    border: none;
    cursor: pointer;
    vertical-align: top;
}

.addBt:hover {
    background-color: #dddddd;
}

#topmenu {
    position: fixed;
    width: 100%;
    /*height: 50px;*/
	max-height: 100%;
	overflow: scroll;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    background-color: #999999;
    z-index: 5;
}

/* For mobile first */
#mainMenu {
	display: none;
	/*overflow: hidden;*/
	position: relative;
	margin-top: 50px;
}

#hamburgerMenu {
	display: block;
	color: white;
	padding: 11px 16px;
	text-decoration: none;
	font-size: 30px;
	width: 30px;
	position: fixed;
	z-index: 6;

}

.menu { /* blok menu górnego*/
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	color: #4a4a4a;
	overflow: hidden;
	background-color: #999999;
}

.subMenuHide {
		display: none;
}

.menu li {
	list-style-type: none;
	padding: 5px 0px;
	font-size: 17px;
}

.menu li a {
	text-decoration: none;
	display: inline-block;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	font-weight: normal;
}

#content {
	position: relative;
    width: 100%;
    left: 0px;
    top: 50px;
    /*z-index: 3;*/
    padding: 0px 0px 0px 0px;
}

#ajax {
	padding-bottom: 60px;
	display: block;
}

.noteMore {
	background-color:#fafafa;
	display:none;
	border-top: 1px dotted grey;
	border-bottom: 1px dotted grey;
	line-height: 1.5em;
	padding-top: 5px;
}
.noteMore .table {
	display: table-cell;
	padding: 2px;
}
.noteMore .table > div {
	display: table-row;
}
.noteMore .table > div > div {
	display: table-cell;
	padding: 4px;
	border: 1px dotted grey;
}

.h1-title {
	width: 100%;
}

.h1-title h1 {
	margin: 0px;
}


#sysMsg {clear:both; font-size: 16px; font-weight: bold; display: none; position: absolute; top: 75px; left: 10px; background-color: #999999; padding: 10px; line-height:1.3em; background-color:#f2f2f2; border-radius:5px; border:2px solid #000; box-shadow:4px 4px 4px grey;}

/* -------------- panel logowania --------------- */
.logowanie {
	width: 100%;
	text-align: center;
	font-weight: bold;
    text-indent: 0px;
    font-family: Verdana, Sans-serif, Arial;}

.loginBox {
	width: 80%;
	margin: 20px auto 0px auto;}

.loginBox input {
	display: block;
	margin: 15px auto 0px auto;
	font-size: 18px;
	padding: 8px;
	border: 1px solid #bbb;
	border-radius: 5px;
	width: 80%;
	box-sizing: border-box;}

.logowanie p {
    text-indent: 0px;
	font-size: 14px;}

.logowanie p.errorMsg {
    color: #FF0000;}
/* -------------- panel logowania --------------- */

#zakresdat {
    position: fixed;
    width: 100%;
    height: 42px;
    right: 0px;
    top: 0px;
    padding: 8px 10px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #999999;
    text-align: right;
    color: #ffffff;
    line-height: 1.4em; /* odleglosc miedzy wierszami em - wysokosc czcionki */
    z-index: 5;
}

.scanerBox {
	display: none;
	position: fixed;
	width: 90%;
	height: 50%;
	left: 0;
	margin-left: auto;
	right: 0;
	margin-right: auto;
	top: 0;
	margin-top: auto;
	bottom: 0;
	margin-bottom: auto;
	z-index: 20;
	background-color: #fafafa;
}

.scanerInput {
	width: 95%;
	box-sizing: border-box;
	font-size: 18px;
	height: 95%;
	border: none;
	background-color: #fafafa;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}

.scanerInput:focus {
	outline: none;
}

.scanerClose{
	position: absolute;
	right: 5px;
	font-size: 36px;
	margin-bottom: 30px;
	top: 5px;
	cursor: pointer;
	border: 1px solid #000;
	height: 22px;
	width: 22px;
	padding: 4px;
	border-radius: 5px;
}

.scanerStatus{
	position: absolute;
	left: 2px;
	font-size: 24px;
	margin-bottom: 30px;
	top: 12px;
	font-weight: bold;
}

#scanerFade {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.70;
	z-index: 10;
}

#stopka {
    display: block;
    position: fixed;
    width: auto;
    height: 40px;
    bottom: 0px;
    right: 0px;
    padding: 5px 5px 5px 5px;
    background-color: #dddddd;
    z-index: 4;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    line-height: 1.5em; /* odleglosc miedzy wierszami em - wysokosc czcionki */
    letter-spacing: 0.1em; /* odleglosc miedzy literami em - wysokosc czcionki */
    text-align: right;
}

div.clndr {
	margin-top: -20px;
    background-color: #ffffff;
    position: absolute;
    cursor: default;
    display: none;
    border: 2px solid #6699ff;
    padding: 2px 2px 2px 2px;
	z-index: 2;
}

div.clndr table {
    width: 100%;
    margin: 1px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    /* color: #000000; */
    border-collapse: separate;
    /* border-collapse: collapse; */
    padding: 2px 2px 2px 2px;
}

div.clndr th {
    border: 0px solid #000000;
    font: bold 11px arial, sans-serif;
    text-align: center;
    padding: 1px 1px 4px 1px;
    color: #000000;
    background-color: #FFFFFF;
}

div.clndr td {
    border: 1px solid blue;
    cursor: pointer;
    text-align: center;
    font: normal 20px arial, sans-serif;
    padding: 5px;
}

div.clndr tr {
    border: 0px solid blue;
    cursor: pointer;
    background-color: #FFFFFF;
}

a.imglink:hover, A:link img, a:visited img, a:focus img, a:hover img, a:active img {
    border: none;
    background-color: none;
    background: none;
}

/* Okienko Pop Up Ajax'a */

/*--Przejrzysta warstwa tła--*/
#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .50;
    z-index: 10;
}

.popup_text {
    padding: 10px;
    min-width: 350px;
    min-height: 100px;
}

.popup_bar {
    width: 100%;
    height: 20px;
    background: #dddddd;
    padding: 0px;
    cursor: move;
}

.popup_block {
    display: none;
    background: #fff;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0px;
    border: 4px solid #ddd;
    float: left;
    position: absolute;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.popup_block p {
    width: 80%;
}

img.btn_close {
    float: right;
    margin: 0;
    cursor: pointer;
}

/*--Kod pozwalający na prawidłowe pozycjonowanie w  IE6--*/
* html #fade {
    position: absolute;
}

* html .popup_block {
    position: absolute;
}

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

#pracownicy {
    position: relative;
    left: 0px;
    top: 0px;
    width: 98%;
    margin: 5px 0px 5px 0px;
    background-color: #DDDDDD;
    padding: 0px 0px 0px 0px;
    float: left;
    clear: left;
}

#pracownicy p.naglowek {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 24px;
    margin: 30px 0px 15px 0px;
    padding: 0px 0px 10px 5px;
    float: left;
    clear: left;
    text-indent: 0px;
}

#pracownicy p.nagloweknl {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 24px;
    float: left;
    clear: both;
}

#skrzynki {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    background-color: #DDDDDD;
    padding: 0px 0px 0px 0px;
    float: left;
}

#skrzynki p.naglowek {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin: 30px 0px 5px 10px;
    padding: 0px 0px 10px 5px;
    text-indent: 0px;
}

#skrzynki select {
    font-family: Verdana, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
}

.red {
    font-family: Verdana, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #FF0000;
    background-color: #CCCCCC;
}

#skrzynki input {
    font-family: Verdana, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

#skrzynki table {
    border: 0px;
    padding: 0px;
    margin: 0px 0px 0px 15px;
    background-color: #DDDDDD;
}

#skrzynki table td {
    font-family: Verdana, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    border: 0px;
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

#skrzynki p.hr {
    border-top-style: solid;
    margin: 20px 5px 0px 5px;
    text-indent: 0px;
}

#skrzynki span.red {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #00CC33;
    background-color: #FF0000;
    border: solid;
    border-color: #00CC33;
    padding: 1px 5px 1px 5px;
}

.box {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 2px solid #323232;
    /* border-radius: 10px 10px 10px 10px;*/
    cursor: pointer;
    width: 310px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 5px;
    text-align: center;
    margin: 4px 0px;
}

.box:hover {
    color: #005BD7;
    border: 2px solid #005BD7;
    box-shadow: 5px 5px 3px #999999;
    /*box-shadow: 0 0 3px #005BD7 inset;*/
}

.disabled {
    border: 0px solid #888888;
    color: #000000;
    background: none repeat scroll 0 0 #EEEEEE;
}

.odd {

}

.even {
    background-color: #ccc;
}

.getHeaderOrder {
    display: inline-block;
    /*width: 150px;*/
    /*height: 75px;*/
    /*margin: 10px;*/
    /*border: 3px solid #73AD21;*/
}

tr.noBorder td {
    border: 0;
}

/* Styl tabeli przenoszenia pozycji do innego zamówienia */
#move-order-boxes th {
    text-align: left;
}

#move-order-boxes td:not([align]) {
    text-align: right;
}

.error-input {
    border: 2px solid;
    border-color: red;
}

#warstwa2 {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#errorBarcodeStart, #errorBarcodeStop, #errorBarcodeRange {
    color: red
}

#barcodeStop, #barcodeStart {
    margin: 5px;
}

/*#############################  Styl tabeli edycji dokumentów magazynowych (RW oraz WZ) #############################*/
.document-edit-table th:not([align]) {
    text-align: left;
}

.document-edit-table td:not([align]) {
    text-align: right;
}

.ilosc-skrzynek {
    width: 90px;
    text-align: right;
}

.document-edit-table textarea {
    width: 99%;
    margin: 5px 0px;
    resize: vertical;
    max-height: 300px;
    min-height: 55px;
}

.document-edit-table #sum_together {
    border-top: double;
}

.document-edit-table .sum_together {
    font-weight: bold;
}

.document-edit-table #sum_tr {
    border-top: double;
}

.document-edit-table .sum_tr {
    font-weight: bold;
}

#error_span {
    color: red;
    font-weight: bold;
}

.data-field {
    width: 80px;
    text-align: center;
}

.document-info {
    float: left;
    width: 105px;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.error-input {
    border: 2px solid;
    border-color: red;
}

/*####################################################################################################################*/

/*################################# Styl tabeli "Zestawienie dokumenów magazynowych" #################################*/
.document-list-table th:not([align]) {
    text-align: left;
}

.document-list-table td:not([align]) {
    text-align: left;
}

.document-list-table .sum_tr {
    font-weight: bold;
}

/*####################################################################################################################*/

/* Zdjęcia palet w zamówieniach*/
.box-text {
    position: absolute;
    font-weight: bold;
    line-height: 26px;
}

.pallets-image-sent-full {
    cursor: pointer;
    display: inline-flex;
    margin: 2px;
    width: 26px;
    height: 26px;
    background:url("images/pallet_sent_full.png") no-repeat 0 0;
    background-size: 100%;
}

.pallets-image-sent-half {
    cursor: pointer;
    display: inline-flex;
    width: 26px;
    height: 26px;
    margin: 2px;
    justify-content: center;
    align-items: center;
    background:url("images/pallet_sent_half.png") no-repeat 0 0;
    background-size: 100%;
}

.pallets-image-full {
    cursor: pointer;
    display: inline-flex;
    margin: 2px;
    width: 26px;
    height: 26px;
    background:url("images/pallet_full.png") no-repeat 0 0;
    background-size: 100%;
}

.pallets-image-empty {
    cursor: pointer;
    display: inline-flex;
    margin: 2px;
    width: 26px;
    height: 26px;
    background:url("images/pallet_empty.png") no-repeat 0 0;
    background-size: 100%;
}

.pallets-image-1-3 {
    cursor: pointer;
    display: inline-flex;
    margin: 2px;
    width: 26px;
    height: 26px;
    background:url("images/pallet_1-3.png") no-repeat 0 0;
    background-size: 100%;
}

.pallets-image-2-3 {
    cursor: pointer;
    display: inline-flex;
    margin: 2px;
    width: 26px;
    height: 26px;
    background:url("images/pallet_2-3.png") no-repeat 0 0;
    background-size: 100%;
}

.boxes-text {
    padding: 5px;
    float: left;
}

.filter-bt {
    margin-bottom: 10px;
}

.clear {
    border-top: solid black 2px;
    height: 15px;
    background-color: #ffffee;
}

.revBt {
    width: 16px;
    height: 16px;
    background-color: #dddddd;
    background-image: url(../img/icons.png);
    background-position: 153px 193px;
    border: none;
    cursor: pointer;
}

/*################################## Styl tabeli dla dokumentów BOo, PZo, WZo, MMo  ##################################*/
.document-packages-table > tr {
    height: auto;
}
.document-packages-table > .column-with-input {
    white-space: nowrap;
    width: 100px;
}

.document-packages-table > .column-with-select {
    white-space: nowrap;
}

.document-packages-table tbody input {
    text-align: right;
    width: 100px;
    vertical-align:top;
}

.document-packages-table tbody select {
    text-align: right;
    width: 100%;
    vertical-align:top;
}

.document-packages-table .sum_tr {
    border-top: double;
    font-weight: bold;
}

.document-packages-table textarea {
    width: 99%;
    resize: vertical;
    max-height: 300px;
    min-height: 55px;
}

/*####################################################################################################################*/

/*############################################ Styl nagłówków dokumentów #############################################*/
.document-header {
    display: inline-block;
    margin: 2px;
    width: 135px;
}

.document-header-field {
    display: inline-block;
    margin: 2px;
    width: auto;
}

.contractor {
    width: 600px;
}

/*####################################################################################################################*/

/*######################################## Styl tabeli szczegółów dokumentów #########################################*/
.document-details-table {
    width: 100%;
}

/*####################################################################################################################*/

/*################################################## Styl filtru #####################################################*/
.chosen-filter {
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    color: red;
    margin: 0px 10px 20px 0px;
}

.filter {
    font-size: 16px;
    display: inline-block;
    margin: 0px 10px 20px 0px;
}

/*####################################################################################################################*/

/*########################################## Styl dla akapitu z uwagami ##############################################*/
.attentions {
    width: 600px !important;
    text-indent: 0px;
    line-height: 1.5em;
    text-align: justify;
}

/*####################################################################################################################*/

/*########################### Styl tabeli dla podglądu szczegółów na magazynie kontrahenta ###########################*/
.contractor-warehouse-details {
    width: 100%;
}

/*####################################################################################################################*/

/*####################################################################################################################*/
.sum-tr {
    border-top: double;
    font-weight: bold;
}
/*####################################################################################################################*/

.div-container,.row-wrapper,.cell-wrapper {margin: 0px; padding: 0px;}
.div-container {width: 100%;}
.row-wrapper {background-color: #fafafa; display: flex;}
.row-wrapper-dark {background-color: #e5e5e5;}
.pos-wrapper {display: flex; justify-content:space-between; flex-flow:wrap; width:100%;}
.row-wrapper:hover {background-color:#FFFAF0;border-top:dotted 1px #555;border-bottom:dotted 1px #555;position:relative;box-shadow:0px 2px 3px #dddddd;}
.row-header {display: flex; width: 100%; position: sticky; background-color: #a0a098; font-weight: bold; color: #ffffff; top: 50px; z-index: 1;}
.row-footer {display: flex; background-color: #a0a098; font-weight: bold; color: #ffffff; z-index: 1;}
.cell-wrapper {}
.cell-wrapper-border {border-top: 1px dotted #444444; border-bottom: 1px dotted #444444;}
.data-wrapper {padding: 5px;height:100%;box-sizing:border-box;word-break:break-word;}
.data-wrapper-txt {display:inline-flex;align-items:center;height:100%;width:100%;font-size:11px;}
.text-r {text-align: right;}
.text-rf {justify-content: right;}
.text-l {text-align: left;}
.text-c {text-align: center;}
.text-cf {justify-content: center;}
.text-b {font-weight: bold;}
.optBtn, .imgBtn {font-size:26px;font-weight:bold;color:#61c3d0;cursor:pointer;width:35px;margin:0px 2px;padding:0px;line-height:0em;height:36px;}
.optBtnDisabled {font-size:26px;font-weight:bold;color:#61c3d0;cursor:pointer;width:35px;margin:0px 2px;padding:0px;line-height:0em;height:36px;opacity:0.9;}
.palletBtn {font-size:26px;font-weight:bold;color:#61c3d0;cursor:pointer;margin:10px auto 15px auto;padding:10px;display:block;}
.palletBtn:hover {background-color:#cccccc;}
.pdfBtn {background-image:url('../img/pdf-big.png');background-size: cover;border-radius: 5px;}
.pdfBtn:hover > div {background-color:grey;width:100%;height:100%;opacity:0.2;}
.delBtn, .imgBtn {font-size:26px;font-weight:bold;color:#61c3d0;cursor:pointer;width:35px;margin:0px 2px;padding:0px;line-height:0em;height:36px;}
.canBtn {font-size:26px;font-weight:bold;color:#ff0000;cursor:pointer;width:35px;margin:0px 2px;padding:0px;line-height:0em;height:36px;}
.barBtn {font-size:26px;font-weight:bold;color:#000000;cursor:pointer;width:35px;margin:0px 2px;padding:0px;line-height:0em;height:36px;}
.formInput {width: 100%;  padding: 12px 20px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box; font-size:16px;}
.formInputRow {width: 100%;  padding: 5px;  display: inline-block;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box; font-size:12px;}
.formSubmit {width: 100%;  background-color: #4CAF50;  color: white;  padding: 14px 20px;  margin: 8px 0;  border: none;  border-radius: 4px;  cursor: pointer; font-size:16px;}
.formSubmit:hover {background-color: #45a049; color:#000; font-weight:bold;}
.erasure  span {text-decoration: line-through;}


/*----------- Style dla checkbox ------------*/
/* Customize the label (the container) */
.checkBox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}

/* Hide the browser's default checkbox */
.checkBox-container input {
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;}

/* Create a custom checkbox */
.checkBox-checkmark {
	position: absolute;
	top: 0;
	left: 1px;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: solid 1px #61c3d0;}

/* On mouse-over, add a grey background color */
.checkBox-container:hover input ~ .checkBox-checkmark {
	background-color: #61c3d0;}

/* When the checkbox is checked, add a blue background */
.checkBox-container input:checked ~ .checkBox-checkmark {
	background-color: #61c3d0;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkBox-checkmark:after {
	content: "";
	position: absolute;
	display: none;}

/* Show the checkmark when checked */
.checkBox-container input:checked ~ .checkBox-checkmark:after {
	display: block;}

/* Style the checkmark/indicator */
.checkBox-container .checkBox-checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);}
/*----------- Style dla checkbox ------------*/


@media only screen and (max-width: 600px) {
	.mobileHide {
		display: none !important;
	}
	/*
	.row-header {
		display: block !important;
	}*/
}

@media only screen and (min-width: 600px) {
	body {
		padding: 60px 0px 0px 0px;
	}
	#content {
		top: 0px;
	}
	.pcHide{
		display: none !important;
	}
	#topmenu {
    	position: fixed;
		min-width: 1000px;
		height: 50px;
		overflow: initial;
	}
	#mainMenu {
		display: block;
		margin: 10px 0px 0px 10px;
		padding: 0px;
	}
	#hamburgerMenu {
		display: none;
	}
	#content {
		min-width: 1000px;
	}

	.h1-title {
		min-width: 350px;
	}

	.logowanie * {
		font-size: 20px;
	}

	.logowanie td {
		padding: 10px;
	}
	.row-wrapper {
		display: flex;
		background-color: #fafafa;
		flex-flow: wrap;
		justify-content: space-between;
	}
	.row-wrapper-dark {
		background-color: #e5e5e5;
	}
	.barCode {
	    margin: 80px 0px 0px 80px;
		width: 850px;
	}
	.data-wrapper {
		padding: 7px;
	}

	div.clndr td {
		font: normal 14px arial, sans-serif;
	    padding: 4px;
	}

	div.clndr {
		margin-top: 0px;
	}
	/* ------------------------- menu -------------------------------------- */

	.menu { /* blok menu górnego*/
		position: static;
		width: 110px;
		height: 30px; /* wysokość pierwszego bloku */
		overflow: hidden; /* tryb ukrywania */
		float: left;
		clear: none;
		padding: 0px 0px 0px 0px;
		color: #FFFFFF;
		font-size: 12px;
		margin: 1px;
		background-color: #999999;
		z-index: 5;
	}

	#menu_t {
		border: 2px solid #dddddd;
		height: 26px;
		margin: 0px;
		padding: 0px;
		top: 0px;
	}

	#menu_t:hover {
		color: #ddaadd;
		border: 2px solid #ddaadd;
	}

	#sub_menu {
		border: 2px solid #ddaadd;
		border-bottom-right-radius: 10px;
		background-color: #999999;
		color: #ddaadd;
		margin: 4px 0px 0px 0px;
		padding: 5px 0px 6px 0px;
		top: -2px;
		width: 200px;
		z-index: 4;
	}

	.subMenuHide {
		display: block;
	}

	.menu:hover { /* najechane menu */
		height: auto;
		overflow: visible;
		color: #ffffff;
	}

	.menu ul { /* element ul */
		margin: 0px; /* odległość menu od obramowania */
		padding: 0px; /* odległość menu od obramowania*/
	}

	.menu li { /* element "li" */
		list-style-type: none; /* rodzaj wykazu */
		width: auto; /* szerokość */
		font-size: 12px;
		padding: 0px;
	}

	.menu li a { /* linki */
		text-decoration: none; /* dekoracja linka */
		display: block; /* rodzaj wyświetlenia elementów */
		padding: 5px 5px 5px 5px;
		color: #ffffff; /* kolor linka */
		z-index: 5;
	}

	.menu li a:hover { /* najechany link */
		color: #000000; /* kolor linka */
		background-color: #dddddd; /* tło */
	}

	.menu p { /* paragraf <p> */
		margin: 5px 10px 5px 5px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		text-indent: 0px;
	}
	#zakresdat {
	    width: auto;
	}

	.loginBox input {
		width: 300px;
	}
	.logowanie {
		margin-top: 100px;
	}

	/* ------------------------- menu -------------------------------------- */
}

#content .backgrid th,
#content .backgrid td {
    max-width: none;
}

.document-stock-items div[data-items] > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

.document-stock-items div[data-items] > div > span[data-editor] {
  align-self: stretch;
  width: 100%;
}

.pz-stock-items.stock-items > div > fieldset {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}

.actual-stock-tab .negative-row,
.stock-moves-tab .negative-row {
  background-color: #ffb06b;
}