.koszykHeader {
	float		: right;
	border		: 1px solid gray;
	background	: var(--niebieski_jasny);
	color		: black;
	border-radius 	: 4px;
}

INPUT.koszyk  {
	border-radius	: 0px;
	border-top-left-radius	: 4px;
	border-bottom-left-radius: 4px;
	border		: 1px dotted var(--niebieski);
	color		: var(--niebieski);
	font-weight	: var(--font-bold);
}

BUTTON.koszykKasa {
	font-weight	: var(--font-bold);
	text-transform 	: uppercase;
	background 	: var(--niebieski_jasny);
	color		: var(--color-body);   
	padding		: 4px 12px;
	cursor 		: pointer;
	margin-top	: 12px;
}

.koszykDaneDoFaktury  TD {
	padding		: 8px;
}

TABLE.koszykDaneDoFaktury {
	width		: 100%;
	
}

.koszykProForma {
}

.koszykProForma TD {
}

.koszykProForma TD:first-child {
	margin-right: 1cm; 
}

TABLE.koszykProForma {
	width		: 100%;
	border-collapse	: separate;
	border-spacing	: 0 0.3cm;
	
}

BUTTON.koszykProForma {
	font-weight	: var(--font-weight);
	text-transform 	: uppercase;
	background 	: white;
	color		: var(--color-body);   
	padding		: 4px 12px;
	cursor 		: pointer;
	margin		: 16px auto;
	display		: block;
	text-align	: center;
}

BUTTON.koszykFinalizuj  {
	font-weight	: var(--font-bold);
	text-transform 	: uppercase;
	background 	: var(--niebieski_jasny);
	color		: var(--color-body);   
	padding		: 4px 12px;
	cursor 		: pointer;
	margin		: 16px auto;
	display		: block;
	text-align	: center;
}

BUTTON.koszykZaplacTeraz {
	font-weight	: var(--font-bold);
	text-transform 	: uppercase;
	background 	: var(--zielony);
	color		: white;
	padding		: 4px 12px;
	cursor 		: pointer;
	margin		: 16px auto;
	display		: block;
	text-align	: center;
}

DIV.koszykFinalizuj {
	display		: block;
	margin		: 16px auto;
	text-align	: center;
}

BUTTON.koszyk {
	background 	: none;
	color		: var(--color-body);   
	float		: right;
}
BUTTON.koszyk, 
BUTTON.koszykZielony  {
	padding		: var(--gap) var(--padding);
	font-weight	: var(--font-weight);
	cursor 		: pointer;
}

TD .linkKupTeraz > BUTTON.koszyk {
	padding		: 0px 8px !important;
	float		: none;
}

.koszykZielony  {
	background-color: var(--zielony_jasny);
}

IMG.koszyk {
	width		: 64px;
	height		: 64px;
	border-radius	: 4px;
	border		: var(--szary2) 1px solid;
	padding		: 0px;
	vertical-align	: middle;
	margin-right	: 16px;
}

.koszykPud {
	border		: none;
	padding		: 0px;
	margin		: 0px;
	position	: relative;
	left 		: -32px;
}

.koszykImg {
	max-height	: 80px;
	float 		: left;
	margin-right	: 8px;
}


.koszykCena {
	/* text-align 	: right;*/
	display		: inline-block;
	margin-right	: 4px;
	float		: left;
	/* min-width	: 120px;*/
	/*
	position	: relative;
	top		: 10px;
	*/
}
.linkKupTeraz > .koszykCena {
	 float		: none;
}

TD .linkKupTeraz > .koszykCena {
	float		: none;
	color		: var(--niebieski);
	font-size	: var(--font-small);
	min-width	: 36px;
	text-align	: right;
	margin-right	: 8px;
}
/*
.koszykCena::before {
	content 	: "od";
	margin-right	: 4px;
	color		: var(--szary_ciemny);
	font-size 	: var(--font-small);
	line-height	: 1.2em;
}
*/
/*
.koszykCena::after {
	content 	: "/ mc";
	margin-left	: 4px;
	color		: var(--szary_ciemny);
	font-size 	: var(--font-small);
	line-height	: 1.2em;
}
*/
.koszykCenaContainer {
	margin-top	: 8px;
	text-align	: right;
}
/*
.linkKupTeraz > .koszykCena::after {
	content		: none;
}
*/
.koszykNetto {
	color		: var(--szary_ciemny);
	font-size 	: var(--font-small);
	line-height	: 1.2em;
	display		: block;
}

.koszykNetto::after {
	content 	: " + VAT";
	font-size 	: var(--font-small);
	line-height	: 1.2em;	
}

.koszykBezVAT {
	color		: var(--szary_ciemny);
	font-size 	: var(--font-small);
	line-height	: 1.2em;
	display		: block;
}

.koszykBezVAT::before {
	content 	: "netto ";
	font-size 	: var(--font-small);
	line-height	: 1.2em;	
}
/*
.koszykBezVAT::after {
	content 	: " + VAT";
	font-size 	: var(--font-small);
	line-height	: 1.2em;	
}
*/
.koszykDodajInline {
	padding		: 0px 8px;
	margin		: 0px 8px;
	display		: inline-block;
	border		: none;
	border-radius	: 8px;
	cursor		: pointer;
	background	: var(--zielony_jasny);
}

.koszykPlus,
.koszykMinus,
.koszykUsun {
	padding		: 0px 8px;
	margin		: 0px 8px;
	/* font-weight	: var(--font-bold); */
	display		: inline-block;
	font-size 	: var(--font-h5);
	float		: right;
	border		: none;
	border-radius	: 8px;
	cursor		: pointer;
}

.disabled {
	color		: white;	
	background	: silver !important;
	cursor		: initial;
}

.koszykUsun .disabled {
	display		: none;
}

.koszykUsun {
	color		: gray;/* czerwony); */
}
.koszykPlus {
	background	: var(--zielony_jasny);
}
.koszykMinus {
	background	: var(--czerwony);
	color		: white;
}
.koszykPrzyciskiKasy {
	margin-bottom	: 16px; 
	height		: 48px; 
	width		: 100%;
}
.zysk {
	background-color: var(--zielony_jasny);
	padding		: 2px 8px;
	border-radius	: 4px;
	border-bottom	: 1px solid var(--zielony);
}

.small > .zysk { 
	font-size: var(--font-small);
	line-height: 1.2em;
}

/* koszyk */ 

.table {
	min-width		: 100%;
	border-collapse	: separate;
	border-spacing	: 0px 8px;

}
.tableRowHeader {
	font-size	: var(--font-small) !important;
	color		: var(--zielony);
	margin-bottom	: 16px;
}
.tableRowProgram {
}
.tableRowPakiet {
}
.tableRowRazem {
	background	: var(--szary_jasny);
}
.tableRowDostawa {
}
.tableRowPomoc {
}
.tableRowSuma {
	border-top	: 1px solid var(--niebieski);
	background	: var(--bezowy_jasny);
}
.table TD {
	min-width	: 64px;
	border-bottom	: 1px dotted var(--zielony_jasny);
	/* padding		: 8px;*/
}

.tableRowSuma TD, 
.tableRowRabat TD,
.tableRowRazem TD {
	text-align	: right;
}

.tableContainer {
	padding		: 16px;
	padding-bottom	: 64px;
	/* max-width	: 960px;*/
	margin		: 16px auto;
	box-shadow	: 0 0 .9rem 0 rgba(34,34,34,0.3); 
	border-radius	: var(--radius);
}

.koszykOproznijForm {
	padding		: 16px;
	max-width	: 960px;
	margin		: 16px auto;

}

.koszykOproznijForm BUTTON {
	background 	: none;
	color		: var(--color-body);   
	float 		: left;
}

.ikonaKoszyka {
	float		: left;
	height		: 28px;
	width	 	: 28px;
	padding		: 4px;
	background	: none;
	margin-right	: 4px;
	text-align	: center;
	position	: relative;
	top		: -4px;
	left		: -4px;
}

.ikonaKoszyka IMG {
	max-height	: 28px;
	max-width	: 28px;
	margin		: auto auto;
}

.kasaPIN {
	display		: block;
	border		: 1px dotted var(--niebieski);
	border-radius	: 8px;
	padding		: 8px 16px;
	margin		: 0px auto;
	width		: 240px;
	text-align	: center;
}

.kasaPIN B {
	display		: block;
	font-size	: var(--font-h3);
}

@media (max-width: 850px) {  
	.tableContainer {
		padding		: 0px;
		box-shadow	: none;
	}
	.koszykOproznijForm BUTTON {
		float 		: none;
	}
}

.sklepPakiety {
	clear		: both;
	margin-bottom	: 8px;
}

.koszyk3 {
	max-height	: 24px; 
	float		: left; 
	margin-right	: 8px;
}


.koszykRocznie {
	display 	: inline-block;
	font-size	: var(--font-small);
}

.koszykRocznie::after {
	content		: "/ rok";
	margin-left	: 4px;
}

#koszykDoKasy {
	float		: right;
	margin-left	: 16px;
}

.jakaWolisz {
	float		: left; 
	display		: inline-block; 
	text-align	: left;
}

.koszykWoliszInline {
	padding		: 0px 8px;
	margin		: 0px 8px;
	display		: inline-block;
	border		: 1px solid var(--niebieski);
	border-radius	: 8px;
	cursor		: pointer;
	
}

.koszykWoliszInlineZysk {
	padding		: 0px 8px;
	margin		: 0px 8px;
	display		: inline-block;
	border		: 1px solid var(--niebieski);
	border-radius	: 8px;
	cursor		: pointer;
	
}

.niebieskieTlo {
	background	: var(--niebieski_jasny);
}

.razemWychodzi {
	float		: left;
	display		: inline-block;
	color		: var(--zielony);
}

.cenaPrzed, S {
	text-decoration	: line-through;
	color		: gray;
	text-decoration-color	: var(--zielony);
	text-decoration-thickness	: 2px;
	transform	: rotate(-3deg);
	display		: inline-block;
	margin-right	: 4px;
}