@font-face {
    font-family: 'Antonio Regular';
    src: url('zasoby/Antonio-Regular.eot');
    src: url('zasoby/Antonio-Regular.eot?#iefix') format('embedded-opentype'), url('zasoby/Antonio-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Antonio Light';
    src: url('zasoby/Antonio-Light.eot');
    src: url('zasoby/Antonio-Light.eot?#iefix') format('embedded-opentype'), url('zasoby/Antonio-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Antonio Bold';
    src: url('zasoby/Antonio-Bold.eot');
    src: url('zasoby/Antonio-Bold.eot?#iefix') format('embedded-opentype'), url('zasoby/Antonio-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, 
body {
	height: 100%;
}	

body {
	margin: 0;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	background: #000;
	height: 100%;
}
body.drloading:after {
	content: '';
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #ffffff8c;
	background-image: url('obrazki/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10000000;
}

h1 {
	/* position: absolute; */
	color: #1c1c1a;
	/* left: 600px; */
	font-family: 'Antonio Bold', sans-serif;
	margin: 0;
	/* top: 23px; */
}
t {
    white-space: pre;
}
.drgora {
    display: flex;
    justify-content: space-between;
    align-items: center;
	color: #1c1c1a;
    font-family: 'Antonio Regular', sans-serif;
    background: #FFFFFF;
    padding: 0 20px 0 0;
}
.drsrodek {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/* align-content: stretch; */
	height: calc(100% - 130px);
	padding: 20px;
}
.drsrodek > button {
	flex: 1 0 0;
	margin: 20px;
}
.drsrodek > button.drwypozyczenia, .drsrodek > button.drzwroty {
	min-width: 40%;
}
.drboniarka {
	height: 30px;
	border: 0;
	overflow: hidden;
}
.drskan > div {
	display: inline-block;
	vertical-align: middle
}
.drskan1 {
	height: 5px;
	width: 5px;
}
.drskan > span {
	font-family: 'Arial';
	vertical-align: bottom;
	font-size: 24px;
	position: relative;
	left: -50px;
	font-weight: bold;
}
.drskan2 {
	display: none;
}
.drskan3 {
	width: 200px;
	display: none;
}
.drstatus {
	height: 81px;
	width: calc((100vw - 700px) / 2);
	outline: 2px solid #f5af4d;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 16px;
}
.drduzeprzejscia .drstatus {
	height: 500px;
	width: 40vw;
	font-size: 24px;
	text-align: left;
}
.drstatus > div > div {
	height: 71px;
	width: 100%;
	padding: 5px;
}
.drduzeprzejscia .drstatus > div > div {
	height: 500px;
}
.drstatus div > div > * {
	margin: 5px 0;
	font-weight: normal;
	font-style: normal;
}
.drstatus div > div > span {
	margin: 0;
	float: left;
	width: 80px;
	height: 71px;
	clear: left;
	margin: 0 5px 0 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}
.drduzeprzejscia .drstatus div > div > span {
	float: none;
	width: 670px;
	height: 415px;
	clear: both;
	margin: 0 0 10px 0;
	display: block;
}
.drskanout {
	margin: 0 0 0 -1px;
}
.drskan3 img {
	height: 80px;
}
.drzalogowany {
	/* position: absolute; */
	color: #1c1c1a;
	/* right: 70px; */
	font-family: 'Antonio Medium', sans-serif;
	margin:  0;
	/* top: 32px; */
	font-size: 20px;
}
.drzalogowany span {
	font-size: 18px;
	padding: 0 30px 0 0;
}
.drzalogowany span i {
	font-style: normal;
	font-weight: bold
}
.drzalogowany button {
	width: 128px;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
.drlista {
	/* height: 356px; */
	overflow-y: auto;
	/* font-family: Arial, sans-serif; */
	font-size: 32px;
	/* display: none; */
	margin: 40px;
	/* max-height: 800px; */
	height: 600px;
}
.drlista.drraport, .drlista.drcennik {
	height: 530px;
	margin: 72px 0 0 0;
	display: block;
}
.drlista.drcennik {
	height: 760px;
}
.drwybierztyp {
	display: none;
}
.drlista table {
	border: 0;
	border-collapse:;
	width: 100%;
}
.drraport .drlista table, .drcennik .drlista table {
	width: 100%;
	display: inline-table;
}
.drlista td, .drhistoria td {
	border: 0;
	/* border-bottom: 8px solid transparent; */
	margin: 0;
	background: rgba(255, 255, 255, 0.3);
	padding: 3px 10px;
}
.drodblokujkarte td {
	color: #FFFFFF66;
}
.drraport td, .drcennik td {
	white-space: nowrap;
	text-align: right;
}
.drlista thead td, .drhistoria thead td {
	background: rgba(255, 255, 255, 0.1);
}
.drlista.drraport tfoot td, .drlista.drcennik tfoot td {
	background: rgba(255, 255, 255, 0.1);
	font-weight: bold;
}
.drlista .drtenwiersz td.drzinputem {
	outline: 1px solid #FFFFFF;
	background: #3492b477;
}
.drlista td input, .drlista td textarea {
	width: 100%;
	font-family: Arial, sans-serif;
	font-size: 16px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: #FFFFFF;
	font-style: italic;
}
.drlista td.drtyp input {
	width: 25px;
}
.drustaw, .drusun, .dredytuj, .drcofnij, .drzapisz {
	background: #F39A18;
	color: #FFFFFF;
	border: 0;
	font-size: 14px;
	/* line-height: 17px; */
	font-family: 'Antonio Bold', sans-serif;
	border-radius: 2px;
}
.drzapisz {
	display: none;
}
.drtenwiersz .drcofnij, .drtenwiersz .drzapisz {
	display: block;
}
.drtenwiersz .drusun, .drtenwiersz .dredytuj, .drtenwiersz .drustaw {
	display: none;
}
a {
	color: #428bca;
	text-decoration: none;
}
a:hover, a:focus {
	color: #2a6496;
	text-decoration: underline;
}
h2 {
	display: inline-block;
	vertical-align: top;
}
ul {
	font-size: 16px;
	margin: 0px;
	padding-left: 25px;
	list-style-type: square;
}
ul li {
	margin-bottom: 2px;
}
#container {
	background: url('../../awersy/Awers_10.png');
	position: relative;
	display: inline-block;
	/* background: url(../img/linie3.png); */
	width: 105mm;
	/* height: 148mm; */
	background-size: contain;
	/* background-position: 0px -5mm; */
	background-repeat: no-repeat;
	/* transform: scale(0.77); */
	/* transform-origin: top left; */
	width: 155px;
	height: 350px;
}
#container.drrewers > * {
	display: none;
}
#container img {
    position: absolute;
    top: 124px;
    left: 72px;
    width: 80px;
    height: 99px;
    display: none;
}
#container.drzdjecie0 img, #container.drzdjecie0 button {
    display: none;
}
.logo {
	margin: 5px 0 0; 
	color: #0976a5;
	font-size: 32px;
}
.logo span {
	color: #4e4646;
}
.info {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
}
.getit {
	text-align: center;
}
.getit a {
	color: #ec5d59;
}

#avatar_container {
	position: absolute;
	margin: -107px 0 0 0px;
}
#cover_container {
	margin-left: -15px;
	margin-top: -15px;
}
.btn.edit-avatar {
	position: absolute;
	margin: 0;
	font-size: 15px;
	padding: 2px 5px;
	top: 124px;
	left: 72px;
	width: 80px;
	height: 99px;
	background: transparent;
	border: 0;
	display: none;
}
.btn.edit-cover {
	float: right;
	margin: -38px 0 0 0;
	position: relative;
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 2px;
}
.btn.edit-bg {
	float: right;
	padding: 3px 6px;
	font-size: 13px;
	border-radius: 2px;
	margin-right: -2px;
}
#msszukajform {
	display: none;
	padding: 0 20px;
	text-align: left;
}
.drszukaj {
	/* max-width: 1440px; */
	margin: 0 auto;
	position: relative;
}

.drstan {
	/* margin: 21px 15px 0 0; */
	text-align: right;
	/* float: right; */
	/* width: calc(23% + 18px); */
	/* position: absolute; */
	/* right: 10px; */
	margin: 13px 10px 0 0;
	/* width: calc(23% + 14px); */
	min-width: 564px;
}
body[poziom='4'] .drstan, body[poziom='5'] .drstan {
	visibility: hidden;
}
.drstan > div {
	/* width: 355px; */
	position: relative;
}
.drraporty {
	/* position: absolute; */
	/* top: -46px; */
	/* left: 67px; */
	display: flex;
	justify-content: space-between;
	margin: -5px -5px 0 -5px;
}
.drilebiletow {
	display: none;
}
.drilebiletow div {
	position: absolute;
	right: 0px;
	z-index: 32;
	background: rgba(52, 146, 180, 0.9);
	width: 380px;
	padding: 20px;
	display: none;
}
.drilebiletow table {
	width: 100%;
}
.drilebiletow span {
	cursor: pointer;
}
.drszukaj {
	/* height: 100px; */
	/* vertical-align: top; */
	text-align: center;
	/* margin: 5px; */
	padding: 35px 0 0 0;
	padding: 5px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.drszukaj input, .drkoszyk input, .drsprawdzhistorie input, .drrozlicz input {
	width: 172px;
	margin: 0 20px 15px 0;
	border: 1px solid #FFFFFF;
	background: transparent;
	color: #FFFFFF;
	border-radius: 2px;
	padding: 8px 8px;
	font-size: 19px;
	background: #3492b477;
	line-height: 23px;
	font-family: 'Antonio Bold';
}
.drszukaj input.drczytnik {
	width: 48px;
	font-size: 10px;
	padding: 7px 10px;
	margin: 14px 10px 14px 0;
}
.drrozlicz input, .drsprawdz input, .drprzedluz input {
  margin: 10px 0;
  text-align: center;
}
.drrozlicz .drpokaz2 input {
  display: none;
}
.drrozlicz input::placeholder, .drcennik input::placeholder, .drcennik textarea::placeholder {
  color: #FFFFFF;
}
#msfiltryform1 span {
	line-height: 40px;
	font-size: 20px;
}
#msfiltryform1 select, #msfiltryform1 option {
	line-height: 40px;
	-webkit-appearance: none;
	padding: 0 20px;
	font-size: 20px;
	margin: 0 20px 0 0;
}
#msidkarty, #msimie, #msreferencja {
	display: none;
}
#msdodajnazwisko, #msdodajidkarty, #msdodajimie {
	visibility: hidden;
}
.drszukaj button:last-of-type, .drkoszyk button:last-of-type, .drkoszyk label:last-of-type {
	margin: 0;
}
.drprzypisztransakcje {
	display: none !important;
}
.drkoszyk .drrozliczenia span {
	margin: 0;
}
.drrozliczenia label {
	margin: 0 0 9px 0;
	display: block;
}
.drlista.drraport button {
	font-size: 14px;
	width: auto;
	margin: 0;
}
#msszukajform button, .drsprawdzhistorie button, .drsprawdzhistorie span {
	border: 1px solid #f5af4d;
	background: #f5af4d;
}
.drstan span {
	/* width: 190px; */
	font-size: 25px;
	margin: 0 10px 0 0;
	display: inline-block;
	line-height: 37px;
	text-align: right;
	display: none;
}
.drstan span:before, .drstan span:after {
	font-size: 15px;
	white-space: nowrap;	
}
.drstan .drilewkasie span:before {
	content: 'W kasie jest ';
}
.drstan .drilewkasie span:after {
	content: ' PLN';
}
.drstan .drilekarta span:before {
	content: 'Z kart pobrano ';
}
.drstan .drilekarta span:after {
	content: ' PLN';
}
.drstan .drilebiletow span:before {
	content: 'Sprzedano ';
}
.drstan .drilebiletow span:after {
	content: ' biletów';
}
.drstan input {
	width: 60px;
	font-size: 20px;
	margin: 0 10px 0 0;
	padding: 8px 10px;
	display: none;
}
.drstan button, .drzmianabiletu, .drdodajbilet, .drilewkasie a {
	border: 1px solid #f5af4d;
	background: #f5af4d;
	font-size: 14px;
	width: 89px;
	margin: 0 0 2px 0;
	/* display: none; */
	line-height: 40px;
	padding: 0 10px;
}
.drstan button {
	display: none;
}
.drraporty a {
	flex: calc(100% / 3  - 10px);
	font-size: 12px;
	margin: 5px;
	user-select: none;
}
.drzakupy button {
	border: 1px solid #f5af4d;
	background: #f5af4d;
	cursor: pointer;
}
.drpolewej {
	display: inline-block;
	width: 70%;
	vertical-align: top;
	margin: 39px 0 0 20px;
	font-family: 'Antonio Medium', sans-serif;
	font-size: 30px;
}
.drraport .drpolewej, .drcennik .drpolewej {
	display: block;
	width: 1000px;
	margin: 30px auto 0;
}
.drfoto {
	display: inline-block;
	width: 165px;
	vertical-align: top;
	margin: 20px 0 0 20px;
	display: none;
}
.drdrukuj, .drzmiana {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	font-size: 40px;
	background: #F39A18;
	border: 0;
	border-radius: 2px;
	color: #FFFFFF;
	font-family: 'Antonio Bold', sans-serif;
	margin: 20px 0 0 20px;
	height: 350px;
}
.drzmiana {
	display: none;
	visibility: hidden;
}
.drdodruku {
	display: none;
	width: 130px;
}
.drbeztla {
	height: 200px;
	display: block;
}
.drztlem {
	height: 130px;
	display: block;
}
.drdane {
	display: none;
}
.drapla .drdane {
	display: block;
}
span.drtyp {
	/* display: block; */
}
span.drimie, span.drnazwisko, span.drtyp {
	font-family: 'Antonio Bold', sans-serif;
	line-height: 35px;
	white-space: nowrap;
}
span.drnazwisko {
	text-transform: uppercase;
}
.drkoszyk span.drimie, .drkoszyk span.drnazwisko, .drkoszyk span.drreferencja {
	display: none;
}
.drqr {
	position: absolute;
	top: 290px;
	left: 174px;
	width: 77px;
	height: 77px;
	background-size: cover;
	border-radius: 10px;
	display: none;
}
.drzakupy label, .drstoliki label, .drzamowienia label {
	display: none;
	font-family: 'Antonio Light', sans-serif;
	font-size: 20px;
	/* width: 186px; */
	text-align: center;
	height: 66px;
	vertical-align: top;
	position: relative;
	/* margin: 0 0 10px 0; */
	min-width: 17%;
	margin: 5px;
	cursor: pointer;
	flex: calc((100% / 5) - 10px);
	max-width: calc((100% / 5) - 10px) !important;
	flex: 1 1 0;
}
.drzakupy label:hover {
	/* outline: 4px solid #f5af4d; */
}
.drzakupy .drtowary label {
	height: 100px;
}
.drzakupy .drtowary label[stan='0'] {
	opacity: 0.33;
	cursor: not-allowed;
}
.drzakupy label span {
	/* display: none; */
	/* white-space: pre-wrap; */
	/* cursor: pointer; */
}
.drzakupy label span, .drstoliki label span, .drzamowienia label span {
	text-align: center;
	padding: 0;
	box-sizing: border-box;
	line-height: 26px;
	border: 1px solid transparent;
	display: block;
	/* cursor: pointer; */
	margin: 0;
	position: absolute;
	width: 100%;
	background: inherit;
	user-select: none;
}
.drzakupy label:hover span {
	border: 1px solid #f5af4d;
}
.drtowary label span {
	border: 4px solid transparent
}
.drtowary label:hover span {
	border: 4px solid #f5af4d;
}
.drzakupy label span b {
	font-weight: normal;
}
.drzakupy label span i {
	font-style: normal;
}
.drkategoriabilety i {
	display: none;
}
.drkategoriabilety b {
	width: 100%;
}
.drzakupy input[type='radio'], .drstoliki input[type='radio'], .drzamowienia input[type='radio'] {
	display: none;
}
.drzakupy img:hover {
	border: 4px solid #f5af4d;
}
.drzakupy input:checked + img {
	border: 4px solid #F39A18;
}
.drzakupy .drtab label, .drstoliki label, .drzamowienia label, .drzakupy .drguzik {
	font-size: 21px;
	height: 400px;
	display: block;
	background: #f5af4d;
	margin: 5px !important;
	max-width: none !important;
	flex: 1;
}
.drzakupy .drtab label {
	height: 42px;
}
.drzamowienia label:first-of-type {
	margin-left: 0
}
.drzamowienia label:last-of-type {
	margin-right: 0
}
.drstoliki label {
	height: 80px;
}
.drzamowienia label {
	height: 59px;
	font-size: 16px;
	position: relative;
	min-width: 95px;
	margin: 0 5px;
}
.drzamowienia label.drnowezamowienie {
	/* display: inline-block; */
	margin: 0 0 0 10px;
}
.drwydane {
	background: #8BC34A !important;
}
.drzamowione {
	background: #E91E63 !important;
}
.drdodane {
	background: #9C27B0 !important;
}
.drnieoplacone:after, .droplacone:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
	border-style: solid;
	z-index: 30;
	border-width: 30px 30px 0 0;
	border-color: transparent #000000 transparent transparent;
}
.droplacone:after {
    border-color: transparent #FFFFFF transparent transparent;
}
.drzakupy .drtab label.drakt, .drstoliki label.drakt {
	background:#F47C48;
}

.drzakupy .drtab label:hover, .drstoliki label:hover {
	outline: 3px solid #f5af4d;
}
.drzakupy .drtab label.drakt:hover, .drstoliki label.drakt:hover {
	outline: 3px solid #F47C48;
}

.drzamowienia button {
	font-size: 16px;
	line-height: 25px;
	padding: 0;
	height: 100%;
	font-size: 25px;
	min-width: 130px;
	margin: 0 5px 0 0 !important;
	max-width: 130px;
}
.drzakupy .drtab label span, .drstoliki label span, .drzamowienia label span {
	overflow: visible;
	top: 50%;
	transform: translateY(-50%);
	line-height: 40px;
	position: relative;
	user-select: none;
}
.drzakupy .drtab label span, .drstoliki label span, .drzamowienia label span {
	line-height: 20px;
}
.drawersy > div input {
	text-align: center;
	font-size: 30px;
	width: 50px;
}
.drawersy > div button {
	text-align: center;
	font-size: 30px;
	width: 50px;
}
.drawersy > div span {
	font-size: 20px;
	padding: 0 10px 0 0;
}
h3 {
	display: inline-block;
	margin: 0;
	width: 180px;
	display: none;
}
.drlogo {
	/* position: absolute; */
	/* left: 0; */
	/* top: 0; */
	height: 85px;
}
.drtab {
	display: flex;
	width: calc(100% + 10px);
	justify-content: space-between;
	flex-wrap: wrap;
	/* margin: -5px -5px 0 -5px; */
	margin: 0 0 5px 0;
}
.drtab > label {
	/* width: 475px; */
	/* display: block; */
}
.drdomyk {
	width: 100% !important;
	height: 0 !important;

}
.drstoliki {
	margin: 0;
	color: #FFFFFF;
	text-align: left;
	align-content: space-between;
	margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	/* width: 72%; */
	/* flex: calc(75% - 200px); */
	align-content: flex-start;
}
.drzakupy, .drstoliki {
	color: #FFFFFF;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	/* width: 72%; */
	flex: calc(100% - 600px);
	justify-content: space-between;
	align-content: stretch;
}
.drzakupy > .drguzik {
	flex: 1;
}
.drtowary {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: auto;
	/* padding: 0 5px 0 0; */
	width: 100%;
	/* margin: -5px 0 0 -5px; */
	height: 81%;
	align-content: flex-start;
}
.drtowary p {
	margin: 0;
	padding: 0 5px;
	width: auto;
	position: relative;
	right: auto;
	text-align: center;
}
.drtowary .drnazwa {
    max-height: 55px;
    height: 55px;
    overflow: hidden;
    margin: 5px 0 0;
    min-height: 61px;
    background: inherit;
}
.drtowary label:hover .drnazwa {
    max-height: none;
    height: auto;
    overflow: hidden;
    margin: 5px 0 0;
}
.drtowary .drcena {
	display: flex;
	justify-content: space-between;
	background: inherit;
}
.drwidac {
	display: block !important;
}
.drdaneklienta {
	position: absolute;
}
.drkoszyk, .drzamowienia {
	margin: 5px 10px 0 0;
	color: #FFFFFF;
	text-align: center;
	/* padding: 5px; */
	/* right: 10px; */
	/* width: 23%; */
	/* position: absolute; */
	border: 2px solid #f5af4d;
	/* top: 49px; */
	background: #1D89ADDD;
	/* max-height: 628px; */
	/* overflow: auto; */
	/* flex: calc(25% - 20px); */
	min-width: 560px;
	max-width: 560px;
	position: relative;
	text-align: justify;
	position: relative;
}
.drzamowienia {
	display: flex;
	/* justify-content: space-between; */
	padding: 5px;
	min-width: 550px;
	max-width: 550px;
	height: 66px;
}
.drkoszyk .drpozycje {
	position: relative;
	/* margin: 0 10px 0 11px; */
}
.drkoszyk k {
	display: inline-block;
	width: 340px;
	vertical-align: bottom;
	position: relative;
	margin: 5px 5px 5px 0;
	overflow: auto;
}
.drkoszyk k:last-of-type {
	width: 200px;
	vertical-align: bottom;
	height: auto;
	position: relative;
	margin: 5px;
	min-height: 66px;
}
.drzamowienia 
  > div {
	/* border: 2px solid transparent; */
	background: transparent;
	display: inline-flex;
	/* margin: 5px 10px 5px 0; */
	padding: 0;
	/* min-width: 400px; */
	max-width: 410px;
	overflow-x: auto;
	height: 71px;
	width: 160px;
	flex-grow: 10;
	margin: 0;
	justify-content: space-between;
	overflow-y: hidden;
}
.drzamowienia > div::-webkit-scrollbar {
	height: 6px; 
}
.drzamowienia > div::-webkit-scrollbar-track {
	background: #f5af4d;
}

.drzamowienia > div::-webkit-scrollbar-thumb {
	background-color: #1388ac;
	border: 1px solid #f5af4d;
	border-top: 3px solid #f5af4d;
}
.drkoszyk h4 {
	font-family: 'Antonio Bold', sans-serif;
	font-size: 25px;
	margin: 0;
	/* width: 100%; */
	height: 40px;
	margin: 5px 5px 10px 5px;
	line-height: 25px;
	padding: 5px 0 0 0;
	text-align: center;
}
.drkoszyk .drpodsumowanie, .drkoszyk .drrozliczenia, .drkoszyk .drdokument, .drkoszyk .drzerujkoszyk, .drkoszyk .drzatwierdz, .drkoszyk label.drprzyjeto, .drkoszyk .dranulujplatnosc, .drpokazdane, .drkoszyk .drzrobzdjecie, .drkoszyk .drzamow, .drkoszyk .drdoplatnosci {
	display: none;
}
.drkoszyk.drpelny2 .drzamow {
	display: block;
}
.drkoszyk.drzamowiony2 .drzamow {
	display: none;
}
.drkoszyk.drzamowiony2 .drdoplatnosci {
	display: block;
}
.drkoszyk.droplacony2 .drzamow, .drkoszyk.droplacony2 .drdoplatnosci {
	display: none;
}
.drkoszyk.drplacony2 .drzamow, .drkoszyk.drplacony2 .drdoplatnosci {
	display: none;
}
.drkoszyk .drpozycje > div {
	margin: 0 0 10px 0;
	text-align: left;
	padding: 0;
	position: relative;
	user-select: none;
	min-height: 55px;
}
.drkoszyk .drpozycje > div.drzaznaczone {
	opacity: 0.5;
}
.drkoszyk .drpozycje > div:last-of-type {
	margin: 0;
}
.drkoszyk .drpozycje > div:last-of-type:after {
	content: '';
	/* display: block; */
	clear: both;
}
.drkoszyk .drpozycje > div strong {
	height: 100%;
	width: 15px;
	/* float: left; */
	/* margin: 0 5px 0 -19px; */
	position: absolute;
	line-height: 30px;
	padding: 0 3px;
	text-align: right;
	font-family: 'Antonio Bold', sans-serif;
	border-right: 3px solid #9c27b0;
}
.drkoszyk .drpozycje > div[status_pozycji='zamowiona'] strong {
	border-right: 3px solid #e91e63;
}
.drkoszyk .drpozycje > div[status_pozycji='wydana'] strong {
	border-right: 3px solid #8BC34A;
}
.drkoszyk .drpozycje > div.drdodawaniekodu:before {
	height: 74px;
}
.drkoszyk .drpozycje > div.drkoddodany:before {
	height: 48px;
	height: 32px;
}
.drzamknij:before, .drrabatuj:before, .drwydaj:before, .drwklej:before {
	content: '×';
	font-weight: normal;
	border: 4px solid red;
	padding: 4px;
	background: #FFFFFF;
	color: red;
	border-radius: 4px;
	width: calc(100% - 16px);
	right: 0;
	cursor: pointer;
	line-height: 11px;
	position: absolute;
	height: calc(100% - 16px);
	text-align: center;
	font-size: 116px;
	top: 0;
	overflow:hidden
}
.drrabatuj:before {
	content: '%';
	border: 1px solid #4CAF50;
	color: #4CAF50;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}
.drwydaj:before {
	content: '⊛';
	border: 1px solid #8BC34A;
	color: #8BC34A;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}
.drwklej:before {
	content: '⇥';
	border: 1px solid #f5af4d;
	color: #f5af4d;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}
.drkoszyk .drzamknij:before, .drkoszyk .drrabatuj:before, .drkoszyk .drwydaj:before {
	border: 2px solid red;
	padding: 2px;
	border-radius: 4px;
	width: calc(100% - 8px);
	line-height: 10px;
	height: calc(100% - 8px);
	font-size: 72px;
}
.drkoszyk .drrabatuj:before {
	border: 2px solid #4CAF50;
	font-size: 24px;
	line-height: 26px;
}
.drkoszyk .drwydaj:before {
	border: 2px solid #8BC34A;
	font-size: 24px;
	line-height: 19px;
}
.drkoszyk .drwklej:before {
	border: 1px solid #f5af4d;
	font-size: 12px;
	line-height: 10px;
}
.drkoszyk .drzamknij, .drkoszyk .drrabatuj, .drkoszyk .drwydaj, .drkoszyk .drwklej {
	float: right;
	width: 32px;
	height: 32px;
	line-height: 20px;
	margin: 4px 0 0 0;
	border: 0;
	/* background-color: transparent; */
	/* background-image: url('/zasoby/zamknij2.png'); */
	margin: 0 0 0 4px !important;
	padding: 0;
	position: relative;
	background: transparent;
}
.drkoszyk .drzamknij:hover {
	/* outline: 4px solid green; */
}
.drwyszukajdane .drzamknij {
	float: none;
	position: absolute;
	right: 5px;
}
.drkoszyk .drrabatuj, .drkoszyk .drwydaj, .drkoszyk .drwklej {
	/* clear: right; */
}
.drkoszyk g {
	float: right;
	margin: 6px 5px 0 0;
}
.drkoszyk g .drzamknij:before, .drkoszyk g .drrabatuj:before, .drkoszyk g .drwydaj:before, .drkoszyk g .drwklej:before {
	border: 2px solid red;
	padding: 2px;
	border-radius: 4px;
	width: calc(100% - 8px);
	line-height: 10px;
	height: calc(100% - 8px);
	font-size: 72px;
}
.drkoszyk g .drrabatuj:before {
	border: 2px solid #4CAF50;
	font-size: 24px;
	line-height: 26px;
}
.drkoszyk g .drwydaj:before {
	border: 2px solid #8BC34A;
	font-size: 24px;
	line-height: 19px;
}
.drkoszyk g .drwklej:before {
	border: 2px solid #f5af4d;
	font-size: 24px;
	line-height: 19px;
	background: #f5af4d;
	color:  #FFFFFF;
}
.drkoszyk g .drwklej {
	display: none;
}
.drkoszyk g .drzamknij, .drkoszyk g .drrabatuj, .drkoszyk g .drwydaj, .drkoszyk g .drwklej {
	float: right;
	width: 32px;
	height: 32px;
	line-height: 20px;
	border: 0;
	margin: 0 0 0 6px !important;
	padding: 0;
	position: relative;
	background: transparent;
	visibility: visible !important;
}
.drkoszyk.droplacony2 g .drzamknij, .drkoszyk.droplacony2 g .drrabatuj {
	display: none;
}
.drkoszyk g1 {
	float: right;
	width: 110px;
}
.drkoszyk.drtrwaplatnosc .drzamknij, .drkoszyk.droplacony2 .drzamknij, .drkoszyk.droplacony2 .drrabatuj {
	display: none;
}
.drzrobzdjecie {
	text-align: center;
	margin: 20px 0 0 0;
}
.drzrobzdjecie img {
	width: 100%;
}
.drkoszyk p1, .drkoszyk p2 {
    margin: 0 4px 0 30px;
    /* min-height: 30px; */
    display: block;	
}
.drkoszyk p2 {
    min-height: auto;
}
.drkoszyk span {
	font-family: 'Arial', sans-serif;
	text-transform: none;
	/* display: inline-block; */
	white-space: normal;
	line-height: normal;
	/* margin: 0 4px 0 30px; */
	/* min-height: 30px; */
	/* display: block; */
}
.drkoszyk .drpozycje i {
	margin: 0 0 0 8px;
}
.drkoszyk .drpozycje b {
	float: right;
	clear: right;
	margin: 5px 0 0 0;
	padding: 0 5px 0 0;
	/* border-right: 16px solid #000000; */
	padding: 0;
}
.drkoszyk .drpozycje [status_platnosci='oplacona'] b {
	/* border-right: 16px solid #FFFFFF; */
}
.drkoszyk .drpozycje r {
	float: right;
	margin: 0 3px 0 0;
}
.drkoszyk b:after {
	content: ' PLN';
}
.drkoszyk .drkod {
	width: calc(100% - 140px);
	text-align: center;
	margin: 5px 0 0 0;
}
.drkoszyk .drpozycje p {
	margin: 0;
}
.drkoszyk .drpozycje p.drnafoto {
	text-align: right;
}
.drkoszyk .drpozycje p.drnafoto f {
	width: calc(100% - 130px);
	display: inline-block;
	margin: 0 10px 0 0;
}
.drkoszyk .drpozycje p.drnafoto f img {
	width: 100%;
}
.drkoszyk .drpozycje p.drnafoto button {
	width: 120px;
	display: inline-block;
}
.drkoszyk .drpodsumowanie, .drkoszyk .drgotowka, .drkoszyk .drkarta, .drkoszyk .drzerujkoszyk, .drkoszyk .drparagon, .drkoszyk .drfaktura, .drkoszyk .drrozliczenia, .drkoszyk .drzatwierdz div {
	font-family: 'Antonio Bold', sans-serif;
	font-size: 20px;
	text-align: left;
	line-height: 32px;
}
.drzatwierdz p {
	margin: 0
}
.drkoszyk .drrozliczenia {
	margin: 0;
}
.drkoszyk .dranulujplatnosc:before, .drkoszyk h4:after, .drkoszyk .drpodsumowanie:after, .drzatwierdz div:after {
	content: '';
	display: block;
	height: 2px;
	background: #f5af4d;
	margin: 10px 0;
}
.drkoszyk.droplacony2 .drpodsumowanie:after {
    display: none;
}
.drkoszyk:after {
	content: '';
	display: block;
	background: #f5af4d;
	margin: 5px 0;
	width: 2px;
	position: absolute;
	left: 345px;
	top: 50px;
	bottom: 6px;
}
.drkoszyk .drpodsumowanie b, .drkoszyk .drpodsumowanie i {
	font-size: 30px;
	float: right;
}
.drkoszyk .drpodsumowanie i, .drzamowienia label span i, .drzamowienia label span b {
	font-style: normal;
	font-weight: normal;
}
.drkoszyk input {
	width: calc(100% - 18px);
	text-align: center;
	margin: 0;
}
.drkoszyk button, .drkoszyk .drrozliczenia span, .drkoszyk .drdokument span {
	width: 100%;
	text-align: center;
	border: 1px solid #f5af4d;
	background: #f5af4d;
	display: block;
	box-sizing: border-box;
	position: relative;
	font-size: 18px;
	user-select: none;
}
.drkoszyk div.drprzyjeto {
	/* display: none; */
}
.drkoszyk input:checked + span + div.drprzyjeto {
	display: block;
}
.drkoszyk .drprzyjeto div {
	display: inline-block;
	width: 49%;
}
.drkoszyk .drrozliczenia p {
	margin: 0;
}
.drkoszyk .drdokument span, .drkoszyk .drdokument .drcofnij {
	/* width: 49.4%; */
	/* display: inline-block; */
	margin: 9px 0 0;
}
.drkoszyk .drdokument .drcofnij {
	background: #ff0000;
}
.drkoszyk .drzatwierdz .drcofnij {
	margin: 0 0 9px 0;
	background: #ff0000;
}
.drkoszyk .drdokument > input {
	margin: 9px 0 0 0;
}
.drkoszyk .drrozliczenia input:checked + span, .drkoszyk .drdokument input:checked + span, .drtab input:checked + span {
	border: 1px solid #F47C48;
	background: #F47C48;
}
.drkoszyk .drrozliczenia input:checked + span:after, .drkoszyk .drdokument input:checked + span:after, .drtab input:checked + span:after, .drstoliki input:checked + span:after, .drzamowienia input:checked + span:after, .drkartadoprzypisania[readonly] + i:after {
    display: block;
    transform: scale(1) rotate(45deg);
    right: 13px;
    top: -9px;
    border: 7px solid green;
    position: absolute;
    z-index: 10;
    content: '';
    width: 11px;
    height: 23px;
    border-width: 0 7px 7px 0;
}
.drzamowienia input:checked + span:after, .drkoszyk .drrozliczenia input:checked + span:after, .drkoszyk .drdokument input:checked + span:after {
	top: 0;
}
.drkartadoprzypisania[readonly] + i:after {
    top: -40px;
}
input + i {
	position: relative;
	width: 100%;
	display: block;
}
.drkoszyk .drdokument input:checked + span + input, .drprzypisanie input:checked + span+ input {
	display: block;
}
.drkoszyk .drrozliczenia label input[type='radio'], .drkoszyk .drdokument label input, .drkoszyk .drprzypisanie input {
	display: none;
}
.drdokument {
	/* margin: 0 0 17px 0; */
}
.drpodswietl {
    float: none !important;
    width: auto !important;
    display: inline !important;
    margin: 0 !important;
    line-height: normal !important;
    padding: 0 !important;
    font-size: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    color: #f5af4d !important;
    font-family: inherit !important;
}
.drpokazdane .drpodswietl {
    color: inherit !important;
}
.drdokument div > div {

}
.drkoszyk .drrozliczenia label.drkdr {
	text-align: right;
	width: 100%;
	display: none;
}
.drkoszyk .drrozliczenia label.drkdr div {
	display: inline-block;
	width: 55%;
	font-size: 19px;
}
.drkoszyk .drrozliczenia label.drkdr input {
	display: inline-block;
	width: 30%;
}
.drwyszukajdane {
	position: absolute;
	width: 303px;
	right: 213px;
	bottom: 11px;
	background: #258cb0;
	z-index: 1000;
	padding: 5px;
	border: 2px solid #f5af4d;
	font-size: 16px;
	font-family: 'Antonio Regular';
	display: none;
}
.drwyszukajdane > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.drwyszukajdane div > div {
	width: 100%;
	text-align: left;
	padding: 5px;
	cursor: pointer;
}
.drwyszukajdane div > div:hover {
	background: #075975;
}

.drwyszukajdane label {
	width: 100%;
}
.drwyszukajdane label.dr50 {
	width: calc(50% - 2.5px);
}
.drwyszukajdane label.dr25 {
	width: calc(36% - 2.5px);
}
.drwyszukajdane label.dr75 {
	width: calc(65% - 2.5px);
}

.drwyszukajdane i, .drpokazdane i {
	width: auto;
	float: none !important;
	font-style: normal;
	height: 23px;
	text-align: left;
	font-size: inherit !important;
}
.drwyszukajdane .drukryjnip i, .drpokazdane .drukryjnip i {
	width: 0;
	visibility: hidden;
}
.drpokazdane .drukryjnip p {
	margin: 0;
}
.drwyszukajdane span {
	font-style: normal;
	margin: 3px 9px 0 0;
	clear: both;
	padding: 0 10px;
	font-size: 13px;
	height: auto;
	line-height: 16px;
	min-height: auto;
	width: auto;
	text-align: left;
	background: #075975;
	border-color: #075975;
}
.drwyszukajdane span.dredytuj {
	float: left;
	background: #f5af4d;
	border-color: #f5af4d;
}
.drwyszukajdane p, .drpokazdane p {
	margin: 0;
	text-align: left;
}
.drwyszukajdane input {
	margin: 0 0 8px 0;
	background: transparent;
	border: 0;
	font-size: 19px;
	line-height: normal;
	height: auto;
	padding: 6px 15px;
	min-height: 0;
	text-align: left;
	display: block;
	width: 100%;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	border-radius: 2px;
	box-sizing: border-box;
}
.drwyszukajdane .drzapisz {
	display: none;
}
.drwybranaplatnosc, .drwybranydokument {
	display: none;
}
.drpokazdane {
	font-size: 20px;
	font-family: 'Antonio Regular';
	margin: 0;
}
.drpokazdane span.dredytuj {
	display: none;
}
.drrozlicz, .drsprawdz, .drprzedluz, .drzarejestrujkarte {
	color: #FFFFFF;
	text-align: center;
	/* padding: 0 10px; */
	/* left: 25%; */
	width: 72%;
	position: relative;
	font-family: 'Antonio Light', sans-serif;
	font-size: 27px;
	display: block;
	margin: 13px 10px 0 10px;
	/* float: left; */
	flex: calc(75% / 3 - 170px);
}
.drsprawdz, .drprzedluz, .drpule {
	margin: 13px 10px 0 0;
}
.drsprawdz {
	/* display: none; */
}
.drguzik {
	border: 1px solid #f5af4d;
	background: #f5af4d;
	user-select: none;
	color: #FFFFFF;
	border-radius: 2px;
	padding: 0 20px;
	font-family: 'Antonio Bold', sans-serif;
	font-size: 22px;
	cursor: pointer;
}

.drguzik:focus {     
    background-color: #439cbb;   
}

.drsrodek button {
	font-size: 40px;
	line-height: 50px;
}
.drznik {
	/* display: none; */
}
.drznik2 {
	display: none;
}
.drlightbox, .drzaloguj, .drapla {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	display: table;
	line-height: normal;
	height: 100%;
	width: 100%;
}
.drapla {
	z-index: 500;
}
.drzaloguj {
	z-index: 1000;
}
.drlightbox:after, .drzaloguj:after, .drapla:after  {
	content: "";
	background: url(image.jpg);
	opacity: 0.5;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(45deg, rgba(8,131,168,1) 0%, rgba(140,186,210,1) 50%, rgba(8,131,168,1) 100%) fixed;
	opacity: 0.9;
	z-index: -1;
}
.drlightbox input, .drzaloguj input, .drapla input, .drlista .dridentyfikator input {
	border: 1px solid #FFFFFF;
	background: transparent;
	border-radius: 2px;
	padding: 8px 20px;
	margin: 0;
	font-size: 45px;
	width: 400px;
	line-height: 70px;
	color: #FFFFFF;
	font-family: 'Antonio Bold', sans-serif;
	text-align: center;
}
.drapla td.drnazwatowaru input {
	width: 200px;
	font-size: 24px;
}
td.dridentyfikator {
	width: 400px;
}
.drapla td.drnazwatowaru button {
	width: 100px;
	font-size: 24px;
	line-height: 68px;
}
.drblad {
	border: 1px solid #FF0000 !important;
}
.drzaloguj input, .dralert label, .dralert .drskan {
	display: block;
	margin: 10px auto;
}
.dralert label {
	width: 680px;
	text-align: right;
}
.drlightbox button, .drapla button {
	width: 680px;
	color: #FFFFFF;
	border-radius: 2px;
	padding: 0 20px;
	font-family: 'Antonio Bold', sans-serif;
	font-size: 45px;
	line-height: 77px;
	vertical-align: top;
	border: 1px solid #f5af4d;
	background: #f5af4d;
	box-sizing: border-box;
	cursor: pointer;
}
.drzaloguj button {
	margin: 0;
	width: 493px;
}
button.drblokada {
	width: 150px;
	position: absolute;
	right: 0;
	top: 115px;
	font-size: 30px;
	line-height: 45px;
}
button.drblokada2, button.drzapiszidentyfikator {
	font-size: 24px;
	line-height: 50px;
	width: 190px;
}
button.drzapiszidentyfikator {
	display: none;
}
.drile p i {
	width: auto;
	margin: 0 4px 8px 4px;
	font-style: normal;
	cursor: pointer;
	min-width: 30%;
	font-size: 40px;
	flex: calc(33% - 10px);
}
.drile.drdoladowanie p i {
	flex: calc(50% - 10px);
}
.drile.drdoladowanie button {
	width: calc(100% - 8px);
}
.drlightbox input.drlapacz {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.drlightbox > div, .drapla > div, .drzaloguj > div {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 100%;
	font-family: 'Antonio Regular', Arial, sans-serif;
}
.drlightbox > div.dralert, .drapla > div.dralert {
	font-size: 45px;
}
.drlightbox > div.drile > p {
	margin: 0 auto;
	width: 500px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.drlightbox button, .drapla > button {
	margin: 10px auto;
	display: block;
}
.drlightbox button.drzamknij {
	width: 55px;
	/* border: 1px solid #ff2a2a; */
	/* background: #ff2a2a; */
	position: fixed;
	top: 0;
	right: 0;
	/* line-height: 53px; */
	height: 55px;
	margin: 0;
	overflow: hidden;
}
.drmajax {
	display: none;
	position: absolute;
	z-index: 10;
	/* top: 0; */
	left: 0;
	bottom: 0;
	/* right: 0; */
	height: 60%;
	width: 50%;
	border: 0;
}
.drzdjecie {
	text-align: center;
	background: #FFFFFFCC;
	margin: 100px auto 0;
}
.drhistoriabiletu {
	padding: 0 30px;
}
.drdol {
	display: none;
}
.drraport .drdol, .drcennik .drdol {
	display: block;
}

.drloader, .drkasa, .drwydruk {
	display: none;
}
.drloader {
	/* display: block; */
}
.drkoszyk .drdokument span.drdrdofaktury {
	display: none;
	background: red;
}
.drmajax2 {
	width: 500px;
	height: 500px;
	position: absolute;
	bottom: 0;
	visibility: hidden;

}
iframe.drtowarowanie {
	height: 0;
	width: 100%;
	border: 0;
	margin: 0 10px;
	display: none;
}

.dr1danie {
	border-bottom: 1px solid #000000;
	margin: 10px 0;
	padding: 5px 0;
	position: relative;
}
.dr1danie > * {
	display: inline-block
}
.dr1danie nr, .dr1danie l {
	width: 10mm;
	text-align: right;
	vertical-align: top;
}
.dr1danie l {
	vertical-align: bottom;
}
.dr1danie n {
	padding: 0 10px;
	width: 60mm;
}
.drpolaczenie {
	z-index: 20000;
}
.drpolacz {
	width: 50%;
	position: relative;
	top: calc(50% - 50px);
	height: 100px;
}
.drrozkaz, .drwyslijrozkaz {
	display: none;
}
.big-orange-text {
    font-size: 6vw !important;
	font-size: 60px;
	color: #f47c48;
}	


@keyframes spinner {
  to {transform: rotate(360deg);}
}
.drloading:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 5px solid #f5af4d22;
	border-top-color: #f5af4d;
	animation: spinner .6s linear infinite;
	z-index: 50;
}

@media screen and (max-width: 1280px) {
	.drzakupy label {
	    flex: calc((100% / 4) - 10px);
	    max-width: calc((100% / 4) - 10px) !important;
	}
}
@media screen and (max-width: 1180px) {
	.drzakupy label {
	    flex: calc((100% / 3) - 10px);
	    max-width: calc((100% / 3) - 10px) !important;
	}
}
@media screen and (max-width: 980px) {
	.drzakupy label {
	    flex: calc((100% / 2) - 10px);
	    max-width: calc((100% / 2) - 10px) !important;
	}
}

@media print { 
	h2, button.btn, .drszukaj, .drwybierztyp, .drpolewej, .drdrukuj, .drlogo, h1, .drzalogowany, .drlightbox, .drzmiana, .drpolacz, .drrozkaz, .drwyslijrozkaz {
		display: none !important;
	}
	body {
		qmargin-top: -10mm;
		background: #FFFFFF;
	}
	#container {
		transform-origin: top left !important;
		/* Chrome3 */
		transform: scale(1.38424);
		left: 0;
		top: 0;
	}
	#container.drbeztla:not(.drrewers) {
		background-image: none !important;
	}
	.drfoto {
		margin: 0;
	}
	transform: scale(1.38424);
		left: 0;
		top: 0;
	}
	.drwydruk {
		/* display: block; */
		color: #000000;
		padding: 0 0 10mm 0;
	}
}