/* 2. TELEFON 360x640 */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600,700&display=swap&subset=latin-ext'); 
/*import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto:300,400,700&display=swap&subset=latin-ext');*/
@CHARSET "UTF-8";
* {
	margin: 0;
	padding: 0;
}
/* 16px @ 360px increasing to 32px @ 1920px */
:root {
	--color-dark-gray: #333333;
    --color-gray: #7E8693;
    --color-light-gray: #dedede;
	--color-red: #E62F2F;
	--color-dark-red: #C7000D;
	--color-white: #FFFFFF;
	--color-green: #34A853;
	--body-bckgr : #EDEEEF;
	--categories_dropdown-height: 0px;
	--marquee-height: 43px;
    --nav-height: 80px;
    
    --topBar-height:50px;
    --left-col-width: 100%; /*220px;*/
    /*font-size: calc(1rem + ((1vw - 3.6px) * 1.0256));*/ /*1rem=16px*/
    /*font-size: 16px;*/
    
}
body.offer-index, body.offer-show {
	--categories_dropdown-height: 48px;
}

img, embed, object, video {
	max-width: 100%;
}

html {
	/*font-size: 62.5%;*/
	padding: 0px;
	margin: 0px;
}

html *
{
	/*font-size: 16px;*/
   /*font: normal 16px 'Roboto', sans-serif;*/
   
   /*font-weight: normal;
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
   line-height: 1.5em;
   */
}

body {
	margin: 0px;
	padding: 0px;
	/*font-family: 'Roboto', sans-serif;
	font-weight:300;*/
	background-color: var(--body-bckgr);
	color: #333333;
	height: 100%;
	min-height: 100%;
	
   font-weight: normal;
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
   line-height: 1.5em;
}
.qtip {
	font-size: 14px!important;
}
.ui-widget {
   /* font-family: 'Roboto', sans-serif;
    font-size: 16px;*/
    font: normal 16px 'Roboto', sans-serif;
}

h2{
	font-weight:400;
	font-size: 100%;
}
h3{
	font-weight:400;
	font-size: 100%;
}
.red {
	color: var(--color-red);
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#middle {
	/*font-family: 'Open Sans', sans-serif;
	font-weight: 400;*/
	line-height: 1.5em;
}
#middle h2, 
#middle h3,
.label,
label {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: -0.02em;
}

#contentWrapper {
	/*font: 300 14px/normal 'Roboto',Helvetica,Arial,Sans-serif;*/
}

body < #contentWrapper #loginSite {
	background-color: #red;
}
img, embed, object, video {
	max-width: 100%;
	/*max-height: auto !important;*/
}

p {
	padding: 12px 0px;
}

/* --------------------------------------------------*/
#mainContainer {
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
#middle,
#footer {
	max-width: 100vw;
}

#middle {
	overflow-x:auto;
	/*margin-top: calc(var(--nav-height) + var(--topBar-height));*/
	
	/*margin-top: var(--topBar-height);*/
}

.index-index #middle {
	margin-top: 0;
}

.index-index #middle {
	/*margin-top: var(--nav-height);*/ /* TODO:bylo */
}
	
	#menuTop li>a:FIRST-CHILD {
		/*right: -15px;*/
		padding: 9px 15px 6px 15px;
	}
	div#productSearch>form>div:FIRST-CHILD label {
		display: block;
		padding-bottom: 12px;
	}

	.search-bar {
	  width: 463px;
	}
	

	
	div#mainContainer.twoColumns div#productSearchPanel,
	#contentWrapper
	{
		height: auto;
	}




/*------------------------header ------------------------*/
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}

div#page-title {

	/*todo: font-size: 16px;*/
	font-weight:600;
	line-height:55px;
	text-transform:uppercase;
	/*margin-bottom: 30px;*/
	margin-bottom: 1.8em;
}


div#page-title span{
	/*color: #576C93;*/
}

div#page-footer{
	margin-top:10px;
}


#header {
	/*height: 80px;*/
	background-color:#ffffff;
	box-shadow: 1px 1px 3px 0px rgba(221, 221, 221, 1);
	-moz-box-shadow: 1px 1px 3px 0px rgba(221, 221, 221, 1);
	border-bottom:1px solid #D7D7D7;
	display: flex;
}
.gradient {
	background: rgb(255, 255, 255); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#f4f4f4', GradientType=0 ); /* IE6-9 */
}

/*
#header-navigation0
{
    height: 80px;
    right: 0px;
    position: absolute;
    top: 20px;
    max-width: 1208px;
    min-width: 988px;
}
*/
	#header-navigation
	{
	    /*height: calc(100vh - var(--nav-height));*/
	}
	#header-navigation .nav
	{
	    display: none;
	}
	#header-navigation .nav.open
	{
	    display: block;
	      height: calc(100vh - var(--nav-height));
	}


/* --------------------------------  item actions ------------------------ */
svg.item-icon {
	width: 1.25rem; /*20px*/
	height: 1.25rem;
	fill: var(--color-gray); 
	/*stroke-width:5px;*/
	/*fill: var(--color-white);*/
	/*style="" */
	/*padding: 0px 5px;
	box-sizing: border-box;
	text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Sans;*/
}
svg.item-icon:hover {
  fill: var(--color-dark-gray);
}

div.message.ui-state-error svg {
	fill: var(--color-red); 
}
div.message.ui-state-error svg:hover {
  fill: var(--color-dark-red);
}

a.item-button {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.25rem;
    margin: 0px auto;
}



/* do usuniecia ... ------------------------------------------------------------------- */
.circle.wrap {
	display: table;
}

.circle.wrap > div {
    margin: auto;
    /*padding: 5px;*/
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    /*width: 106px;
    height: 106px;
    */
    height: 1.25rem;
    width: 1.25rem;
}
.circle .hgroup {
    display: table-cell;
    vertical-align: middle;
    
    border: 1px solid #E3E3E3;
    box-shadow: inset 0 0 1px #E3E3E3;
    
    /*
    border-radius: 88px;
    padding: 0px 5px 0 5px;
    */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: background .3s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*
    width: 165px;
    height: 165px;
    */
}

.circle.item-icon .hgroup  {
	/*width: 1.25rem;
    height: 1.25rem;*/
     border-radius: 1.25rem;
     	max-width: 1.25rem; /*20px*/
	max-height: 1.25rem;
    background: var(--color-gray);
}

/* /do usuniecia ... ------------------------------------------------------------------- */

/* --------------------------------  /item actions ------------------------ */

/* ----------------- mobile actions ----------------------------------- */
	#header .mobile-actions {
		margin-left: auto;
		height: var(--nav-height);
	}
	#header .mobile-actions.nav-is-open .icon-close {
		display: inline;
	}
	#header .mobile-actions.nav-is-open .icon-burger {
		display: none;
	}
	
	#header .mobile-actions>button,
	#header .mobile-actions>span.menu_cart a,
	#header .mobile-actions>span.menu_logout a
	{
		padding: 7px 8px;
		outline: 0;
		position: relative;
		
		display: block;
    	box-sizing: border-box;
	}
	
	
	#header .mobile-actions>button {
		/* padding: 0px 8px 7px 8px; */
	}
	
	#header .mobile-actions .icon-burger, 
	.icon-arrow {
		fill: var(--color-gray);
	}
	
	
	#header .mobile-actions span.menu_cart span.icon,
	#header .mobile-actions span.menu_logout span.icon  {
		display:inline-block;
		width: 32px;
		height: 32px;
	}
		
	#header .mobile-actions .icon-close {
		display: none;
		fill: var(--color-dark-gray);
	}
	#header .mobile-actions .mobile-nav-button {
		background-color: #FFFFFF;
		border: 0;
	}
	

	
	/*
	#header .mobile-actions .icon-search {
		width: 26px;
		height: 26px;
	}
	#header .mobile-actions .search-opener {
		border: 0;
		background: 0 0;
		padding-left: 26px;
	}
	#header .mobile-actions .search-opener .icon-search {
		top: auto;
	}
	#header .search {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		-webkit-transition: .1s;
		transition: .1s;
		left: 0;
		top: var(--nav-height);
		width: 100%;
		padding: 10px 20px;
		background: #FFFFFF;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
	}
	#header .search.open {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		z-index: 2;
	}
*/
	#header .mobile-actions {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content:flex-end;
		align-items:center;
		
		
		margin-right:10px;
		height: var(--nav-height);
	}
	
	#header .loginAdd {
	/*width: 100%;*/
	position: absolute;
	/*top: 39px;*/
	right: 10px;
	margin: 0px auto;
	text-align: right;
	color: #BDBDBD;
	
	
	display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content:flex-end;
		align-items:center;

		height: var(--nav-height);
}
	
	/*
	#header .mobile-actions .icon-search {
		-webkit-transform: none;
		transform: none;
		position: relative;
	}
	
	#header .button-search {
		border: 0;
		border-top-right-radius: 27px;
		border-bottom-right-radius: 27px;
		background-image: -webkit-gradient(linear, left top, right top, from(#ff8a00), to(#da1b60));
		background-image: linear-gradient(to right, #ff8a00, #da1b60);
		padding: 0 22px 0 18px;
	}
	#header .icon-search {
		fill:  rgb(63,63,63);
	}
	#header .icon-search-close {
		fill:  rgb(63,63,63);
		display: none;
	}
	#header .search {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 400px;
		flex: 0 0 400px;
		
		position:absolute;
	}
	#header .search-is-open .icon-search {
		display: none;
	}
	#header .search-is-open .icon-search-close {
		display: block;
	}
	*/
	#header  #menuTop.nav {
		scrollbar-color: #312d3c;
		scrollbar-width: 8px;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .2s;
		transition: .2s;
		position: absolute;
		top: var(--nav-height);
		left: 0;
		background: #FFFFFF;
		z-index: 1;
		width: 100%;
		height: calc(100vh - var(--nav-height));
		
		display: flex;
		flex-direction: column;
    	/*align-items: center;*/
		clear: both;
    	
    	
    	padding: 0;
    	margin: 0;
    	list-style-type: none;
	}
	ul#menuTop li > a:FIRST-CHILD {
	display: flex;
	flex-direction: row;
	align-items:center;;
	align-content: flex-start;
	}
	
	ul#menuTop li a span:FIRST-CHILD {
	display: block;
	height: 32px;
	width:32px;
	margin-right: 10px;
	}
	
	#header  #menuTop.nav.open {
    opacity: 1;
    visibility: visible;
	}

	#header  #menuTop.nav.open < li a {
	text-transform :uppercase; 
	}
	#header {
		position: fixed;
		left: 0;
		width: 100%;
		padding-right: 0;
	}

	#header {
		height: var(--nav-height);
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1000;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: #FFFFFF;
		border-bottom: 1px solid #E3E3E3;
		position: fixed;
		
		flex-flow: wrap;
		justify-content:space-between;
	}
	.screen-reader-text {
	    position: absolute!important;
	    clip: rect(1px,1px,1px,1px);
	}
	

	/*
	main {
		position: relative;
		padding-top: var(--nav-height);
	}
	*/
/* ---------------------- /mobile actions --------------------------------------- */	

div#cookies-message {
	background-color:#D2D3D4;
	padding: 20px 0px;
	/*todo: font-size: 13px; */
	color:#333333;
	line-height: 24px;

	text-align: center;
	width: 100%;
	position:absolute;
	z-index: 10001;
}

div#cookies-message a#accept-cookies-checkbox {
	background-color: #E62F2F;
	padding: 3px 10px;
	color: #FFF;
	border-radius: 4px;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 display: inline-block;
	 margin-left: 10px;
	 text-decoration: none;
	 cursor: pointer;
	 font-weight:600;
}

div#cookies-message a#more-info-cookies {
	text-decoration: none;
	color:#7F8794;
}


 #menuTop li div.subMenu
 {
	position: absolute;
	right:-36px;
	/*top: 70px;*/
	margin-top:-1px;
	width: 397px;
	margin: 0px;
	display:none;
	 border: 1px solid #DDDDDD;
    z-index: 9999;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}



#menuTop li a
{
	top:1px;
}
#menuTop li a#menu-accountButton,
#menuTop li a#menu-cartButton
{
	border-style: solid;
    border-width: 1px 1px 0;
    border-color: #ffffff;
}

#menuTop li:HOVER a#menu-accountButton,
#menuTop li:HOVER a#menu-cartButton
 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    border-radius: 3px 3px 0 0;
    position: relative;
    z-index: 10000;
}

#menuTop li > a:FIRST-CHILD
{
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

#header-navigation div#cartSummary h2 {
	/*todo: font-size: 12px; */
}

#cartSummary span.label {
	width: 100px;
	display: block;
	float: left;
	font-weight:600;
}

#cartSummary span.value {
	width: 90px;
	display: block;
	float: right;
	text-align: right;
}

#header-logo {
	max-height: calc(var(--nav-height) - 10px);
	width:160px;
	padding-left: 10px;
	/*display: table;*/
	z-index: 2;
}
#header-logo img {
	max-width:140px;
	max-height: calc(var(--nav-height) - 10px);
}
/*
#header-logo a {
	vertical-align:middle;
    display: table-cell;
    text-align: center;
}*/
#menuTop.nav li.menu_start,
#menuTop.nav.open li.menu_cart,
#menuTop.nav.open li.menu_logout {
	display: none;
}

/*
#menuTop.nav > li > ul {
	display: none;
}
#menuTop.nav > li > ul.toogle {
	display: block;
}
*/

@media (max-width:991px){
	
	#header #menuTop.nav {
		background-color: #F3F3F3;
		/*clear: both;
	    margin: 0;*/
	}

}

/*------------------------/header ------------------------*/
pre {
	/*todo: font-size: 13px;*/
	white-space: pre-wrap; /* css-3 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
	/*content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
*/

}

div.fullWidth,
div.clear {
	margin: 0;
	display: block;
	width:100%;
}

.notes {
	margin-top: 20px;
}

.nowrap {
	white-space: nowrap;
}

.onepx {
	width: 1px;
}






#productSearch div.gradient {
	background: #fdfdfd; /* Old browsers */
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%, #f7f7f7 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#fdfdfd',
		endColorstr='#f7f7f7', GradientType=0 ); /* IE6-9 */
}

#topBar {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #D7D7D7;
	display: flex;
	flex-direction: column;
	
	/*
	position: fixed;
	top: var(--nav-height);
	z-index: 999;
	*/
	position: relative;
	margin-top: calc(var(--nav-height) + var(--categories_dropdown-height));
}

#topBar > div {
	/*float: left;
	position: absolute;
	line-height: 50px;
	*/
}
#topBar #ownerInfo {
	order: 0;
	font-size: 0.875em;
	flex-wrap: wrap;
	display: flex;
	justify-content: flex-start;
	margin:10px;
}

#topBar #ownerInfo > span {

	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0.025em 0.025em 0;
}
#topBar #ownerInfo .nazwa {
	    font-weight: 600;
	    padding-right: 0.825em;
}
#topBar #searchMenu {
	order: 4;
	margin-left: 0;
}
#topBar #breadcrumbs {
	order: 2;
	/*margin: 5px auto 5px 0px;*/
	font-size: 0.875em;
}
#topBar #nav-search {
	order: 1;
}


	#categories_dropdown {
		background-color: var(--color-white);
		height: var(--categories_dropdown-height);
		width: 100%;
		text-align: center;
	}

	
	#mobile-categories-button .icon-arrow {
		transform: rotate(90deg);
		padding: 4px;
	}
	#mobile-categories-button .icon-arrow.bottom {
		transform: rotate(-90deg);
	}
	
	a#mobile-categories-button  {
		width: 100%;
		color: var(--color-dark-gray);
		font-weight: 300;
		text-decoration: none;
		align-items: center;
		justify-content: center;
		display: flex;
		border-bottom: 1px solid var(--color-light-gray);
    	height:  var(--categories_dropdown-height);
	}

#searchMenu {
	text-align: center;
	/*padding: 0px 14px 0px 14px;*/
	/*border-right: 1px solid #D7D7D7;*/
}


ul#menuTop.open li > a:FIRST-CHILD
{
	border-top: 1px solid #E3E3E3;
    text-align: center;
    
    padding: 1em 0.875em;
   
    text-transform: uppercase;
    position: relative;
    /*
    font-size: 20px;
     font-weight: 300;
    */
    
    /*todo: font:400 17px/normal 'Roboto', Helvetica, Arial, Sans-serif;*/
    
}

ul#menuTop.open li:nth-child(2) > a:FIRST-CHILD {
	border-top: none;
}
ul#menuTop.open ul {
	padding: 0;
    margin: 0;
    list-style-type: none;
}
    
ul#menuTop.open ul li > a:FIRST-CHILD
{
	 /*todo: font:300 16px/normal 'Roboto', Helvetica, Arial, Sans-serif; */
	 padding: 12px 14px;
	 margin-left: 14px;
	 border-top: none;
	 font-weight: 300;
}

#mainContainer.oneColumnBckgr div#breadcrumbs {
	/*margin-left: 55px;*/
}



/* ----------------------------------- uproszczona wyszukiwarka - rozwijana ------------------------------- */
.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
	min-width: 60px;
	height: 60px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

input.range-filter_from, input.range-filter_to {
	width: 70px;	
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	/*todo: font-family: inherit;*/
	/*todo: font-size: 20px; */
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #e67e22;
	z-index: 90;
	/*todo: font-size: 22px; */
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight:300;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #da6d0d;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}


/* ----------------------------------- uproszczona wyszukiwarka ------------------------------- */
#topBar #nav-search * {
    box-sizing: border-box;
}


#topBar #nav-search {
	line-height: 50px;
    width:96%;
	
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin: 5px auto;
}

#topBar #nav-search .nav-searchbar {
   /*margin-bottom: 0;
   margin-top:13px;
   */
}
#nav-search .nav-searchbar {
    border-radius: 4px;
    display: block;
    position: relative;
}


#nav-search .nav-searchbar .nav-fill,
#nav-search .nav-searchbar .nav-left, 
#nav-search .nav-searchbar .nav-right,
#nav-search .nav-search-submit {
    height : 36px;
    position: relative;
}

.nav-left {
    display: inline-block;
    float: left;
    width: auto;
}
#nav-search .nav-searchbar .nav-right {
    min-width: 0;
}

.nav-right {
    display: inline-block;
    float: right;
    width: auto;
}

#topBar #nav-search .nav-searchbar .nav-fill {
    overflow: hidden;
}

.nav-fill {
    white-space: nowrap;
    width: auto;
}

#topBar #nav-search .nav-search-submit {
    background-color: #E62F2F;
    background-image: none;
    border: medium none;
    width: 40px;
}
#topBar #nav-search .nav-search-submit:HOVER {
	background-color: #c7000d;
}

#nav-search .nav-search-submit {
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
}

#topBar #nav-search #nav-search-submit-text.nav-sprite {
    background-position: -40px -715px;
    height: 16px;
    width: 18px;
}
#topBar #nav-search-submit-text.nav-sprite {
    text-indent: -500px;
    top: 9px;
}
#topBar #nav-search-submit-text {
    color: #111;
    left: 12px;
    text-shadow: none;
}
#nav-search .nav-search-submit .nav-search-submit-text {
    /*todo: font-family: arial,sans-serif; */
    /*todo: font-size: 13px;*/
    font-weight: 700;
    line-height: 13px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.nav-sprite, .nav-icon {
    background-image: url('../images/sprite.png');
    background-repeat: repeat-x;
}

#nav-search .nav-search-submit .nav-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    /*todo: font-size: 14px; */
    height: 100%;
    line-height: 1px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    position: relative;
    text-indent: -1000px;
    width: 100%;
}

/*
#topBar #nav-search .nav-fill {
    height: 35px;
}
*/


.nav-fill {
    white-space: nowrap;
    width: auto;
}

#topBar #nav-search .nav-search-field {
    border: medium none;
}
#nav-search .nav-search-field {
    background: #fff none repeat scroll 0 0;
    height: 36px;
    position: relative;
}

#nav-search .nav-search-field .nav-input {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   border-right-style:none;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   display: block;
    
    left: 0;
    height: 36px;
    line-height: 36px;
   
    margin: 0;
    outline: 0 none;

   padding: 2px 4px 2px 0;
    position: absolute;
    text-indent: 4px;
    top: 0;
    width: 100%;
}

/*
#topBar #nav-search .nav-search-scope {
    background-color: #f3f3f3;
    background-image: none;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
}
#nav-search .nav-search-scope {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-position: 0 -532px;
    border-image: none;
    border-radius: 4px 0 0 4px;
    float: left;
    height: 35px;
    margin: 0;
    overflow: hidden;
    padding-left: 5px;
    position: relative;
}
*/


/*
input, select, textarea {
    font-family: Arial,sans-serif;
    transition: all 100ms linear 0s;
}
button, input, select, textarea {
    vertical-align: middle;
}
*/
/*
#nav-search {
	margin-left: 968px;
}
*/

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


/**
 * @section           Sprite
 */
/* ------------------------------------------------------------------------- */
/*#b2b_cart a.uwagi, #b2b_cart a.cart-button-del*/
#bottom-footer .version a,ul#menuTop li a span:FIRST-CHILD,ul#menuTop li.active a span:FIRST-CHILD,span.my-icon-triangle-e,span.my-icon-triangle-w,.smallButton.btnRemove,
.smallButton.btnModify,
#documentForm td.button.popup.uwagi a.uwagi,
.custom-ui-icon-search,button#szukaj .ui-icon,
button[name^="add"] .custom-ui-icon-cart,
.cart-button a.cart-button_add span.ui-icon.custom-ui-icon-cart,
a.homePage,
.listing-options .listing-views a, a#showHideProductSearch span, a#showHideProductSearch.closed span, .pager-nav li .arrow,
div#listing a.uwagi, div.productInfoContent table.mainTable span.uwagi a.uwagi,
div#productInfo div.productLots a.uwagi,
#header .mobile-actions span.menu_cart span.icon,
#header .mobile-actions span.menu_logout span.icon
{
	background: transparent url('../images/sprite.png') 0 0 no-repeat;
}

.ui-widget {
	/*todo: font-family: Arial, 'Open Sans', sans-serif; */
	font-weight:300;
	/*todo: font-size: 13px; */
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
{
	/*todo: font-family: Arial, 'Open Sans', sans-serif; */
	font-weight:300;
}

input:disabled,textarea:disabled {
	background-color: #FAFAFA;
}

/*div#header.nobackground,*/
div#middle.nobackground,div#contentWrapper.nobackground,div#middle.nobackground
{
	background: none;
}

div#header.nobackground {
	background: var(--body-bckgr)
}

div#header.nobackground {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 0px;
}

a {
	color: #E62F2F;
	text-decoration: none;
	outline: none;
	border: none;
}

a:hover {
	text-decoration: underline;
}

#offerNav a {
	color: #333333;
}

#offerNav a.jstree-clicked {
	color: #ffffff;
}

a.color {
	color: #D81919;
}

h1 {
	/*todo: font-size: 18px;*/
	padding-bottom: 10px;
}

h2 {
	/*todo: font-size: 16px;*/
	padding-bottom: 10px;
}

h3 {
	/*todo: font-size: 14px;*/
	margin-bottom: 12px;
}

img {
	margin: 0px;
	border: none;
	border-style: none;
}


a#showHideProductSearch {
	padding: 0px 20px 0px 0px;
	text-align: right;
	display: block;
	color: #7D8592;
	text-decoration: none;
	line-height: 13px;
	margin-top: 15px;
}

a#showHideProductSearch:LINK span {
	background-position: -75px -984px;
	background-color:#7E8693;
	width:11px;
	height:11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	margin-right:2px;
	overflow: hidden;
	line-height: 13px;
	float: right;
	margin-left: 10px;
}

a#showHideProductSearch:hover {
	color: #333333;
}

a#showHideProductSearch:hover span {
	background-color:#333333;
}

a#showHideProductSearch {
	margin-top: 5px;
	margin-bottom: 0px;
}
a#showHideProductSearch.closed {
	margin-top: 5px;
	margin-bottom: 0px;
}

div#mainContainer.twoColumns div#productSearchPanel {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
     flex-direction: column-reverse;
}

div#mainContainer.twoColumns div#productSearchPanel.closed {
	 flex-direction: column;
}


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




a#showHideProductSearch.closed:LINK span {
	background-position: -86px -983px;
}

a#showHideProductSearch:hover span {
	background-color:#333333;
}



span.priorytet-symbol{
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
}

img.status-symbol {
	width: 16px;
	height: 16px;
}

div#productInfo div.headerRow span.priorytet-symbol {
  vertical-align:middle;
  margin-top: -3px;
  margin-right: 5px;
    text-indent: -9999px;
    display: inline-block;
}

#productInfo .item-icons .line {
  border-left: 1px solid #7E8693;
  width: 1px;
  height: 16px;
}

table#b2b_products td.quantity {
	color: #7E8693;
}



.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

#header {
	margin: 0;
	/*padding: 10px 0px 10px 0px;*/
}



#pagecontent.main-content {
	padding: 20px 0px 30px 0;
	/*min-height: 100%;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#mainContainer.oneColumn div#contentWrapper
{
		margin-top: 52px;
}

	
div#mainContainer.twoColumns div#contentWrapper,
div#mainContainer.oneColumnBckgr div#contentWrapper {
	margin-top: 22px;
	margin-bottom: 22px;
}

div#mainContainer div#contentWrapper {
  padding: 0px 10px 20px 10px;
}

div#mainContainer.twoColumns div#productSearch {
	boz-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	padding: 19px 10px 5px 10px;
}



div#productSearch div.block {
	padding: 18px 20px 18px 20px;
	
	display: flex;
	justify-content: space-between;
}
/*
div#productSearch div.block:LAST-CHILD {
	padding-bottom: 11px;
}
*/

div#productSearch label {
	font-weight:600;
	padding-right: 7px;
}

div.range-filter .range-filter_dash {
	padding-left: 3px;
	padding-right: 3px;
}

div#productSearch label[for="allCategories"] {
	font-weight:300;
}


form#searchForm>div.block>div:last-of-type, form#searchByTextForm>div.block>div:last-of-type {
	margin-right: 0px;
}


div#productSearchPanel div#productSearch form#searchForm div.flex.block > div {
	/*display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;*/
    
    display: flex;
    width:100%;
    justify-content: space-between;
    margin-bottom: 1em;
    
    flex-wrap: wrap;
}

div#productSearchPanel div#productSearch form#searchForm div.flex.block > div > * {
	margin: auto 0;
	display: block;
	width: 100%;
}
	
div#productSearchPanel div#productSearch form#searchForm div.flex.block > div > select {
	flex-grow: 1;
	max-width: 100%;
	/*max-width: 70%;*/
}

a.homePage {
	/*background-position: -85px -931px;*/
	background-position: -85px -945px;
	height: 100%;
	display: inline-block;
	padding-left: 18px;
	text-align: right;
	background-repeat: no-repeat;
	margin-left: 10px;
}

#breadcrumbs {
	color: #7E8693;
}

#breadcrumbs a {
	color: #333333;
}

#breadcrumbs a:HOVER {
	color: #333333;
	text-decoration: none;
}

.custom-ui-icon-search,
button#szukaj .ui-icon {
	background-position: -27px -881px;
}

button#szukaj:hover .ui-icon {
	background-position: -63px -881px;
}

button#szukaj span.ui-icon {
	width: 36px;
	height: 32px;
}

button#szukaj.ui-button-icon-only .ui-icon {
	margin: -11px 0px 0px -16px;
}



button#szukaj.ui-corner-all.ui-button-icon-only,button#szukaj.ui-corner-all.ui-button-icon-only:ACTIVE
	{
	background: transparent;
	border: none;
	border-radius: 0px;
	width: 36px;
	height: 32px;
}

button#szukaj.ui-state-focus {
	border-width: 0px;
	border-image-width: 0;
	outline-width: 0;
}


/*BYLO*/
/* -----------------------------------------------

input[type=checkbox] {
	display: none;
}

input[type=checkbox]+label::BEFORE {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 8px;
	background-color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	line-height: 15px;
}

input[type=checkbox]:checked+label::BEFORE {
	content: "\2714"; 
	color: #2F3436;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 15px;
}
--------------------------------------------------------- */
.custom-checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}

.custom-checkbox span {
  display: block;
  line-height: 20px;
  text-align: left;
}

.custom-checkbox span::before {
    content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 8px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	line-height: 20px;
	-webkit-box-shadow: 0px -1px 1px 0px rgba(238, 238, 238, 1);
	-moz-box-shadow: 0px -1px 1px 0px rgba(238, 238, 238, 1);
    box-shadow: 0px -1px 1px 0px rgba(238, 238, 238, 1);
}

.custom-checkbox span::after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 19px;
  height: 19px;
  font-size: 19px;
  line-height: 19px;
  text-align: center;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.custom-checkbox input[type="checkbox"]:checked + span::after {
  content: "\2714"; 
  color: #2F3436;
}

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



div#mainContainer.oneColumn #pagecontent.main-content {
	padding-left: 10px;
	padding-right: 10px;
}

div#mainContainer.oneColumn div#middle {
/*	margin: 0px auto;*/
}

div#mainContainer.oneColumn #pagecontent div#contentWrapper.content-bckgr
{
	background-color: transparent;
	background: none;
}

div#mainContainer.oneColumn #pagecontent div#contentWrapper.content-corner
	{
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

div#mainContainer.oneColumn #pagecontent div#contentWrapper.content-border
	{
	border-width: 0px;
}


/*ukrywanie lewej kolumny ------------------------------------------------------ */
div#mainContainer.oneColumn div#leftColumn,
div#mainContainer.oneColumnBckgr div#leftColumn
{
	/*width: 0px;
	margin:0;*/
	display: none;
}

div#mainContainer.oneColumn div#middle div#pagecontent div#contentWrapper,
div#mainContainer.oneColumnBckgr div#middle div#pagecontent div#contentWrapper
{
	margin-left: 0px;
}

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


#contentWrapper, #productSearchPanel {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#searchForm, #searchByTextForm, #searchForm > div.block  {
	position: relative;
}

#searchForm {
		/*overflow: hidden;*/
}

.content-border {
	border: 1px solid #D7D7D7;
}


 
.content-corner {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.content-left-corner {
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

.content-right-corner {
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

.content-bckgr {
	background-color: #ffffff;
	background: rgb(253, 253, 253); /* Old browsers */
	background: -webkit-linear-gradient(top, rgb(253, 253, 253) 0px,
		rgb(247, 247, 247) 54px, rgb(238, 238, 238) 55px, rgb(255, 255, 255)
		56px ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(253, 253, 253) 0px,
		rgb(247, 247, 247) 54px, rgb(238, 238, 238) 55px, rgb(255, 255, 255)
		56px ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(253, 253, 253) 0px,
		rgb(247, 247, 247) 54px, rgb(238, 238, 238) 55px, rgb(255, 255, 255)
		56px ); /* IE10+ */
	background: linear-gradient(to bottom, rgb(253, 253, 253) 0px,
		rgb(247, 247, 247) 54px, rgb(238, 238, 238) 55px, rgb(255, 255, 255)
		56px ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#fdfdfd',
		endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}

.content-color {
	background-color: #ffffff;
}

.content-shadow {
	-webkit-box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17);
	box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17);
}

#contentWrapper.content-border {
	border-width: 0px;
}
#contentWrapper.content-corner {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

div#contentWrapper h2 {
	color: #576C93;
	padding-bottom: 25px;
}

#leftColumn, #searchMenu {
	width: calc(var(--left-col-width) - 1px); 
	max-width: calc(var(--left-col-width) - 1px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


div#categoriesTree {
	overflow:visible;
	width:100%;
	margin-bottom: 50px;
    box-sizing: border-box;
}

div#categoriesTree.jstree {
  overflow: hidden;
  text-overflow: ellipsis;
}

#searchMenu {
	width: var(--left-col-width);
	max-width: var(--left-col-width);
	padding-top: 20px;
	padding-bottom: 20px;
}


#subNav,#offerNav {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#subNav {
	display: none;
}

#offerNav h2 {
	height: 17px;
	color: #E62F2F;
	text-transform: uppercase;
	/*todo: font-size: 13px;*/
	padding-top: 8px;
	padding-left: 20px;
}

/**
 * @section           Footer
 */
/* ------------------------------------------------------------------------- */
div#footer {
    margin: 0;
    padding: 15px 0px;
    background-color: #E4E5E6;
    background-repeat: repeat-x;
    background-position: top;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}


#bottom-footer,
#bottom-footer a, #bottom-footer a:active, #bottom-footer a:hover, #bottom-footer a:visited
#custom-footer a, #custom-footer a:active, #custom-footer a:hover, #custom-footer a:visited,
#topBar #ownerInfo a, #topBar #ownerInfo a:active, #topBar #ownerInfo a:hover, #topBar #ownerInfo a:visited {
	color: #6A6A6A;
}

#bottom-footer {
	margin-top: 0px;
	padding-top: 0px;
	min-height: 23px;
	text-align: center;
	/*todo: font-size: 12px;*/
	width: 100%;
	position: relative;
	
}
/*
#bottom-footer::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/

#custom-footer {
	text-align: center;
	margin: 0 auto 0px auto;
	padding: 0;
	color: #6A6A6A;
	min-height: 23px;
	margin: 0 auto;
}


div#custom-footer h2 {
	text-align: center;
	padding: 0 10px;
	margin:0;
	font-weight: 300;
	font-size: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

div#custom-footer h3 {
	font-weight: 300;
	font-size: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0.625em 0.3125em 0;
	font-size: 0.875em;
}

#custom-footer h2 span,
#custom-footer h3 span {
	margin-right: 5px; 
	white-space: nowrap;
}

div#custom-footer h2 span:last-child,
#custom-footer h3 span:last-child {
	margin-right: 0; 
}

#custom-footer h3 span.organization-name {
	font-weight: 600;
}







#bottom-footer .version {
	display: flex;
	justify-content: center;
	padding: 20px 0 0 0;
	font-size: 0.8125em;
}

#bottom-footer .version > span:first-child {
	display: inline-block;
	/*todo: font-size: 13px;*/
}
#bottom-footer .version > span:nth-child(2) {
	height: 23px;
	box-sizing: border-box;
	padding-left: 5px;
}

#bottom-footer .version span a {
	display: inline-block;
	width: 107px;
	height: 23px;
	text-indent: -9999px;
	background-position: 0 -1257px;
	cursor: pointer;
	
}

table {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.horizontalForm div.row {
	float: left;
	margin-left: 15px;
}

.horizontalForm div.row.separator {
	border-right: dotted 1px gray;
	padding-right: 8px;
}

.horizontalForm div.label {
	height: 18px;
	font-weight:600;
}

.horizontalForm div.element {
	margin-bottom: 2px;
}

.clear {
	clear: both;
}

/*----------------------------------------------------------------------*/
table.list td {
	border-bottom: none;
	padding: 3px;
}

table.list th {
	text-align: left;
	vertical-align: top;
	padding: 3px 20px 3px 0px;
	min-width: 135px;
	max-width: 150px;
}
 
table.list.uwagi > tbody:nth-child(1) > tr:nth-child(1) > th,
table.list.uwagi > tbody:nth-child(1) > tr:nth-child(1) > td
{
	padding-top: 30px;
} 



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


/*----------------------------------------------------------------------*/
table.tab {
	margin-bottom: 1.75em;
}

table#b2b_cart, table#replacements {
	width:100%;
}

table.tab thead th {
	text-align: left;
}





table#b2b_cart.tab tbody.summary tr.summary td {
	padding-top: 10px;
	padding-bottom: 0px;
}

table#b2b_cart.tab tbody.summary tr.summary.kgo td {
	padding-top: 0;
	padding-bottom: 0;
}



table#b2b_cart tbody td.jm
{
	padding-right: 0px;
}

table#b2b_cart tbody td.aktualizuj
{
	padding-left: 10px;
}

table.tab th:FIRST-CHILD,
table.tab tr > td:nth-child(1) {
	padding-left: 5px;
}

table.tab td:LAST-CHILD,table.tab th:LAST-CHILD {
	padding-right: 5px;
}

table.tab td a:link {
	color: #7E8693;
	font-weight:600;
	text-decoration: none;
}

table.tab td a:visited {
	color: #7E8693;
}

table.tab td a:hover,table.tab tbody tr:hover td a {
	color: #333333;
}
table.tab td .cart-button a:hover {
	color: #ffffff;
}


table.tab td a.active {
	color: #333333;
}

table.tab tbody td {
	border-bottom: 1px solid #EEEEEE;
}

table.tab tbody td.no-rowspan {
	border-bottom: none;
}

table.tab tbody td.rowspan {
	vertical-align: top;
}

table.tab thead th {
	border-bottom: 2px solid #EEEEEE;
}

table.tab tfoot td,table.tab tfoot th {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.tab tfoot tr:FIRST-CHILD td,
table.tab tfoot tr:FIRST-CHILD th,
table#b2b_cart.tab tbody.summary tr:FIRST-CHILD th,
table#b2b_cart.tab tbody.summary tr:FIRST-CHILD td
{
	/*
	padding-top: 2em;
	box-sizing: border-box;
	*/
}

table.tab tfoot tr:LAST-CHILD td,
table.tab tfoot tr:LAST-CHILD th,
table#b2b_cart.tab tbody.summary tr:LAST-CHILD th,
table#b2b_cart.tab tbody.summary tr:LAST-CHILD td,
table#b2b_cart.tab tbody.summary tr.summary.kgo:LAST-CHILD td
{
	/*padding-bottom: 1em;*/
}


table#b2b_cart.tab tbody.summary tr td:FIRST-CHILD
{
	/*
	text-align: right;
	padding-right: 0px;
	*/
	
}




table.tab tr.summaryRow th,
table.tab tr.summaryRow td span {
	font-weight:600;
}

table.tab tr.warning,
table.tab tr.warning:hover td a
tr.warning th,tr.warning td,
.warning {
	color: var(--color-red);
}



table#b2b_cart.tab tfoot tr:FIRST-CHILD td,table#b2b_cart.tab tfoot tr:FIRST-CHILD th {
	padding-top: 36px;
}

table#b2b_cart.tab tbody.summary td,
table#b2b_cart.tab tbody.buttons td {
	border-width: 0px;
}

/**
 * @section           Dokumenty
 */
/* ------------------------------------------------------------------------- */
table#doc-payments td:nth-child(1),table#doc-offers td:nth-child(1),table#doc-orders td:nth-child(1),table#doc-invoices td:nth-child(1)
	{
	padding-right: 0px;
}

table#doc-payments td:nth-child(2),table#doc-offers td:nth-child(2),table#doc-orders td:nth-child(2),table#doc-invoices td:nth-child(2)
	{
	padding-left: 5px;
}

table#doc-payments tfoot tr:LAST-CHILD td,table#doc-payments tfoot tr:LAST-CHILD th
	{
	border-bottom: 1px solid #EEEEEE;
}

/* ------------------------------------------------------ */
table#doc-complaints td.uwagi {
	min-width: 240px;
}

table.tab th.status {
	width: 50px;
}

table.tab th.image {
	width: 80px;
}

table.tab th.price.wide {
	width: 110px;
}

table.tab th.date {
	width: 90px;
}

table.tab th.document {
	width: 120px;
}

table.tab th.longTxt,table.tab td.longTxt {
	width: 300px;
}

.selectedRow {
	cursor: pointer;
}


table.tab td.button {
	width:40px;
}

#b2b_cart.tab tbody td.name,
table.tab tbody td.name {
	min-width: 120px !important;
}

#b2b_cart.tab tbody td.name span.item-name,
#replacements.tab tbody td.name span.item-name {
	color: #7E8693;
}

/*#b2b_cart */
.tab tbody td.name .partia-nr, 
.tab tbody td.name .partia-nazwa {
	display: block;
}


#b2b_cart.tab td.price,
#replacements.tab td.price {
	white-space: nowrap;
}

#b2b_cart.tab td.jm,
#replacements.tab td.jm {
	padding-right: 0px;
	padding-left: 0px;
}

#b2b_cart.tab td.jm span,
#replacements.tab td.jm span {
	padding-left: 0;
}

table#b2b_cart td.price.cenajed,table#b2b_cart th.price.cenajed,
table#replacements td.price.cenajed,table##replacements th.price.cenajed {
	width: 100px;
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
}

table#b2b_cart td.price span:nth-child(1),
table#replacements td.price span:nth-child(1)
{
    font-weight:600;
}



table.tab td.button {
	text-align: center;
}

table.tab td.message {
	text-align: center;
}

table.tab td.quantity {
	text-align: right;
}

table.tab td.summaryLabel {
	text-align: right;
}

table.tab td.image.big {
	height: 72px;
	text-align: center;
}

table.tab td.image.small {
	height: 24px;
	text-align: center;
}

table.tab td.status {
	text-align: center;
	padding: 0px 8px;
}

table.tab td.jm {
	white-space: nowrap;
}

table.tab td.status img {
	float: right;
}

table.tab td.state {
	width: 100px;
	text-align: center;
}

table.tab td.order {
	width: 95px;
}

table.tab td.order input,
.listing .offer .order input
{
	/*width: 50px;*/
	/*width:40%;*/
}



table.tab tr.even td {
	
}

table#b2b_cart tr.szczegoly td {
	text-align: right;
}

table#b2b_cart tbody tr.footer:hover td {
	background: none;
}

table#b2b_cart tbody td.price span {
	padding: 0px;
}

table#b2b_cart thead th.usun,table#b2b_cart tbody td.usun,
table#b2b_cart thead th.uwagi,table#b2b_cart tbody td.uwagi {
	padding-right: 2px;
}

table#b2b_cart thead th.uwagi,table#b2b_cart tbody td.uwagi,
table#b2b_cart thead th.zamienniki,table#b2b_cart tbody td.zamienniki,
#productInfo span.calc, #productInfo span.uwagi, #productInfo span.button.zamienniki {
	padding-left: 2px;
}
table#b2b_cart thead th.usun,table#b2b_cart tbody td.usun,
table#b2b_cart thead th.uwagi,table#b2b_cart tbody td.uwagi,
table#b2b_cart thead th.zamienniki,table#b2b_cart tbody td.zamienniki
{
	width: 40px;
}

/*
table.tab tbody tr:hover td { 
	background: rgb(255, 255, 255);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% );
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% );
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% );
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#f4f4f4', GradientType=0 );
}
*/

table.tab tbody.summary tr:hover td
{
background: none;
}

table#b2b_cart.tab tbody.summary tr.summary:FIRST-CHILD th,
table#b2b_cart.tab tbody.summary tr.summary:FIRST-CHILD td
{
	border-top:1px solid #eeeeee;
}
table#b2b_cart.tab tbody.summary tr.summary:LAST-CHILD th,
table#b2b_cart.tab tbody.summary tr.summary:LAST-CHILD td
{
	border-bottom:1px solid #eeeeee;
}

table.tab .footer input,table.tab .footer button,
table.tab .footer input,table.tab .footer a.button,
div#listing.listing .footer input,
div#listing.listing .footer button
{
	float: right;
}

table.tab .paginator {
	text-align: center;
}

/*
table.tab tr.summary.big {
	height: 40px;
}
*/


table.tab tr.summary th {
	text-align: right;
	font-weight:600;
}

table.tab tr.summary.warning th {
	color: #E62F2F;
}

table.tab tr.summary th.important {
	background-color: #333333;
	color: #ffffff;
}

table.tab tr.summary td {
	font-weight:600;
}

table.tab tr.summary.kgo td {
    font-weight:300;
}

table.tab tr.summary.warning td {
	color: #E62F2F;
}

table.tab tr.summary td.error {
	background-color: #FFBABA;
}

table.tab tr.summary td.important {

}

table.tab tr.warning td a,
div#contentWrapper p.info a {
	color: #ED6161;
}

/*----------------------------------------------------------------------*/
table.smallTab th {
	background-color: #E9E7E7;
	padding: 5px 10px;
}

table.smallTab tr.hover td {
	background-color: #eaedf1 !important;
}

table.smallTab td {
	width: 400px;
	height: 20px;
	border-bottom: 1px solid #E6E6E6;
}

table.smallTab span,
table.tab span:not(:first-child) {
	padding-left: 4px;
}

table.tab td.name span {
	padding-left: 0px;
}

table.smallTab a.noIcon {
	padding-left: 20px;
}

/*----------------------------------------------------------------------*/
#productInfo .headerRow {
	padding-top: 17px;
	padding-bottom: 11px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 15px;

}

#productInfo .headerRow>div,
#productInfo .headerRow>span
{
	display: inline-block;

}

#productInfo .headerRow>img {
	display: inline-block;
}

div#productInfo div.headerRow div.cecha img
{
	width: 16px;
	height: 16px;
	vertical-align:text-bottom;
}

#productInfo .headerRow>div {
	margin-right: 20px;
}

#productInfo .headerRow>div:LAST-CHILD {
	margin-right: 0px;
}

#productInfo .headerRow>div.nazwa span {
	font-weight:300;
	font-size: 22px;
	letter-spacing: .03em;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  
}

#productInfo .headerRow > div.nazwa {
	margin-bottom: 21px;
}
	
	
#productInfo .headerRow > div {
	font-size: 13px;
}
#productInfo .headerRow > div span.label {
	font-size: 14px;
    font-weight: 300;
    letter-spacing: .03em;
    color: #aaa;
}

#productInfo .fotoContainer {

	text-align: center;
}

#productInfo .fotoContainer {
	display: flex;
	flex-wrap: wrap;
	margin-bottom:20px;
}

#productInfo .fotoContainer > div {
	width: 100%;
	margin:auto;

	}

#productInfo .fotoContainer >div:FIRST-CHILD> a >img {
	margin-bottom: 5px;

}

#productInfo .productInfoContent {
	margin-top: 4px;
}

#productInfo #mainTable td {
	width: 150px;
}

#productInfo div#tabs table.tab {
	width: 100%;
}

#productInfo div#tabs table.tab td.label {
	font-weight:600;
}

#productInfo div#tabs table.tab td.color {
	color: #7E8693;
}

#productInfo #tabs-3 td:FIRST-CHILD,#productInfo #tabs-4 td:FIRST-CHILD,#productInfo #tabs-5 td:nth-child(1),#productInfo #tabs-5 td:nth-child(2),#productInfo #tabs-6 td:nth-child(1),#productInfo #tabs-6 td:nth-child(2),#productInfo #tabs-6 td:nth-child(3),#productInfo #tabs-7 td:nth-child(1),#productInfo #tabs-7 td:nth-child(2),#productInfo #tabs-7 td:nth-child(3),
#productInfo #tabs-9 td:nth-child(1),#productInfo #tabs-10 td:nth-child(1)
{
	width: 90px;
	white-space: nowrap;
}

#productInfo #tabs-7 td:nth-child(3),#productInfo #tabs-7 th:nth-child(3)
	{
	text-align: center;
}

#productInfo #tabs-4 th:nth-child(1),#productInfo #tabs-5 th,#productInfo #tabs-6 th,#productInfo #tabs-7 th,#productInfo #tabs-9 th
{
	text-align: left;
}

#productInfo #tabs-10 td:nth-child(2)
{
	width: 20px;
}


#productInfo td input.quantity
 {
	width: 70px;
	text-align: right;
	margin-left: 1em;
}



/*
#productInfo div#tabs div#tabs-8 table.tab td,
#productInfo div#tabs div#tabs-9 table.tab td
*/
table.tab td {
	padding: 5px 0;
}

div.productInfoDescription {
	text-align: justify;
	padding: 2px;
}

div.productInfoComments {
	margin-top:30px;
	color:#7E8693;
	padding-top: 17px;
	padding-bottom: 11px;
	border-top: 1px solid #EEEEEE;
	font-style: italic;
	font-size: 13px;
}

div#kontrahentinfo,#menuTop li div.subMenu {
	padding: 21px 18px;
	background-color: #ffffff;
	color: #333333;
	/*todo: font-size: 13px;*/
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17);
	-webkit-box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17);
	-moz-box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17);
}
div#kontrahentinfo {
	padding: 0 18px 21px 18px;
}

#menuTop li div#cartSummary {
	width: 250px;
}

div#cartSummary>div {
	padding: 14px 9px 14px 9px;
}

div#accountSummary div {
	padding: 14px 9px;
	border-bottom: 1px solid #EEEEEE;
}

div#cartSummary div:LAST-LINE {
	padding-bottom: 10px;
}

div#cartSummary div:FIRST-LINE {
	padding-top: 0px;
}

div#accountSummary div:FIRST-CHILD {
	padding-top: 0px;
	font-weight:600;
	color: #7E8693;
}

div#accountSummary div:FIRST-CHILD span {
	color: #333333;
}

div#accountSummary.subMenu div:last-of-type {
	margin-bottom: 15px;
	border-bottom: none;
	padding-bottom: 0px;
}

div#accountSummary div span {
	display: block;
	font-weight:600;
	padding-bottom: 2px;
}

div#accountSummary p.frm-actions {
	padding: 0;
}


.kontrahentinfo  {
  display: flex;  
  flex-flow: row wrap;
}

.kontrahentinfo > * {
  flex: 1 100%;
}


.kontrahentinfo #limitkredytowy,
.kontrahentinfo #osobakontaktowa {
	border: 1px solid #d7d7d7;
	background: rgb(255, 255, 255); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#F7F7F7', GradientType=0 ); /* IE6-9 */
}

.kontrahentinfo #danefirmy {
	background-color: var(--color-red);
	color: #ffffff;
}

.kontrahentinfo #danefirmy,
.kontrahentinfo #limitkredytowy,
.kontrahentinfo #osobakontaktowa,
.kontrahentinfo #daneplatnika
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:700;
	padding-left: 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 2em;
	margin:1em 0 0 0;
}

.kontrahentinfo #daneplatnika {
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	color: #333333;
}


.kontrahentinfo .warning {
	color: #333333;
}

.kontrahentinfo .label {
	margin-top: 10px;
}

/* -----------------------------cart-button -------------------------------------------- */
div.cart-button {
    cursor: pointer;
    position: relative;
    height:40px;
    display: flex;
  
    box-sizing: border-box;
    
    justify-content: space-between;
    text-align: center;
   /* margin-bottom: 18px;*/
    
}

input.inputQuantity,
table.tab td.order input.inputQuantity,
.listing .offer .order input.inputQuantity
{
    background: #fff none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-weight:bold;
    /*todo: font-size:12px;*/
    padding:0;
    text-align: center;
   /* width:37px;*/
   /* margin:0 20px 0px 0px;*/
    /*height: 22px;*/
    border-radius:4px 0 0 4px; 
    border-top:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    border-left:1px solid #D7D7D7;
}



a.cart-button_add, a.cart-button_plus, a.cart-button_minus {
    -moz-user-select: none;
    background: #EBEDEF none repeat scroll 0 0;
    color:#333333;
    display: block;
    font-weight:600;
    line-height: 16px;
    padding: 0px;
    line-height:22px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /*todo: font-size: 11px;*/
    box-sizing: border-box;
}

a.cart-button_add {
	 border-radius: 0px 4px 4px 0px;	
}



a.cart-button_plus
{
	border-radius: 0px 4px 4px 0px;	
	border-top:1px solid #E62F2F;
    border-bottom:1px solid #E62F2F;
    border-right:1px solid #E62F2F;
    background: #E62F2F none repeat scroll 0 0;
	color: #ffffff;
}

a.cart-button_minus
{
	border-radius: 4px 0px 0px 4px;
	 border-top:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    border-left:1px solid #D7D7D7;	
}

table.tab td .cart-button_minus a:hover {
		color:#333333;
}

a.cart-button_add,
a.cart-button_plus,
a.cart-button_minus {
	line-height: 38px;
}
a.cart-button_add {
	content: " ";
	border-top:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    border-right:1px solid #D7D7D7;
}
a.cart-button_add span{
	height: 22px;
	width:20px;
}



.cart-button_add:hover, .cart-button_minus:hover {
   background: #dedede none repeat scroll 0 0;
   color:#333333;
}

.cart-button_plus:hover {
   background: #c7000d none repeat scroll 0 0;
   border-color: #c7000d;
   color:#ffffff;
}


table.tab tbody tr:hover td .cart-button a.cart-button_minus
{
	color:#333333;
}
table.tab tbody tr:hover td .cart-button a.cart-button_plus,
.cart-button a.cart-button_plus{
	color: #FFFFFF;
}

.cart-button_add.in-cart:hover, .cart-button_plus.in-cart:hover, .cart-button_minus.in-cart:hover {
    background: inherit;
}
.cart-button .cart-button_plus,
.cart-button .cart-button_minus {
    display: none;
}

.cart-button.in-cart .cart-button_add {
    display: none;
}

.cart-button.in-cart .cart-button_plus,
.cart-button.in-cart .cart-button_minus {
    display: block;
}

.cart-button.in-cart  input.inputQuantity,
table.tab td.order .cart-button.in-cart input.inputQuantity,
.listing .offer .order .cart-button.in-cart input.inputQuantity,
.cart-button.in-cart .inputQuantity {
    float: none;
    /*todo: font-size: 13px;*/
    font-weight:bold;
   
    margin: 0;
    padding: 0;
    /*
    height: 22px;
    vertical-align: top;
    width: 41px;
    line-height: 24x;*/
    border-radius:0px;
    color:#333333;
    border-top:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    
    /*width: 40%;*/
    text-align: center;
    line-height: 1.15em;
    
}

.cart-button input.inputQuantity{
	width: 46%;
}

/* new */
.cart-button a.cart-button_add {
	 width: 54%;
}
.cart-button a.cart-button_plus, 
.cart-button a.cart-button_minus,
.cart-button.in-cart a.cart-button_add {
	width:0;
}

.cart-button.in-cart a.cart-button_plus, 
.cart-button.in-cart a.cart-button_minus {
	 width: 27%;
}


a.cart-button_plus, 
a.cart-button_minus {
    font-size: 1.25em;
    font-weight: 400;
}

.cart-button_in-cart
 {
	background: #fff none repeat scroll 0 0;
	display: none;
	position: absolute;
	text-align: left;
	/*todo: font-size: 11px;*/
	
	line-height: 23px;
	padding: 1px 3px 0 3px;
	/*top: 0px;
	left: 95px;
	width: 120px;*/
	top: 55px;
	width:200px;
	font-size: 13px;
	
	z-index: 16;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.cart-button_in-cart.just-added {
    display: block;
}

.cart-button_in-cart::before {
    content: "✓ ";
    /*todo: font-size: 12px;*/
    padding-left:3px;
    color: #65a910;
}

.cart-button_in-cart.just-error {
    display: block;
    color:#E62F2F;
}

.cart-button_in-cart.just-error::before {
    content: "❗ ";
    /*todo: font-size: 12px;*/
    color: #E62F2F;
}

/* -------------------------------------------------------------- */
.inputQuantity.warning,
input.inputQuantity.warning,
table.tab td.order input.inputQuantity.warning,
.listing .offer .order input.inputQuantity.warning {
	 background: rgb(255,249,204) none repeat scroll 0 0;
}
.inputQuantity.error,
input.inputQuantity.error,
table.tab td.order input.inputQuantity.error,
.listing .offer .order input.inputQuantity.error {
	 background: rgb(255,221,221) none repeat scroll 0 0;
}
/* -------------------------------------------------------------- */

table#b2b_cart.tab tbody.items tr.warning td,
table#b2b_cart.tab tbody.items tr.warning:hover td
{
	background:none;
	filter:none;
	background-color: rgb(254,238,187);
}


table#b2b_cart.tab tbody.items tr.error td,
table#b2b_cart.tab tbody.items tr.error:hover td
{
	background:none;
	filter:none;
	background-color: rgb(255,204,204);
}

table#b2b_cart.tab tbody.items tr.warning td,
table#b2b_cart.tab tbody.items tr.error td
{
	color: #333333;
}
table#b2b_cart.tab tbody.items tr.warning td a,
table#b2b_cart.tab tbody.items tr.error td a
{
	color: #7e8693;
}

table#b2b_cart.tab tbody.items tr.warning td a:hover,
table#b2b_cart.tab tbody.items tr.error td a:hover
{
	color: #333333;
}

table#b2b_cart.tab tbody.items tr.warning td.order div.cart-button a,
table#b2b_cart.tab tbody.items tr.warning td.order div.cart-button a:HOVER,
table#b2b_cart.tab tbody.items tr.error td.order div.cart-button a,
table#b2b_cart.tab tbody.items tr.error td.order div.cart-button a:HOVER {
	color: #FFFFFF;
}

span.ui-widget-content.ui-spinner
{
padding-left: 0px;
}



/*----------------------------------------------------------------------*/
.smallButton,.ico {
	width: 20px;
	height: 20px;
	border: none;
	color: transparent !important;
	cursor: pointer;
	padding: 0px !important;
	background-color: transparent !important;
	border: none !important;
}

.smallButton.btnRemove
/*,#b2b_cart a.cart-button-del*/ {
	background-position: 0 -922px;
}

.smallButton.btnRemove:hover
/*,#b2b_cart a.cart-button-del:hover*/ {
	background-position: -22px -922px;
}

.smallButton.btnModify {
	background-position: 0 -942px;
}

.smallButton.btnModify:hover {
	background-position: -22px -942px;
}

#b2b_cart tbody tr.footer th,#b2b_cart tbody tr.footer td {
	padding-top: 15px;
	padding-bottom: 5px;
}

#b2b_cart tfoot tr.uwagi th {
	vertical-align: top;
}

#b2b_cart a.uwagi, #documentForm td.button.popup.uwagi a.uwagi,
div#listing a.uwagi, 
div.productInfoContent table.mainTable span.uwagi a.uwagi,
div#productInfo div.productLots a.uwagi
{
	background-position: 0px -962px;
	text-indent: -9999px;
}

#b2b_cart a.uwagi:hover,
div#listing a.uwagi:hover,
div.productInfoContent table.mainTable span.uwagi a.uwagi:hover,
div#productInfo div.productLots a.uwagi:hover {
	background-position: -22px -962px;
}

#b2b_cart a.cart-button-del  {
	/*text-indent: -9999px;*/
}



.smallButton.btnAdd {
	background-image: url("../../../images/bbasket.gif");
}

/*----------------------------------------------------------------------*/
.vcenter {
	min-height: 120px;
	display: table-cell;
	vertical-align: middle;
}



/* ---------------------- boxy reklamowe --------------------------- */
div#loginSite {
  display: flex;
  flex-flow: row wrap;
  max-width:calc(100vw);
  overflow:auto;
  align-items: center;
}
div#loginSite > * {
	flex: 0 1 100%;
	margin-bottom: 10px;
} 

div#loginContainer,
div#loginSite #box4 {
		margin-bottom: 40px;
}

div#loginContainer
{
	/*margin: 0 auto;*/
	max-width: 381px;
	margin-left:auto;
	margin-right:auto;
	flex: 0 1 auto;
}
div#loginSite #box1, div#loginSite #box2, div#loginSite #box3, div#loginSite #box4 {
	max-width: 100%;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#loginSite div.box {
    padding: 0px;
}







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

div#loginContainer div#page-title {
	background: #E62F2F url('../images/klodka.png') 41px 27px no-repeat;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 92px;
	border-bottom: 9px solid #D81919;
	/*todo: font-size: 20px;*/
	font-weight:600;
	line-height: 92px;
	margin: 0px;
	color: #F1F2F7;
	padding: 9px 0px 0px 87px;
}

div#loginContainer div#page-title.person {
 background: #E62F2F url('../images/people.png') 20px 15px no-repeat;
}


div#loginContainer input[type="text"],div#loginContainer input[type="password"]
	{
	width: 150px;
}
/*
.loginAdd {
	width: 100%;
	position: absolute;
	top: 39px;
	right: 39px;
	margin: 0px auto;
	text-align: right;
	color: #BDBDBD;
}*/

.loginAdd a:link {
	color: #6A6A6A;
	padding: 0px 10px 0px 10px;
	/*todo: font-size: 14px;*/
	font-weight:600;
}

.loginAdd a:visited {
	color: #6A6A6A;
}

.loginAdd a:hover {
	color: #333333;
}

.loginAdd a.active {
	color: #D81919;
}

div#loginForm div.col1,div#loginForm div.col2 {
	/*todo: font-size: 13px;*/
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#loginForm div.col1 {
	display: inline-block;
	background-color: #DFDFE0;
	padding: 21px 30px 23px 30px;
	min-height: 250px;
}

div#loginForm div.col1 p {
	font-weight:600;
}

div#loginForm div.message p {
	font-weight:300;
}

div#loginForm div.col2 {
	display: inline-block;
	padding: 21px 30px 0px 30px;
}

div#loginForm div.reset-password {
	margin: 0;
	padding: 0px 30px 2px 30px;
}


div#loginForm div#page-footer {
	margin: 0;
	padding: 0px 30px 10px 30px;
}

#loginForm.wide {
	width: 450px;
}

div#loginForm h2 {
	color: #05394E;
	font-weight:600;
	padding: 5px;
	text-align: left;
	margin: 0px;
}

div#contentWrapper p.info {
	font-weight:300;
	padding: 0 0 20px 0;
}

#loginForm .row {
	height: 25px;
}

#loginForm .row.noheight {
	height: auto;
}

#loginForm .row span {
	font-weight:600;
	padding: 0 5px 0 0;
	text-align: right;
	margin-top: 3px;
	width: 100px;
	display: block;
	float: left;
}

#loginForm.wide .row span {
	width: 200px;
	font-weight:300;
}

#loginForm .row span.second {
	text-align: left;
}

#loginForm.wide .row span.second {
	color: #BD090C;
	font-weight:600;
}

#loginForm .row input {
	width: 120px;
	margin: 2px auto;
}

#loginForm .buttons {
	text-align: center;
}

#loginForm .buttons input[type="submit"] {
	margin: 0px auto;
	display: inline;
}

#loginForm p.error,p.error {
	color: #BD090C;
	background-color: rgba(227, 29, 35, 0.1);
	display: block;
	/*todo: font: 600 11px Arial, 'Open Sans', sans-serif; */
	padding: 15px 0;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}

span.error {
	color: #BD090C;
	background-color: rgba(227, 29, 35, 0.1);
	/*todo: font: 600 11px Arial, 'Open Sans', sans-serif; */
	padding: 2px 0;
}

#loginForm input.ui-corner-all[type="text"],#loginForm input.ui-corner-all[type="password"]
{
	width:100%;
	height: 31px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;

}
#loginForm select{
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color:white;
}
#loginForm select#odbiorca option:nth-child(even) {
	color:#7E8693;
}


#loginForm div.col1 input.ui-corner-all[type="submit"], #loginForm div.col1 a.button {
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/*----------------------------------------------------------------------*/
/*#producer {
	max-width: 168px;
}

#quantity,#status,#priority {
	width: 130px;
}
*/
#field {
	width: 121px;
}

/*----------------------------------------------------------------------*/
div.flex
{	
	display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
}

div.flex.buttons {
	justify-content: flex-end;
	margin-bottom: 1em;
}


div.flex.buttons > *:not(:first-child)
{
	margin-left:1em;
}

div.flex.buttons > div.flex.buttons:not(:first-child) {
	margin-left: 1em;
}

div.flex.radios  > *:not(:first-child)
{
	margin-left:1em;
}
div.flex.radios label
{
	margin-left:0.2em;
}


table#b2b_cart td div.flex
{
	width: 100%;
}

/*
div.flex:nth-of-type(1) {flex-grow: 1;}
div.flex:nth-of-type(2) {flex-grow: 1;}
div.flex:nth-of-type(3) {flex-grow: 1;}
*/

#cartForm .summary .wide {
	width: 260px;
}

#cartForm .summary .header {
	text-align: center;
	background-color: #E9E7E7;
	/*todo: font-size: 12px;*/
}

#cartForm .summary .spacer {
	background-color: white;
}

#cartForm tr td.button a, #documentForm td.button.popup.uwagi a.uwagi, div#listing a.uwagi,
div.productInfoContent table.mainTable span.uwagi a.uwagi,
div#productInfo div.productLots a.uwagi
{
	/*
	height: 20px;
	width: 20px;
	text-decoration: none;
	display: block;
	margin: 0px auto;
	*/
}

div.productInfoContent table.mainTable span.uwagi,
div#productInfo div.productLots span.uwagi {
	display: inline-block;
	text-align: left;
	line-height: 24px;
}

/*
div.productInfoContent table.mainTable span.uwagi,
#productInfo span.calc
*/
div#productInfo div.productLots span.uwagi,
span.button.zamienniki
  {
	display: inline-block;
    /*width: 30px;*/
    text-align: center;
}





/*----------------------------------------------------------------------*/
/*
#importForm {
	margin-top: 20px;
}

#importForm .row {
	overflow: hidden;
	height: 25px;
}

#importForm .row label {
	width: 250px;
	float: left;
	padding-top: 3px;
}

#importForm .row select,#importForm .row input {
	float: left;
}
*/
/*----------------------------------------------------------------------*/
div.message {
	margin: 10px auto;
	list-style-position: inside;
	max-width: 600px;
}

div.message p {
	font-weight:300;
}

div.message.error {
	background-color: #FFBABA;
	border: solid 1px #FF0000;
}

div.message.hint {
	background-color: #E0F4FC;
	border: solid 1px #BEDDEA;
}

.newsBottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 43px;
}

div.marquee {
	height: var(--marquee-height);
	margin: 0px auto;
	overflow: hidden;
	background-color:#7E8693;
	z-index: 4;
}


/*--------------------marquee rodz.2 ------------------------- */
div.marquee > ul {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	width:700px;
	height:43px;
	padding:0;
	text-align: center;
}

div.marquee > ul li {
	position: absolute;
	top: -999em;
	display: block;
	white-space: nowrap;
	/*todo: font-size: 14px;*/
	color:#FFFFFF;
	text-shadow: 1px 2px 3px #555;
	line-height: 43px;
	padding:0px 5px;
	min-width:690px;
	margin: 0 auto;
}

/* ----------------marquee rodz.1------------------------- */

.marquee p {
	position: absolute;
	/*todo: font-size: 14px;*/
	color:#FFFFFF;
	text-shadow: 1px 2px 3px #555;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 43px;
	padding:0;
	text-align: center;
	transform: translateX(100%);
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
}


.marquee p:nth-child(1) {
	animation: left-one 30s ease infinite;
	-moz-animation: left-one 30s ease infinite;
	-webkit-animation: left-one 30s ease infinite;
}

.marquee p:nth-child(2) {
	animation: left-two 30s ease infinite;
	-moz-animation: left-two 30s ease infinite;
	-webkit-animation: left-two 30s ease infinite;
}

/*================================
	Move the Marquee to the Left
==================================*/

/** Mozilla Firefox Keyframes **/
@-moz-keyframes left-one {
	0%	{
		-moz-transform:translateX(100%);
	}
	10%{
		-moz-transform:translateX(0);
	}
	40% {
		-moz-transform:translateX(0);
	}
	50% {
		-moz-transform:translateX(-100%);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
@-moz-keyframes left-two {
	0% {
		-moz-transform:translateX(100%);
	}
	50% {
		-moz-transform:translateX(100%);
	}
	60% {
		-moz-transform:translateX(0);
	}
	90% {
		-moz-transform:translateX(0);
	}
	100%{
		-moz-transform:translateX(-100%);
	}
}
/** Webkit Keyframes **/
@-webkit-keyframes left-one {
	0% {
		-webkit-transform:translateX(100%);
	}
	10% {
		-webkit-transform:translateX(0);
	}
	40% {
		-webkit-transform:translateX(0);
	}
	50% {
		-webkit-transform:translateX(-100%);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}
@-webkit-keyframes left-two {
	0% {
		-webkit-transform:translateX(100%);
	}
	50% {
		-webkit-transform:translateX(100%);
	}
	60% {
		-webkit-transform:translateX(0);
	}
	90% {
		-webkit-transform:translateX(0);
	}
	100%{
		-webkit-transform:translateX(-100%);
	}
}

#news {
	margin-top: 50px;
}

#news h1 {
	/*todo: font-size: 20px;*/
	font-weight:300;
	margin-bottom: 16px;
	padding: 0px;
}

.additionalPhotos {
	/*max-width: 273px;
	float: left;*/
	display: flex;
	
	align-items:center;
	
}
 .additionalPhotos > a {
 	margin:auto;
 }

.additionalPhotos img {
	margin: 0px;
	padding: 0px;
}

.additionalPhotos > a {
	/*width: 134px;
	height:86px; 
	overflow: hidden;
	display: block;
	float: left; */
	margin: 0px 5px 5px 0px;
}
/*
.additionalPhotos>a:nth-child(odd) {
	margin-right: 5px;
}
*/
.paginationControl .current {
	color: #61858C;
}

.adminparams {
	padding-left: 20px;
}

.adminparams table {
	border-collapse: collapse;
}

.adminparams h2 {
	margin-bottom: 2px;
	margin-top: 6px;
	padding: 0px;
}

.adminparams th {
	width: 200px;
	text-align: left;
	font-weight:300;
	padding: 4px 6px;
	border: solid 1px #eee;
	background-color: #f7f7f7;
	color: #333;
}

.adminparams td {
	width: 400px;
	text-align: left;
	font-weight:300;
	padding: 4px 6px;
	border: solid 1px #eee;
}

.adminparams span.desc {
	/*todo: font-size: 10px;*/
	color: #777;
}

#browserWarning {
	background: none repeat scroll 0 0 #F2F3EB;
	border-top: 1px dotted #387A9D;
	padding: 20px 30px;
}

#browserWarning a {
	text-decoration: underline;
}

/*----------------------------------------------------------------------*/
div.bdk_style_core {
	margin: 0px !important;
}

div.bdk_style_core p {
	color: #05394E !important;
	/*todo: font-family: Arial, 'Open Sans', sans-serif !important; */
	/*todo: font-size: 10px !important; */
}

/*----------------------------------------------------------------------*/
#features-tab {
	float: left;
	width: auto !important;
}

#features-tab td {
	width: auto !important;
}

#features-tab td.group {
	vertical-align: top;
	background-color: #FFFFFF;
	text-align: left;
	border-bottom: 1px solid #999999;
	padding-top: 10px;
	padding-bottom: 2px;
	font-weight:600;
	color: #526791;
}

#features-tab td.label {
	width: 280px !important;
	vertical-align: top;
	margin-top: 0;
	color: #526791;
}

#features-tab tr.hidden td {
	display: none;
}

span.tooltip_help_ico {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	color: #333333;
	cursor: help;
	font-weight:600;
	/*todo: font-size: 9px;*/
	line-height: 11px;
	margin: 0 2px;
	padding: 0px 2px;
	text-decoration: none;
}

abbr.tooltip span.tooltip_help_ico,abbr.tooltip img.tooltip_ico {
	margin-right: 10px;
	float: left;
}

img.tooltip_ico {
	padding: 0px;
	margin: 0px;
}

.tooltip {
	border-bottom: 1px dotted #000000;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
	color: #333333;
}

.tooltip:hover span {
	position: absolute;
	left: 10px;
	top: 20px;
	z-index: 99;
	margin-left: 0;
	width: 250px;
	border-radius: 5px 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}

.tooltip:hover span img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}

.tooltip:hover em {
	/*todo: font-family: Arial, 'Open Sans', sans-serif; */
	/*/*todo: font-size: 12px;*/
	font-weight:600;
	display: block;
	padding: 20px 0 60px 0;
	color: #526791;
}

.classic {
	padding: 8px 1em;
}

.custom {
	padding: 5px 8px 8px 20px;
}

* html abbr:hover {
	background: transparent;
}

.tooltip .classic {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

.tooltip .critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}

.tooltip .help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.tooltip .info {
	background: #FFFFFF;
	border: 1px solid #999999;
}

.tooltip .warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

/*----------------------------------------------------------------------*/
td.hide,th.hide,div.hide {
	display: none;
}

/*----------------------------------------------------------------------*/
table.tab.report th {
	text-align: left;
	width: 120px;
}

table.tab.report td {
	min-width: 120px;
}

table.tab.report caption {
	padding: 5px 10px;
}
/*----------------------------------------------------------------------*/
#CalcForm {
	/*width: 282px;*/
	padding-top: 18px;
}

#CalcForm textarea {
	width: 100%;
	height: 183px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 20px;
}



.PriceCalcB td {
	height: 25px;
	padding-bottom: 5px;
	vertical-align: middle;
}

td.tdMypercent {
	width: 100px;
}

td.tdMarzaNarzut {
	min-width: 100px;
	padding-right: 10px;
}

.pdfPrice {
	/*todo: font-size: 18px; */
	font-weight:600;
}
/*--------------------------------------------------------------------------*/
.qtip-b2b
{
	/*
	min-width: 320px !important; 
	max-width: 860px !important;
	*/
}
.qtip-calculator
{
	/*width:330px;*/
	/*
	max-width: 397px !important;
	*/
}
.qtip.qtip-calculator {
	max-width: 320px;
}
.qtip-b2b,.qtip-calculator {
	border: none !important;
	background-color: #FFFFFF !important;
	color: #333333 !important;
	/*todo: font-size: 13px !important; */
	line-height: normal !important;
}

.qtip-b2b .qtip-titlebar,.qtip-calculator .qtip-titlebar {
	background-image: none !important;
	font-weight:600;
	color: #7E8693;
	text-transform: uppercase;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 24px 24px 0px 24px;
}

/*.qtip-calculator .qtip-content*/
.qtip-b2b .qtip-content {
	padding: 15px 24px 19px 24px;
}

.qtip-b2b .qtip-icon,.qtip-calculator .qtip-icon {
	border-color: #CCC;
	background: #F1F1F1;
	color: #777;
}

.qtip-b2b .qtip-titlebar .qtip-close,.qtip-calculator .qtip-titlebar .qtip-close
	{
	border-color: #AAA;
	color: #111;
}

.qtip-b2b-shadow {
	-webkit-box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17) !important;
	-moz-box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17) !important;
	box-shadow: 8px 13px 20px 0px rgba(30, 30, 30, 0.17) !important;
}

.qtip-b2b-corner {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.qtip-calculator .qtip-titlebar,.qtip-calculator .qtip-content {
	background-color: #EDEEEF !important;
	color: #333333;
	text-transform: none;
}

.qtip-calculator .qtip-titlebar {
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

.qtip-calculator .qtip-content {
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

#CalcForm {
	border-top: 1px solid #ffffff;
}

#productPopup {
	border-top: 1px solid #EEEEEE;
	padding-top: 19px;
}

/*----------------------------------------------------------------------*/
div#productPopup {
	min-width: 320px;
	display:table-row;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*todo: font-size: 13px;*/
	line-height: normal;
	color: #333333;
	margin: 0 auto;
}


div#productPopup div.productInfoContent, div#productPopup div.productInfoDescription {
display: table-cell;
vertical-align: top;
}
div#productPopup div.productInfoContent {
	width: 320px;
}
div#productPopup div.productInfoDescription
{
	min-width: 140px;
	max-width: 320px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 60px;
}
div.headerRow
{
	display: block;
}
div#productPopup div.productInfoDescription > ul
{
	display: block;
	clear: both;
}

div#productPopup th,#productInfo table.mainTable th {
	border: 1px solid #d7d7d7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	text-align: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 9px;
	background: rgb(253, 253, 253); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(253, 253, 253, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(253, 253, 253, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(253, 253, 253, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(253, 253, 253, 1) 0%,
		rgba(247, 247, 247, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#FDFDFD',
		endColorstr='#F7F7F7', GradientType=0 ); /* IE6-9 */
}


#productInfo table.mainTable th
{
	height: 31px;
}
div#productPopup .productInfoContent th
{
	height: 20px;
}

div#productPopup .productInfoContent td
{
	padding-left: 9px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#productPopup .productInfoContent tbody:nth-child(2n)::after, div#productPopup .productInfoContent tbody:nth-child(2n):before {
    content: "-";
    display: block;
    line-height: 0.5em;
    color: transparent;
}
#productInfo table.mainTable td {
	padding-top: 6px;
	padding-bottom: 6px;
}

div#productPopup td:FIRST-CHILD,#productInfo table.mainTable td:FIRST-CHILD
{
	padding-right: 6px;
}

div#productPopup td:LAST-CHILD,#productInfo table.mainTable td:LAST-CHILD
{
	text-align: right;
}



#productInfo table.mainTable tr.stanMagInfo > td, #productPopup table tbody tr.stanMagInfo > td
{
	text-align: left;
}

div#productPopup tbody tr:FIRST-CHILD td,
#productPopup table tbody:LAST-CHILD tr:LAST-CHILD td,
#productPopup table tbody tr.cechy td,
#productInfo table.mainTable tbody tr:FIRST-CHILD td
{
	border-bottom: 1px solid #EEEEEE;
}

#productPopup table tbody tr.cechy > td
{
	text-align: left;
}

div#productPopup input,#productInfo table.mainTable input[type="text"] {
	text-align: right;
	width: 75px;
	margin: 0px 0px 0px 2px;
	padding: 2px;
}


div#productPopup input[type="text"].inputQuantity, #productInfo table.mainTable input[type="text"].inputQuantity {
	text-align: left;
}

div#productInfo table.mainTable tbody tr td:LAST-CHILD span.lbl,
div#productPopup span.lbl
{
	min-width:50px;
	text-align:left;
	padding-left:10px;
	display: inline-block;
}

div#productInfo table.mainTable tbody tr td:LAST-CHILD span.lbl{
	
	line-height: 24px;
}

div#productPopup tr.stanMag input,#productInfo table.mainTable tr.stanMag input[type="text"]
{
	margin-right: 0px;
}

#productInfo table.mainTable tbody tr.stanMag td,
#productPopup table tbody tr.stanMag td {
	border-bottom: none;
}

#productPopup table {
	width: 100%;
	border-collapse: separate;
}

#productInfo table.mainTable {
	border-collapse: separate;
	min-width: 300px;
}

#productInfo tr.stanMagInfo td,
#productPopup tr.stanMagInfo td {
	color: #7e8693;
    font-style: italic;
}

div.productInfoDescription h2 {
	padding-top: 10px;
	padding-bottom: 15px;
	display: block;
	font-weight:600;
	/*todo: font-sizee: 13px;*/
}

img.textWrapLeft {
	float: left;
	margin: 0px 15px 10px 0px;
}

/*----------------------------------------------------------------------*/
div.tabs-min.ui-widget.ui-widget-content {
	padding: 0px;
	background: none;
	border-width: 0px;
	margin-bottom: 20px;
	display:table;
	width: 100%;
}


div.tabs-min ul.ui-tabs-nav {
	background: transparent;
	border-width: 0px 0px 1px 0px;
	border-color: #D7D7D7;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

div.tabs-min ul.ui-tabs-panel {
	margin: 0 2px 2px 2px;
}

div.tabs-min div {
	padding: 0px;
}

div.tabs-min .ui-widget-content {
	padding-left: 0px;
}

div.tabs-min .ui-tabs-nav  a {
	/*todo: font-size: 13px*/
}

div.tabs-min .ui-tabs-nav {
	padding-left: 0px;
}

/* ------------------------------------------------------------------------ */
div.paginationControl div#myoutercontainer {
	float: right;
	position: relative;
	line-height: 30px;
	padding-top: 15px;
}

form.productsForm table#b2b_products.tab thead div#myoutercontainer {
	margin-bottom: 10px;
}

form.productsForm table#b2b_products.tab tfoot div#myoutercontainer {
	margin-top: 10px;
}

div.paginationControl div#myoutercontainer div {
	display: block;
	height: 30px;
	float: left;
	padding: 0px;
}

div.paginationControl div#myoutercontainer div.left {
	width: 80px;
	text-align: right;
}

div.paginationControl div#myoutercontainer div.center {
	margin-left: 10px;
	margin-right: 10px;
}

div.paginationControl div#myoutercontainer div.right {
	width: 80px;
	text-align: left;
	margin: auto;
}

div.paginationControl div#myoutercontainer input,#myoutercontainer div.center a
	{
	color: #333333;
}

div.paginationControl div#myoutercontainer input {
	padding-right: 5px;
}

#myoutercontainer a {
	text-transform: lowercase;
	font-weight:300;
	text-decoration: none;
	color: #7E8693;
}

#myoutercontainer div.right a.next span {
	margin-left: 6px;
}

#myoutercontainer div.left a.previous span {
	margin-right: 6px;
}

span.my-icon-triangle-e {
	background-position: 0 -981px;
	width: 4px;
	height: 12px;
	display: inline-block;
}

span.my-icon-triangle-w {
	background-position: -5px -981px;
	width: 4px;
	height: 12px;
	display: inline-block;
}

/* -----------------------DATAGRID --------------------------------- */
#paginglinks {
	margin: 5px auto 5px auto;
	clear: both;
	float: right;
}

.pagelink,.pagelinklast,.pagecurrent {
	background: transparent;
	padding: 0px 2px 0px 2px;
}

div.grid-header-button {
	background-color: transparent;
	text-align: right;
	padding: 0;
	margin: 0;
}

div.grid-header-button input {
	margin: 5px;
}

table.grid {
	color: #05394E;
}

table.grid tr.rowHead {
	background-color: #E9E7E7;
}

table.grid tr.rowHead th {
	background-color: #E9E7E7;
	padding: 2px;
	color: #05394E;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

table.grid tr.rowHead th:hover {
	color: #05394E;
}

table.grid tr.rowHead th a {
	display: block;
}

table.grid tr.rowFoot {
	background-color: #F4F4F4;
}

table.grid tr.rowFoot td {
	color: #05394E;
	font-weight:600;
	border-bottom: 1px solid #E6E6E6;
	padding: 2px 4px;
	padding-right: 5px;
	padding-left: 5px;
}

table.grid tr.rowEven {
	background-color: #f4f4f4;
}

table.grid tr.rowEven:hover {
	background-color: #eaedf1;
}

table.grid tr.rowEven td,table.grid tr.rowOdd td {
	border-bottom: 1px solid #E6E6E6;
	padding: 2px 4px;
	padding-right: 5px;
	padding-left: 5px;
}

table.grid tr.rowOdd:hover {
	background-color: #eaedf1;
}

/* ----------------- dialog-form ------------------------------- */
#dialog-form input.readonly {
	color: #CCCCCC;
}

#dialog-form fieldset {
	padding: 0;
	border: 0;
	margin-top: 25px;
}

#dialog-form h1 {
	/*todo: font-size: 12px; */
	margin: 6px 0;
}

#dialog-form .ui-dialog .ui-state-error {
	padding: 3px;
}

#dialog-form .validateTips {
	border: 1px solid transparent;
	padding: 3px;
}

#dialog-form input[type=radio]+label {
	display: inline-block;
}

#dialog-form input[type=radio].activeColumn:checked+label {
	background-image: none;
	background-color: #B8E47A !important;
}

#dialog-form input[type=radio].inactiveColumn:checked+label {
	background-image: none;
	background-color: #FE9696 !important;
}

#dialog-form label.ui-state-active {
	background-color: transparent;
}

.error-dialog .ui-dialog-titlebar {
   color:#FFFFFF;
   background: #D81919;
}
/* --------------------- profiler ------------------------------------------- */
#profiler {
	width: 100%;
	text-align: center;
	background-color: #f6f6f6;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#profiler div.col1 {
	width: 100%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

#profiler div.col2 {
	width: 50%;
	float: right;
	text-align: left;
}

table.spreadsheet {
	margin: 10px 0;
	border: #999 1px solid;
}

table.spreadsheet th {
	background: #ccc;
	font-weight:600;
	border-right: #999 1px solid;
	padding: 5px 2px;
}

table.spreadsheet td {
	border-top: #999 1px solid;
	border-right: #999 1px solid;
	padding: 5px 2px;
}

/* --------------------------------------- iframe ------------------------------------------------------*/
iframe[seamless] {
	background-color: transparent;
	border: 0px none transparent;
	padding: 0px;
	margin: 0px;
}

iframe#frame0 {
	min-height: 693px; /* for modern browsers */
	height: auto !important; /* for modern browsers */
	height: 693px; /* for IE5.x and IE6 */
}

/* ------------------------------------- formularz - zmianan hasla, rejestracja ----------------------------------------------------- */
form#password-recovery-frm, form#registration-frm
{
	width: 430px;
}

form#changepass-frm input[type="email"] {
	width:220px;
}

form#changepass-frm input[name="change"],
form#changepass-frm input[name="changeEmail"],
form#changepass-frm input[name="changePass"] {
    margin: 1em auto;
}
	



#registration-frm input[type="text"], #registration-frm input[type="tel"], #registration-frm input[type="email"],
#password-recovery-frm input[type="text"],  #password-recovery-frm input[type="email"],#registration-frm textarea
{
	width:260px;
}

input#captcha[type="text"] {
	width:100px;
}



form#registration-frm.list ul > li > label,
form#password-recovery-frm.list ul > li > label,
form#changepass-frm.list ul > li > label
{
    text-align: left;
}

form#changepass-frm.list ul.nobackground li span
{
	padding-top: 5px;
}

form.list legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  /*todo: font-size: 16px;*/
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

form#registration-frm.list fieldset legend
{
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(253, 253, 253, 1) 0%, rgba(247, 247, 247, 1) 100%) repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
   -moz-box-sizing: border-box;
	box-sizing: border-box;
    height: 31px;
    padding-left: 9px;
    text-align: left;
   /*todo: font-size: 13px;*/
    font-weight:600;
    line-height: 31px;
     margin-bottom: 10px;
     margin-top:10px
}



form#registration-frm.list fieldset ul.nobackground li,
form#password-recovery-frm.list ul.nobackground li,
form#changepass-frm ul.nobackground li {
 border-bottom: 1px solid #eeeeee;
}
form#registration-frm.list fieldset ul.nobackground li:last-child {
 border-bottom-style: none;
}


table.captcha-table {
margin-top:20px;
}

table.captcha-table td img {
	padding-top: 10px;
	padding-bottom: 10px;

}

form#registration-frm.list fieldset ul.nobackground li label,
form#password-recovery-frm.list ul.nobackground li label,
form#changepass-frm ul.nobackground li label
{
	font-weight:300;
}

form.list fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}



#changepass-frm ul, div.fields ul, form.list ul {
	list-style: none;
	margin: 0;

}


#changepass-frm>ul>li,div.fields>ul>li,form#ColumnEditForm>ul>li, form.list ul>li {
	overflow: hidden;
	padding: 6px 0px;
}

#changepass-frm>ul>li:nth-child(odd),div.fields ul>li:nth-child(odd), form.list ul>li:nth-child(odd) {
	background: rgba(0, 0, 0, .05);
}

#changepass-frm>ul.nobackground>li:nth-child(odd),div.fields ul.nobackground>li:nth-child(odd),form.list ul.nobackground>li:nth-child(odd)
	{
	background: none;
}

.message ul {
	list-style: square!important;
	padding: 0em 1.4em;
}
.message ul>li {
	background: none!important;
	padding: 0px!important;
	overflow: visible!important;
} 

div.fields > ul >li  {
  display: flex;  
  flex-flow: row wrap;
  /*justify-content:space-between;*/  
}

div.fields > ul >li > * {
  flex: 1 100%;
}

div.fields>ul>li>label
{
	font-weight:600;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}

#changepass-frm>ul>li>label,
.frm-label,
form#ColumnEditForm>ul>li>label,
form.list ul>li>label
{
	font-weight:600;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 150px;
}

form#password-recovery-frm.list>ul>li>label{
	width:50px;
}

div#loginForm a.button.password-recovery
{
	width:100%;
}

div#loginForm a.button.password-recovery > span.ui-button-text
{
	width:275px;
}

form.list ul>li>label
{
	 padding-top: 5px;
 	text-align: right;
}


div.fields > ul > li > label
{
 	white-space: nowrap;
}

#changepass-frm label,div.fields label, form.list label {
	cursor: pointer;
}

.asterisk {
	color: #ff3f3f;
	font-weight:600;
	padding-left: 1px;
}

#changepass-frm span,div.fields span,form#ColumnEditForm span, form.list span {
	display: inline-block;
	float: left;
}

/* -------------------------------------------- buttony ------------------------------------------------------------------- */
input[type="email"],input[type="text"],input[type="tel"],input[type="password"],input[type="number"],select,textarea
{
	border: 1px solid #CCCCCC;
	/*padding: 2px;*/
	margin: 0;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	vertical-align: baseline;
	-moz-box-shadow: 0px -1px 1px 0px rgba(238, 238, 238, 1);
	box-shadow: 0px -1px 1px 0px rgba(238, 238, 238, 1);
	
	padding: 0.625em 1.125em;
}
/*
input[type="number"] {
	padding: 0px 0px 0px 2px;
}
*/

input[type="email"],input[type="text"],input[type="tel"],input[type="password"],textarea
{
	/*padding: 2px 4px;*/
	padding: 0.625em 1.125em;
}

input[type="text"] {
	line-height: 1.2em;
	box-sizing: border-box;
	/*padding: 0.25em;*/
	padding: 0.625em 1.125em;
}

select {
	-webkit-appearance: none; /*Removes default chrome and safari style*/
	-moz-appearance: none; /*Removes default style Firefox*/
	-ms-appearance: none;
	appearance: none;
	background: url(../../../images/triangle-s.png) no-repeat;
	/*padding-right: 18px;*/
	background-position: right center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 0.01px;
	text-overflow: '';
	
	padding: 0.625em 1.125em;
	
}
/* IE Fix */
select::-ms-expand { display: none; }

select[disabled],input[readonly="readonly"] {
	background-color: #F4F4F4;
}

span.ui-spinner input {
	border: none;
}

#changepass-frm select {
	width: 260px;
}

#changepass-frm textarea {
	height: 72px;
	min-height: 72px;
	min-width: 250px;
	max-width: 400px;
	overflow: auto;
}


#changepass-frm [class^="options-set"] ul {
	margin-left: 210px;
}

#changepass-frm input[type="checkbox"],
#changepass-frm input[type="radio"],
div.fields input[type="checkbox"],
div.fields input[type="radio"]
 {
	margin: 0 3 px 0 0;
	position: relative;
	top: 2 px;
	vertical-align: baseline;
}

#changepass-frm input[type="radio"],div.fields input[type="radio"] {
	top: 1px;
}

input[type="email"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus,select:focus,textarea:focus
	{
	-khtml-box-shadow: 0px -2px 2px 0px rgba(238, 238, 238, 1);
	-moz-box-shadow: 0px -2px 2px 0px rgba(238, 238, 238, 1);
	-webkit-box-shadow: 0px -2px 2px 0px rgba(238, 238, 238, 1);
	box-shadow: 0px -2px 2px 0px rgba(238, 238, 238, 1);
}

#changepass-frm input[type="file"],div.fields input[type="file"] {
	/*todo: font: 12px/300 Arial, 'Open Sans', sans-serif; */
}

#changepass-frm .options-set-inline li,div.fields .options-set-inline li
	{
	display: inline;
	margin-right: 10px;
}

#changepass-frm .options-set-inline li:last-child,div.fields .options-set-inline li:last-child
	{
	margin-right: 0;
}

p.frm-actions {
	margin: 0;
	padding: 18px 0;
}

p.frm-actions.right input,
p.frm-actions.right a.button {
	margin-left: 6px;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

table.tab td a.button:link {
	color: #FFFFFF;
}

#btn_pdf {
	background: url("../../../images/icons/pdf.gif") no-repeat;
}

input.ico[type="submit"] {
	width: 16px;
	height: 16px;
	display: block;
	border: none;
	color: transparent;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	text-shadow: none;
	vertical-align: middle;
}

input.ico[type="submit"]:hover,input.ico[type="button"]:hover {
	text-shadow: none;
}

input.ico[type="submit"]:active,input.ico[type="button"]:active {
	top: 0px;
	left: 0px;
}

input.ico[type="submit"]:hover,input.ico[type="button"]:hover {
	background: none;
}

input.ico[type="submit"]:focus,input.ico[type="button"]:focus {
	text-shadow: none;
}

#btn_pdf_text {
	width: 140px;
	height: 20px;
	display: block;
	background: url("../../../images/icons/pdf.gif") no-repeat;
	background-position: left;
	padding-left: 20px;
	border: none;
	border: 0px;
	cursor: pointer;
}

/* -------------------------- Buttony - kolory i wysokości ------------------------------ */
.ui-button,
.ui-widget button {
	font-weight:600;
}

input.dark,a.button.dark {
	background-color: #333333 !important;
	background-image: none;
	color: #ffffff;
	border: 1px solid #333333;
}

input.dark:hover {
	background-color: #222225 !important;
	color: #ffffff;
}

input.color {
	background-color: #D81919;
}

/* ----------------------- szary domyślny button ----------------------------------- */
.button.password-recovery.ui-button {
	padding-left: 0;
	padding-right: 0;
}
input.ui-button,
a.button.ui-button,
button.ui-button.gray
{
	background-color: #7E8693;
	color: #ffffff;
	border: 1px solid #7E8693;
}

input.ui-button:focus {
	color: #ffffff;
}

input.ui-button.ui-state-focus,
input.ui-button.ui-state-active,
input.ui-button:hover,
a.button.ui-button:hover,
a.button.ui-button.ui-state-focus,
a.button.ui-button.ui-state-active,
.ui-button.gray:hover,
.ui-button.gray:focus
{
	background-color:rgb(84,90,101);
}


input.ui-button:hover,
a.ui-button:hover,
table.tab td a.ui-button:visited,
a.ui-button:visited,
button.ui-button:hover {
	color:#FFFFFF;
}

input.ui-button:focus {
	color: var(--color-dark-gray);
}

/* ------------------------- j.czerwony button------------------------------------------ */
a.button.password-recovery.ui-button,
.ui-button.lred
{
	background-image: none;
	background-color: transparent;
	border: 1px solid rgba(230,47,47,0.2);
	background-color: rgba(230,47,47,0.1);
	color: #cc0000;

}

a.button.password-recovery.ui-button:hover,
a.button.password-recovery.ui-button.ui-state-focus,
a.button.password-recovery.ui-button.ui-state-active,
.ui-button.lred:hover
{
	background-color:rgba(230,47,47,0.2);
	border: 1px solid rgba(230,47,47,0.3);
}
/* ------------------------- czerwony button------------------------------------------ */
.listing section.offers footer input[name="add"],
.listing section.offers footer button[name="add"],
div#listing.listing .offer .toCart input[name^="add"],
div#listing.listing .offer .toCart button[name^="add"],
input[name="newComplaint"],
input[name="addToCart"],
#cartForm a#importuj,
#cartForm input[name="wyslij"],
#productInfo input[name="zmien"],
input[name="acceptOffer"],
input[name="correctOffer"],
input#discardOffer[name="discardOffer"],
form#password-recovery-frm.list input[name="send"],
form#registration-frm.list input[name="send"],
form#changepass-frm input[name="changePass"],
form#changepass-frm input[name="changeEmail"],
.ui-button.red,
a#acceptOffer
{
	background-image: none;
	background-color: #D81919;
	border: 1px solid #D81919;
	color: #ffffff;
}



.listing section.offers footer input[name="add"]:hover,
.listing section.offers footer input[name="add"].ui-state-focus,
.listing section.offers footer input[name="add"].ui-state-active,
.listing section.offers footer button[name="add"]:hover,
.listing section.offers footer button[name="add"].ui-state-focus,
.listing section.offers footer button[name="add"].ui-state-active,
div#listing.listing .offer .toCart input[name^="add"]:hover,
div#listing.listing .offer .toCart input[name^="add"].ui-state-focus,
div#listing.listing .offer .toCart input[name^="add"].ui-state-active,

div#listing.listing .offer .toCart button[name^="add"]:hover,
div#listing.listing .offer .toCart button[name^="add"].ui-state-focus,
div#listing.listing .offer .toCart button[name^="add"].ui-state-active,

input[name="newComplaint"]:hover,
input[name="newComplaint"].ui-state-focus,
input[name="newComplaint"].ui-state-active,
input[name="addToCart"]:hover,
input[name="addToCart"].ui-state-focus,
input[name="addToCart"].ui-state-active,
#cartForm div.foot #idWyslij:hover,
#cartForm div.foot #idWyslij:ui-state-focus,
#cartForm div.foot #idWyslij:ui-state-active,
#productInfo input[name="zmien"]:hover,
#productInfo input[name="zmien"].ui-state-focus,
#productInfo input[name="zmien"].ui-state-active,
input[name="acceptOffer"]:hover,
input[name="acceptOffer"].ui-state-focus,
input[name="acceptOffer"].ui-state-active,
input#discardOffer[name="discardOffer"]:hover,
input#discardOffer[name="discardOffer"].ui-state-focus,
input#discardOffer[name="discardOffer"].ui-state-active,
input[name="correctOffer"]:hover,
input[name="correctOffer"].ui-state-focus,
input[name="correctOffer"].ui-state-active,
form#password-recovery-frm.list input[name="send"]:hover,
form#password-recovery-frm.list input[name="send"].ui-state-focus,
form#password-recovery-frm.list input[name="send"].ui-state-active,
form#registration-frm.list input[name="send"]:hover,
form#registration-frm.list input[name="send"].ui-state-focus,
form#registration-frm.list input[name="send"].ui-state-active,
form#changepass-frm input[name="changePass"]:hover,
form#changepass-frm input[name="changePass"].ui-state-focus,
form#changepass-frm input[name="changePass"].ui-state-active,
form#changepass-frm input[name="changeEmail"]:hover,
form#changepass-frm input[name="changeEmail"].ui-state-focus,
form#changepass-frm input[name="changeEmail"].ui-state-active,
input[name="import"]:hover,
input[name="import"].ui-state-focus,
input[name="import"].ui-state-active,
.ui-button.red:hover,
a#acceptOffer.ui-state-active,a#acceptOffer:hover,
#cartForm a#importuj:hover,
#cartForm a#importuj.ui-state-focus,
#cartForm a#importuj.ui-state-active
/*
table#b2b_cart input[name="wyslij"]:hover,
table#b2b_cart input[name="wyslij"].ui-state-focus,
table#b2b_cart input[name="wyslij"].ui-state-active,
*/
{
	background-color: #C7000D;
}

#cartForm input[name="wyslij"]:disabled {
    cursor: not-allowed;
    opacity: .6;
}

button.ui-button.ui-widget .ui-icon.custom-ui-icon-cart
{
	background-position:0px -696px;
}
.cart-button a.cart-button_add span.ui-icon.custom-ui-icon-cart {
		background-position:-39px -692px;
}

/* ---------------------- j.szary button ------------------------------------------- */
/*#productInfo a#calc,*/
#cartForm input[name="wyczysc"],#cartForm a#back,
input[name="discardOffer"],
a#discardOffer,
.ui-button.lgray
{
	background-image: none;
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	color: #333333;
}
/*#productInfo a#calc:hover,#productInfo a#calc.ui-state-focus,#productInfo a#calc.ui-state-active,*/
#cartForm input[name="wyczysc"]:hover,#cartForm input[name="wyczysc"].ui-state-focus,#cartForm input[name="wyczysc"].ui-state-active,#cartForm a#back:hover,#cartForm a#back.ui-state-focus,#cartForm a#back.ui-state-active,
input[name="discardOffer"]:hover,input[name="discardOffer"].ui-state-focus,input[name="discardOffer"].ui-state-active,
a#discardOffer:hover,a#discardOffer.ui-state-focus,a#discardOffer.ui-state-active,
.ui-button.lgray:hover
{
	background-color: #DEDEDE;
}

input.btnBigH, a.button.btnBigH {
	height: 45px;
	/*todo: font-size: 16px;*/
	font-weight:600;
}

input.btnNormalH,  a.button.btnNormalH {
	height: 35px;
	/*todo: font-size: 13px;*/
	font-weight:600;
}

input.btnSmallH, a.button..btnSmallH {
	height: 28px;
	/*todo: font-size: 13px;*/
	font-weight:600;
}

input[type="submit"][name="guest"],input[type="submit"][name="guest"]:focus,input[type="submit"][name="guest"]:active,
input[type="submit"][name="registration"],input[type="submit"][name="registration"]:focus,input[type="submit"][name="registration"]:active
	{ /* Remove all decorations to look like normal text */
	background: none;
	border: none;
	display: inline;
	font: inherit;
	margin: 0;
	padding: 0;
	outline: none;
	outline-offset: 0;
	color: #E62F2F;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	bottom: 1px;
	left: 3px;
}
/* Remove extra space inside buttons in Firefox */
input[type="submit"][name="guest"]::-moz-focus-inner,button::-moz-focus-inner,
input[type="submit"][name="registration"]::-moz-focus-inner,button::-moz-focus-inner
	{
	border: none;
	padding: 0;
}

div.col2 span {
	display: table-cell;
	vertical-align: middle;
}

.docTtitleSection {
	color: #7E8693;
	/*todo: font-size: 14px;*/
	font-weight:300;
	text-transform: uppercase;
}
/* -------------------------------------------------------- */
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active {
	background-image: none;
	background-color: #ffffff;
	border-color: #D7D7D7;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active a {
	color: #333333;
}

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

/* ---------- new pager ------------------------------------*/
#pager-top {
	position: absolute;
  	top: 0;
  	right: 0;
}

.pager-nav {
    float: right;
    /*font-size: 0;*/
}

.pager-nav li {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.pager-nav li.prev a,
.pager-nav li.next a {
	font-size: 1em;
    padding: 5px 6px;
}

.pager-nav li.prev a span, .pager-nav li.next a span {
    padding: 0;
}

.pager-nav li .arrow {
    display: inline-block;
    font-size: 0;
    height: 12px;
    margin-top: -6px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 4px;
}


.pager-nav li.current input {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    height: 28px;
    line-height: 1.2em;
    /*margin: 2px 2px 0 6px;
    padding: 6px 4px;
    */
    position: relative;
    text-align: center;
    top: -1px;
}


.pager-nav li span {
    padding: 5px 6px;
}


.pager-nav li a:link,
table.tab .pager-nav li a:link  {
	text-decoration: none;
	color:#333333;
	font-weight:300;
}
.pager-nav li a:VISITED,
able.tab .pager-nav li a:VISITED
{
	color:#333333;
}

.pager-nav li.next .arrow {
    background-position:  0 -981px;
}
.pager-nav li.prev .arrow {
    background-position:  -5px -981px;
}
.pager-nav li.prev a span, .listing .pager-nav li.next a span {
    padding: 0;
}


.pager-nav li input#ctrlPageNr
{
	display: inline-block;
	width: 28px;
	overflow: visible;
}

/* ---------------- reklamacje - zalaczniki ------------------------------------------------ */
.table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table-striped td:FIRST-CHILD {
	width:300px;
}
.fade.in {
  opacity: 1;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  direction: ltr;
  cursor: pointer;
}
input[type=file] {
display: block;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    /*todo: font-size: 100%;*/
    height: 100%;
  }
}


.fileinput-button {
position: relative;
overflow: hidden;
}

.btn {
/*todo: font-family: Arial, 'Open Sans', sans-serif;*/
/*todo: font-size: 13px;*/
font-weight:600;
line-height: normal;
overflow: visible;
display: inline-block;
padding: 0.4em 1em;
margin-bottom: 0;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

.btn-primary {
  background-color: #7e8693;
  border: 1px solid #7e8693;
  color: #ffffff;
}
.btn-primary:HOVER {
	background-color:rgb(84,90,101);
}

.btn-warning {
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
    color: #333333;
}
.btn-warning:HOVER {
	background-color: #DEDEDE;
}


.btn-success {
    background-color: #d81919;
    border: 1px solid #d81919;
    color: #ffffff;
}
.btn-success:HOVER {
background-color: #C7000D;
}



.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

#fileupload .icon {
position: relative;
display: inline-block;
font-style: normal;
font-weight:600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
  content: "\271A";
}
.btn.start:before{
	 content: "\2714";
}
.btn.cancel:BEFORE{
	 content: "\2718";
}

.text-danger
{
	color: #BD090C;
}

#fileupload .label-danger {
  background-color: #d9534f;
}
#fileupload .label {
  display: inline;
  padding: .2em .6em .3em;
  /*todo: font-size: 75%; */
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
#fileupload .fileupload-buttonbar
{
	margin-top:10px;
}

.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../images/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

.files .name {
    max-width: 300px;
    word-wrap: break-word;
}

.files p {
	margin: 0 0 10px;
	padding: 0;
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}
.progress-striped .progress-bar, .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-bar-success {
  background-color: #D81919;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  /*todo: font-size: 12px; */
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #D81919;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

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

#miejsceDostawyKontener__nowe
{
	display: none;
}

#miejsceDostawyKontener__lista
{
	display: block;
}


#osobaKontaktowaKontener__brak
{
	display: block;
}

#osobaKontaktowaKontener__lista 
{
	display: block;
}

#osobaKontaktowaKontener__nowa {
	display: none;
}


	

input[name='dak_nrDomu'],
input[name='dak_nrLokalu']
{
	width:80px;
}

input[name='dak_kod']
{
	width:110px;
}

input[name='dak_email']
{
	width:173px;
}

input[name='dak_ulica']
{
	width:195px;
}

input[name='dak_poczta']
{
	width:254px;
}

input[name='dak_miejscowosc']
{
	width:190px;
}

select[name='dak_wojewodztwo'],
input[name='dak_imie']
{
	width:175px;
}

select[name='dak_kraj'],
input[name='dak_nazwaFirmy'],
select[name='osobaOddzial'],
input[name='dak_nrtel']
{
	width:375px;
}

#miejsceDostawyKontener, input[name='rbtnMiejsceDostawy'], #miejsce_dostawy_info, input[name='rbtnOsobaKontaktowa']
{
	margin-left: 10px;
}

/* --------------------------------------------- */
UL.jqueryFileTree {
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

UL.jqueryFileTree LI {
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

UL.jqueryFileTree A {
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
	margin: 5px 0px 5px 0px;
}

UL.jqueryFileTree A:hover {
	background: rgb(255, 255, 255); /* Old browsers */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#f4f4f4', GradientType=0 ); /* IE6-9 */
}

/* Core Styles */
.jqueryFileTree LI.directory { background: url('../images/ico/directory.png') left top no-repeat; }
.jqueryFileTree LI.expanded { background: url('../images/ico/folder_open.png') left top no-repeat; }
.jqueryFileTree LI.file { background: url('../images/ico/file.png') left top no-repeat; }
.jqueryFileTree LI.wait { background: url('../images/ico/spinner.gif') left top no-repeat; }
/* File Extensions*/
.jqueryFileTree LI.ext_3gp { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url('../images/ico/application.png') left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url('../images/ico/application.png') left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url('../images/ico/css.png') left top no-repeat; }
.jqueryFileTree LI.ext_doc { background: url('../images/ico/doc.png') left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url('../images/ico/application.png') left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url('../images/ico/flash.png') left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url('../images/ico/html.png') left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url('../images/ico/html.png') left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url('../images/ico/java.png') left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url('../images/ico/script.png') left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url('../images/ico/txt.png') left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url('../images/ico/music.png') left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url('../images/ico/music.png') left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url('../images/ico/music.png') left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url('../images/ico/pdf.png') left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url('../images/ico/php.png') left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_ppt { background: url('../images/ico/ppt.png') left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url('../images/ico/psd.png') left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url('../images/ico/script.png') left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url('../images/ico/script.png') left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url('../images/ico/ruby.png') left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url('../images/ico/ruby.png') left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url('../images/ico/ruby.png') left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url('../images/ico/linux.png') left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url('../images/ico/ruby.png') left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url('../images/ico/db.png') left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url('../images/ico/flash.png') left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url('../images/ico/picture.png') left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url('../images/ico/txt.png') left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url('../images/ico/music.png') left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url('../images/ico/film.png') left top no-repeat; }
.jqueryFileTree LI.ext_xls { background: url('../images/ico/xls.png') left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url('../images/ico/code.png') left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url('../images/ico/zip.png') left top no-repeat; }

/* ---kroki ankiety ------------------------------------------------------------- */

div#dialog-survey {
	position: relative;
	overflow-y: hidden;
	overflow-x: hidden;
}

form#SurveyForm fieldset {
	border:none;
	width:320px;
}
form#SurveyForm legend {
	/*todo: font-size:18px;*/
	 margin:0px; padding:10px 0px; color:#E62F2F; 
	 font-weight:bold;
}
form#SurveyForm label {
	display:block; margin:15px 0 5px;
	font-weight:600;
}
form#SurveyForm input[type=text], form#SurveyForm input[type=password],
form#SurveyForm select, form#SurveyForm input[type=number]
{
	width:320px; padding:5px;
}
form#SurveyForm select{
	width:332px;

}
form#SurveyForm .prev,
form#SurveyForm .next {
	background-color:#E62F2F; padding:5px 10px; color:#fff; text-decoration:none;
	border-radius: 4px;
	margin-top:20px;
}
form#SurveyForm .prev:hover,
form#SurveyForm .next:hover
{
	background-color:#000; text-decoration:none;
}
form#SurveyForm .prev {
	float:left;
	margin-left:30px;
}
form#SurveyForm .next {
	float:right;
	margin-right:30px;
}

form#SurveyForm
{
	width:332px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#steps {
	list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;
}
#steps li {
	/*todo: font-size:24px;*/
	 float:left; padding:10px; color:#b0b1b3;
}
#steps li span {
	/*todo: font-size:11px;*/
	 display:block;
}
#steps li.current {
	color:#000;
}
/* --------------------------------------------------------------------------------- */
input:required:focus, select:required:focus, input:invalid {
  box-shadow: 0  0 3px rgba(230,47,47,0.5);
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
   -webkit-appearance: none;
    margin: 0;
}
input[type='number'] {
    -moz-appearance:textfield;
}

/* --------------------------------------------------------------------------------- */
table.loyalty-program.tab
{
	width: 100%;
}
.loyalty-program.tab td:FIRST-CHILD
{
	font-weight:600;
	text-align: right;

}


.date-of-statement-row td {
	color: #7e8693;
	border-top: 1px solid #eeeeee;
	/*todo: font-size: 12px;*/
	margin-top: 15px;
}

/* --------------------------------- negocjacja oferty */
span.negotiation-actions {
	/*margin-right: 50px;*/
}
textarea#txtCommentToOffer
{
	width: 100%;
	height: 183px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* ----------------------------------------------------------------- */
textarea#opis {
	width: 100%;
	height: 183px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


div#window-title span:nth-child(1) {
	font-weight:600;
	color: #7E8693;
}

.star {
  display: inline-block;
  height: 15px;
  text-align: center;
  width: 15px;
  padding-right:5px;
  float: left;
  margin-top:-2px;
  margin-right:2px;
  
}

.star.active:before {
 content: url(../images/star-lit4.png);
}
.star.inactive:before {
content: url(../images/star4.png);
}

.icon-user-system-status.active:before {
 content: url(../images/ball_green.png);
}
.icon-user-system-status.inactive:before {
 content: url(../images/ball_gray.png);
}


input.button.PriceCalc,
input.button.PriceCalc.ui-button.ui-state-focus
{
    color: rgba(255,255,255, 0.7) !important;
    background-color: #7E8693 !important;
}

input.button.PriceCalc.ui-button.active
{
	color: rgba(255,255,255,1) !important;
    background-color: rgb(84,90,101) !important;
}

#PriceCalcC_mypercent {
	text-align: right;
}




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

.docTtitleSection
{
	margin-top:30px;
	margin-bottom:10px;
}




#changepass-frm input[name='loginPart']
{
	width:50px;
}

#changepass-frm input[name='password'],#changepass-frm input[name='ppassword']
{
	width:225px;
}

/* --------------------Cecha dokumentu ------------------------------------------ */
div.cechaDok {
	vertical-align: middle;
}
div.cechaDok img {
	display:inline;
	margin-right: 5px;
}
div.cechaDok span {
	display: inline;
	padding: 0;
}

/* ------------------------------- uklad flex ------------------------------------------ */
.flexWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.offerPrintProp {
	flex-direction: row;
	flex-wrap : wrap;
	width:100%;
	justify-content: space-between;
	margin-top:20px;
}

.offerPrintProp .item   {
	width:50%;
	padding-top: 5px;
	padding-bottom: 5px;
}


.cursorPointer {
	cursor:pointer;
}



.baseline-header {
	
	background-color: #FFFFFF;
	color: #333333;
	text-align: left;
	border-bottom: 1px solid #333333;
	margin: 3em 0 1.8em;
	
	/*
	text-align: left;
	background-color: #f4f4f4;
    background-image: none;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    color: #333333;
    */
}
.baseline-header:first-child {
	margin-top: 0;
}

/* -------------------------------------------------------------------------------- */
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    /*todo: font-size: 20px;*/
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.no-border{
	border: none;
}



  
  /* ---------- autocomplete ----------------- */
  
  .ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-top-style: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	background-image: none;
	margin: -1 0 0 0;
	outline: 0 none;
	/*text-indent: 4px;*/
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 200px;
  }
  
  .ui-autocomplete-loading {
    background: white url("../images/throbber.gif") right center no-repeat;
  }
  .ui-autocomplete-category {
    /*font-weight:600;*/
    padding: .2em;
    margin: .8em 0 0 0;
    line-height: 1.5;
    border-bottom: 1px solid #eeeeee;
  }
  
  .ui-autocomplete .ui-menu-item {
    color: #7E8693;
    
    padding: .2em .2em .2em .4em;
    margin: 0 0 .3em 0;
  }
  
  .ui-autocomplete .ui-menu-item:hover, .ui-autocomplete .ui-menu-item.ui-state-focus, .ui-autocomplete .ui-menu-item.ui-state-active {
    color: #333333;
    text-decoration: none;
    background-color: #f7f7f7;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
   border: none !important;
   font-weight:300;
   cursor: pointer;
}

table.fixed {
	table-layout:fixed;
	 width: 100%;
}
.color-gray {
	color: #7e8693;
}

fieldset legend {
	padding: 5px;
}
fieldset div {
	padding: 5px;
}

input.dark.ui-button:hover {
	color: #ffffff;
}

#cartPreloader{
 color:#7e8693;
 text-align: center;
 font-weight:300;
 display: none;
 }
 
 
/* ---------- multiselect checkbox ----------------- */

#searchByTextForm .search-bar, #searchForm .search-bar {
	width:100%;
	position: relative;
  	display: flex;
  	flex-wrap: wrap;
}
#searchByTextForm .search-text, #searchForm .search-text  {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: relative;
}

#searchByTextForm .search-groups, #searchForm .search-groups {
    cursor: pointer;
    height: 100%;
    min-width: 170px;
    padding: 7px 10px 7px 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    
    width: 100%;
}

#searchByTextForm .search-groups .searchByText_drop, #searchForm .search-groups .searchByText_drop {
	overflow: hidden;
	padding: 24px 4px 10px 4px;
	right: -1px;
	top: 100%;
	/*width: 170px;*/
	z-index:1000;
}

#searchByTextForm .search-groups.opened .searchByText_drop, #searchForm .search-groups.opened .searchByText_drop
{
	display:block;
}

#searchByTextForm .search-button, #searchForm .search-button {
   display: inline-table;
   margin: 0px 0px auto 15px;
}

#searchByTextForm .search-groups::before, #searchForm .search-groups::before {
    
    content: ">>";
    font-size:16px;
    display: inline-block;
    padding: 0 5px 0 10px;
}

#searchByTextForm .search-groups span, #searchForm .search-groups span.curr_selected_group {
    margin: 10px 0 20px 0;
}

#searchByTextForm .search-groups span.curr_selected_group, #searchForm .search-groups span.curr_selected_group 
{
    font-size: 13px;
    color: var(--color-gray);
}
#searchByTextForm .search-groups::before, #searchForm .search-groups::before {
	font-size: 10px;
	text-indent: 0.01px;
	color: var(--color-red);
}
.caret {
	color:#6A6A6A;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
#searchByTextForm .search-groups i.caret, #searchForm .search-groups i.caret {
    position: absolute;
    right: 10px;
    top: 15px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    display: none;
}
#searchByTextForm .search-groups.opened i.caret, #searchForm .search-groups.opened i.caret {
	border-top: 0px solid;
	border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

div#productSearch label.ui-checkbox-label {
	font-weight:300;
	margin-left:15px;
}



.searchByText_drop .searchByText_caption {
	/*todo: font-size: 13px;*/
	font-weight: 700;
	color: #333333;
	margin: 15px 0 5px 5px;
}
.searchByText_drop > .searchByText_caption:first-child {
	margin-top: 5px;
}

#search {
		width: 100%; /*608px*/
	}
	
	/* Remove IE10's “clear field” X button */
.search-text input::-ms-clear {
    display: none;
}


.search-text .right-icon {
  position:absolute;
  right:10px;
  top:17px;
  cursor:pointer;
}
.search-text {
  position:relative;
  width:100%;
}

input#search:focus{
    outline: none;
}


.dot {
  height: 20px;
  width: 20px;
  background-color: #7E8693;
  border-radius: 50%;
  display: inline-block;
  
}
.dot:hover {
	background-color:rgb(84,90,101);
}

a.zamienniki{
	/*
	background-image: url("images/ui-icons_ffffff_256x240.png");
	background-position: -239px -95px;
	text-indent: 999px;
	*/
}

span.button.zamienniki a.zamienniki {
	display: none;
}

span.button.zamienniki.show a.zamienniki {
   display: flex;
}


table#replacements tbody > tr > th {
  background-color: rgb(84,90,101);
  border-bottom: 1.5px solid #333333;
  font-weight:600;
  color: #FFFFFF;
}



.l_top_border {
	border-top:1px solid #EEEEEE;
	padding-top:10px;
}

.wartosci-limitow tr:nth-child(even) td{
	font-weight:300;
	color: #9F9F9F;
}

.loyaltyProgramParticipants tfoot td,
.loyaltyProgramParticipants thead td  {
	font-weight:600;
}



/* ------------------------------------ pod responsywnosc -----------------------------------------------*/
/*TODO: tymczasowo wylaczone */
.box {
	/*border:1px solid green;
	background-color: lime;*/
}
/*.tab,*/
/*#middle,
#footer {
	display:none;
}*/

/* scrolowanie niemieszczacych sie obszarow */
div.containered_table, #contentWrapper {
	overflow-x:auto;
}




/* ----------------------------------- uklad #pagecontent ---------------------------------------------------------- */
#pagecontent,
#cartForm .foot .row {
	display: flex;
	flex-flow: row wrap;
}

#cartForm .foot .row {
	margin: 1em 0;
}

#pagecontent > *,
#cartForm .foot .row > * {
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
/*
div#mainContainer.twoColumns #pagecontent .flex-break {
  flex: 0 1 100%;
  height: 0;
}
*/
/* ------------------------------- koszyk ----------------------------------------------------------------------------- */

#cartForm .foot .row > div:nth-child(1)
{
	margin: 1em 0 0 0;
}
	
#cartForm .foot .row > div:nth-child(2).flex
{
	display: flex;
	flex-flow: column wrap;
}

#cartForm .foot .row > div:nth-child(2).flex > *,
#cartForm .foot .row > div:nth-child(2) > div
 {
	margin-bottom: 0.5em;
}


.cart-actions.buttons 
{
	display: flex;
	flex-flow: column wrap;
}

.cart-actions.buttons > *
{
	margin: auto;
	margin-bottom:1em;
	width: 100%;
	box-sizing: border-box;
}

#cartForm textarea[name="uwagi"],#cartForm select[name="sposobdostawy"],#cartForm select[name="oddzial"],#cartForm select[name="miejsceDostawy"]
{
	width: 100%;
	box-sizing: border-box;
}

#cartForm .your-data input[type="text"],
#cartForm .your-data input[type="email"] {
	width: 100%;
}





/* ----------------------------------- nowa wersja koszyka --------------------------------------------------------- */
#cart-table > *, #cart-table > ::after, #cart-table > ::before {
    box-sizing: inherit;
}
#replacements > *, #replacements > ::after, #replacements > ::before {
    box-sizing: inherit;
}
.item-list-header {
    display: none;
    border-top: 1px solid #dedede;
}

.cart-row,
.replacement-row
 {
    position: relative;
    padding: 30px 0 25px;
    border-top: 1px solid #dedede;
}

.cart-row-item,
.replacement-row-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item-image {
    width: 28.66%;
    min-width: 80px;
    margin-right: 20px;
}


.item-image img {
    display: block;
    width: 100%;
}

.item-body {
    -ms-flex: 1;
    flex: 1;
}

.item-details {
    margin-bottom: 20px;
}
.product-badges {
	font-size: 0;
}

.item-details .product-badges {
/*    margin-bottom: 22px;*/
margin-bottom: 5px;
}
.product-badges {
    font-size: 0;
}
.item-details .name {
    font-size: 18px;
   /* font-family: roboto slab,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 300;
    letter-spacing: .03em;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    margin: 0 0 11px;
}

.cart-row-item .item-body .attribute, .cart-row-item .item-body .sku,
.replacement-row-item .item-body .attribute, .replacement-row-item .item-body .sku
 {
    font-size: 13px;
    /*font-family: open sans,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 400;
    letter-spacing: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    line-height: 19px;
    margin-bottom: 6px;
}

.cart-row-item .item-body .attribute .label, .cart-row-item .item-body .sku .label,
.replacement-row-item .item-body .attribute .label, .replacement-row-item .item-body .sku .label {
    font-size: 14px;
    /*font-family: roboto slab,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 300;
    letter-spacing: .03em;
    color: #aaa;
    min-width: 83px;
}

.cart-row-item .item-body .sku .value,
.replacement-row-item .item-body .sku .value {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
}

.cart-row-item .item-body .attribute .value, .cart-row-item .item-body .sku .value,
.replacement-row-item .item-body .attribute .value, .replacement-row-item .item-body .sku .value {
    text-align: right;
}

span.label_status_available {
	 color: #009e84;
}
span.label_status_lot {
	color: #5CB85C;
}
span.label_status_low {
	color: #f5b041;
}
span.label_status_check {
	color: var(--color-gray);
}

.item-user-actions {
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.item-details .item-user-actions {
     display: none;
     justify-content: flex-start;
}




.cart-cta-icon, .cart-cta-icon:active, .cart-cta-icon:focus, .cart-cta-icon:hover {
    outline: 0;
}
.cart-cta-icon, .cart-cta-icon:active, .cart-cta-icon:focus, .cart-cta-icon:hover {
    color: var(--color-gray);
}


div.message.ui-state-error .cart-cta-icon, div.message.ui-state-error .cart-cta-icon:active, div.message.ui-state-error .cart-cta-icon:focus, div.message.ui-state-error .cart-cta-icon:hover {
	  color: var(--color-red);
}


.item-user-actions .cart-cta-icon {
    margin-top: 10px;
}
.item-user-actions .cart-cta-icon > *,
.item-user-actions > span > *
 {
	vertical-align: middle;
}

.item-user-actions > span {
	display: flex;
    justify-content:space-around;
    margin-left: auto;
    margin-right: auto;

}
.item-user-actions > span > a {
	display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.item-user-actions > span > a > * {
	width: 100%;
}
.item-user-actions .cart-cta-icon > *:first-child {
	margin-right: 5px;
}

article .item-user-actions {
	padding-top: 0px;
}
article .item-user-actions .cart-cta-icon {
	margin-top:0px;
}
article .item-user-actions > span > a {
    flex-direction: row;
}
article .item-user-actions > span > a > * {
	width:22px;
}
.item-user-actions > span > a > *:first-child {
	margin-bottom: 5px;
}



.item-quantity {
    position: relative;
}

.order-wrapper {
	display: flex;
	align-items:center;
	justify-content:space-between;
}

.item-price-title, .item-total-title {
    font-size: 14px;
    /*font-family: roboto slab,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 400;
    letter-spacing: .03em;
}
.product-price {
    font-size: 16px;
   /* font-family: Oswald,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 300;
    letter-spacing: .03em;
    line-height: 24px;
    text-align: right;
   
}

.product-price .price-sales, .product-price .price-standard, .product-price-sales {
    display: block;
}
.product-price-standard,
.pricejm {
	display: inline-block;
}
.product-price .price-sales, .product-price .price-standard, .product-price-sales, .product-price-standard {
    display: block;
}
.item-price-wrapper, .item-total-wrapper,
.kgo-item-price-wrapper, .kgo-item-total-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
 
}
.item-price-wrapper:last-child, .item-total-wrapper:last-child,
.kgo-item-price-wrapper:last-child, .kgo-item-total-wrapper:last-child {
	   margin-bottom: 10px;
}
.item-price-title, .item-total-title {
    font-size: 14px;
    /*font-family: roboto slab,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 400;
    letter-spacing: .03em;
}

.item-price-wrapper .product-price-total, .item-total-wrapper .product-price-total {
    display: block;
}
.product-price-total {
    font-size: 16px;
    /*font-family: Oswald,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 600;
    letter-spacing: .03em;
    white-space: nowrap;
}





.cart-cta-icon, .cart-cta-icon:active, .cart-cta-icon:focus, .cart-cta-icon:hover {
    outline: 0;
}
.cart-cta-icon, .cart-cta-icon:active, .cart-cta-icon:focus, .cart-cta-icon:hover {
    text-decoration: underline;
}

.cart-cta-icon {
    font-size: 13px;
   /* font-family: open sans,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 300;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    position: relative;
    cursor: pointer;
    border: 0;
    background: 0;
    line-height: 26px;
}



.item-list-header .item-total {
    text-align: right;
}
.item-availability {
    font-size: 13px;
    /*font-family: open sans,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;*/
    font-weight: 600;
    letter-spacing: normal;
    line-height: 19px;
    margin-bottom: 20px;
}

.item-availability .product-availability-list > a {
	text-decoration: none;
	color: var(--dark-gray);
}

.cart-row div.name > a,
.replacement-row div.name > a
 {
	color: var(--dark-gray);
}


.cart-footer {
    border: 1px solid var(--color-light-gray);
    padding: 23px 15px 27px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.cart-footer-left {
 /*   margin-bottom: 22px;*/
}

.cart-footer .order-totals {
    padding-top: 8px;
}

.order-totals-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.order-totals-table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.order-totals-table .order-subtotal .order-label {
    font-weight: 600;
}

.order-totals-table .order-label {
    padding-top: 5px;
    width: 60%;
    line-height: 18px;
}

.order-totals-table td {
    vertical-align: top;
    padding-bottom: 5px;
}

.order-totals-table .order-value {
    width: 40%;
}
.order-totals-table td {
    vertical-align: top;
    padding-bottom: 5px;
}

.order-totals-price-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 20px;
    border-top: 1px solid #dedede;
    padding: 20px 0 5px;
    line-height: 28px;
}
.order-totals-price-wrapper .order-label {
    font-weight: 600;
    font-size: 16px;
}

.order-totals-price-wrapper .order-value {
    font-size: 21px;
}

.order-totals-price .product-price-total {
    font-size: 24px;
    font-family: Oswald,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .05em;
}

.order-totals-price .product-price-total {
    font-size: 24px;
    font-family: Oswald,helvetica neue light,helvetica neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .05em;
}

div#cart-table.item-list div.cart-row div.cart-row-item div.item-image span.inner,
div#replacements.item-list div.replacement-row div.replacement-row-item div.item-image span.inner,
 {
	display:block;
	width:100%;
	height: 125px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAdCAYAAAAtt6XDAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAM2SURBVHjazJd7aM1hGMd/s59Z2VxmwyZyKXGcnZT7pUmSlEusZhpSDlIuRSnhL1Iit6QIYS7lmlJkitymdHR2xtaSmkmisMZGZpvvU99fvb29v3N+v3NO2VOf+r3nfX/v+/ye53mf5zkZNbVvLIP0AzfBbMtdvoNycN/yJ7mgEeSBSCgYmKgv6OHy4qoECon0B4eA7VOpDtDG5zbTAmfDdWAJyAZ/QNDjAWPBI/AbZHhY38UzCzgujr2ue8B3Ze4xOCALtoAjVnIilp5hJS8SJnOUsTwPlE3DVveSCjvNG0oAN4BvtGIhXVzgY49eNn2ZinSCq+AseAF+aPODwFywHsz0sp/b7bsO1oBbCTZ4B+aB5aDKoJDIZ3CRt1nitzWRVib3yQ0oowXPgWdgqmFdBCwFTbr5QW++36x44i84Bur50X3i3R5TXHQprmkyrPkIlmlzxTw0wrhq4AftYKJ0pIp5sMOPUgvAfH7tQrpHl210nSPi6udgExgH8hnc08A+UK2ljtvglJtSGSgzMX6lnnXFYsNBpjZXzYDt5HgFqPQQwF9BCajjeCioYWVQpdUt0EWRUQaFLMaZo9BgcFCb/wUu0Gp7QZS/D2BZcs78AO54DfR4Igc+UcblvPKWclAZU4MjlWQyQ2ECeMm5h2Cl14LsJl8Y5I6UaHVtq6LQEHCSB4eUdWpsvU2Hpdq1W6Nm6vfgLp/HgxtgpGGPfOW5hXv2TMVSmVo3oCbLZiZGyT+XXBTS25VsU9z6VSpPyzlR5XkEq34FCMTZ45XyPMykg1+l+jJQHbnC/suZ28NAd5N6VgxTfCWtlJOXHKkFh5XxRjArToO3XXFfDlicLqUk409SxrvBaTUhG96RurdZy0thujwtSmWxU81SbuRasJp1r11Z+xPcY+tyXPl9DNjpp0vwItOZg8JKijgPLrOpK6R1GrUaKVLEWMxPt1IWLZPLcvJJsVqMmETcfsZQa1N2nyql7A42SMMfZ91o+ZfC7F7spcnLTFEx6SROgF3sIKK0nM08NIXkeP2HZLv9IUxCimi50hT3aRH37WdQdhc5arNflgZsEWtR139SRi7J01AwcO2fAAMAfFKxJTXYsD8AAAAASUVORK5CYII=') no-repeat scroll 50% 50% #edeeef;
}
.footer-copy {
    padding-top: 20px;
    padding-bottom: 30px;
}
.footer-copy-text {
    margin-top: 30px;
}
.footer-copy-text p {
    margin-bottom: 0;
    line-height: 1.8em;
}

.cart-actions {
margin: 40px 0;	
}

.cart-button-del-info  {
	position: fixed;
	z-index: 30000;
	width: 300px; top : 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}

/* -----------------------------------/uklad #pagecontent ---------------------------------------------------------- */

.container-fluid {
/*	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;*/
}
	
	
@media only screen and (max-width : 991px) {
	
	table.rtab, .rtab thead, .rtab tbody, .rtab tfoot, .rtab th, .rtab td, .rtab tr {
		display: block;
	}
	
	.rtab td.hide {
		display: none;
	}

	.rtab thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tab.rtab tfoot th {
		display: none;
	}
	
	.tab.rtab tr {	
		border-bottom: 1px solid #eee;
	 }
	 
	 .tab.rtab tfoot tr {	
		border-width: 0;
	 }
	
	.tab.rtab td:not(.no-data-th) {
		position: relative;
		padding-left: 50%!important;
		border: none;
		width:auto;
	}
	
	
	.tab.rtab > tbody.items > tr > td.button {
		display:inline-flex;
		border-bottom-width: 0;
		margin: 1.3em 0 1em 0;
	}

	.tab.rtab > tbody > tr > td:first-child,
	.tab.rtab > tfoot > tr > td:first-child {
		padding-top: 1em;
	}
	
	/*
	table.tab.rtab tfoot tr:FIRST-CHILD td,
	table.tab.rtab > tfoot > tr:FIRST-CHILD > td:not(1){
		padding-top: 0;
	}
	*/
	
	.tab.rtab > tbody > tr > td:last-child {
		/* padding-bottom: 1em; */
	}

	
	.rtab td:not(.no-data-th):before {
		position: absolute;
		left: 6px;
		content: attr(data-th);
		font-weight: 600;
		width: 48%;
	}
	
	

	

	.rtab tr.odd{
		background-color: #f8f8f9;
	}
	
	.rtab td.center,
	.rtab > tbody td.right,
	.rtab > tfoot td.right,
	table.list td.right,
	table.tab.rtab td.quantity,
	table.tab.rtab td.button,
	table.tab.rtab td.state
	 {
		text-align:left;
	}
	
	.ui-tabs .ui-tabs-panel {
		padding: 1em 0;
	}
	
	table.tab.rtab tfoot tr:FIRST-CHILD td {
	/*padding-top:inherit;*/
	}
	

	table.list.modal {
		display: block;
	}
	
	table.list.modal > tbody > tr {
		display: flex;
		flex-flow: row wrap;
	}
	
	table.list.modal > tbody > tr > * {
		width:100%;
		margin-left: auto;
		margin-right: auto;
		min-width: unset;
		max-width: unset;
	}
	

	
}


#leftColumn {
    
    opacity: 0;
    visibility: hidden;
    top: calc(var(--nav-height) + var(--categories_dropdown-height));
    height: calc(100vh - (var(--nav-height) + var(--categories_dropdown-height) ));
    scrollbar-color: #312d3c;
    scrollbar-width: 8px;
    overflow: auto;
    
    -webkit-transition: .2s;
    transition: .2s;
    position: absolute;
    
    left: 0;
    background: #FFFFFF;
    z-index: 2;
    width: 100%;
}

#leftColumn.open {
	
	display:block;
	opacity: 1;
    visibility: visible;
    
}

#mainColumn.hide {
	 opacity: 0;
     visibility: hidden;
}
.jstree-default-b2b > ul:FIRST-CHILD > li > a {
    font-weight:400;
}

#productSearchPanel {
	/*display: none;*/

}

div.message span.button.usun.right{
  display: block;
}

span.featureInfoResp {
	width: 100px;
	display:inline-block;
	margin-left: 0.6em;
}
.short-msg-error {
	color: var(--color-dark-red);
}
.short-msg-success {
	color: var(--color-green);
}