/* min-width: 992px DESKTOP stare komp, malo istotne*/
body {
	/*background-color:#93ff93;*/
}
:root {
    --nav-height: 100px;
    --footer-height:103px;
    
    /*font-size: calc(1rem + ((1vw - 9.92px) * 1.7241));*/
    /*font-size: 16px;*/
}

input[type="email"],input[type="text"],input[type="tel"],input[type="password"],input[type="number"],select,textarea
{
	padding: 2px;
}
input[type="email"],input[type="text"],input[type="tel"],input[type="password"],textarea
{
	padding: 2px 4px;
}
input[type="text"] {
	padding: 0.25em;
}
select {
	padding: 5px;
	padding-right: 18px;
}
#header {
	display: flex;
	position: relative;
}
div#footer {
	/*min-height: var(--footer-height);*/

}
#topBar {
	height: var(--topBar-height);
	/*position: relative;
	top:auto;*/
	margin-top: 0;
}

div#middle {
	flex: 1;
	margin-top: 0px;
	/*min-height: calc(100vh - var(--nav-height) - var(--topBar-height) - var(--footer-height));*/

}

#mainContainer {
/*	align-content: space-between;*/

}
/*
#mainContainer  > *  {
	margin:0;

	}
	*/
#middle {
	/*margin: 0 0 auto 0;*/
}


#header-logo {
	max-width:220px;
	z-index: 2;
}
#topBar {
	flex-direction: row;
	align-items:center;	
}
#topBar #searchMenu {
	order: 0;
	margin-left: 0;
}
#topBar #breadcrumbs {
	order: 1;
}

#topBar #nav-search {
	order: 2;
	width: 270px;
	margin: 0 40px 0 auto;
}
#topBar #nav-search-submit-text.nav-sprite {
	top:4px;
}



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


#nav-search .nav-search-field {
    height: 24px;
}
#nav-search .nav-search-field .nav-input {
	height: 24px;
    line-height: 24px;
}


#header-logo {
	/*height: 80px;*/
	width:220px;
}

#header-logo img {
	max-width:220px;
	max-height: 80px;
}
#header  #menuTop.nav {
	flex-direction: row;
}
#bottom-footer .version {
	justify-content:flex-end;
	margin: 0 40px 0 auto;
}


div.fields>ul>li>label {
	flex: 0 1 11em;
}
div.fields>ul>li> *:not(label)  { 
	flex: 0 1 auto;
	margin-right: 10px;
}



.kontrahentinfo .label {
	flex: 0 1 41%;
}
.kontrahentinfo .data { 
	flex: 0 1 59%;
}

.kontrahentinfo #danefirmy,
.kontrahentinfo #limitkredytowy,
.kontrahentinfo #osobakontaktowa,
.kontrahentinfo #daneplatnika
{
	margin:16px 0;
}

.kontrahentinfo .label {
	margin-top: 0;
}
/*span:first-child*/
.limity-cena, .limity-ilosc {
	display:inline-block;
	text-align: right;
	/*width:160px;*/
	width: 80%;
}
/* ----------------------------------- uklad #loginSite ---------------------------------------------------------- */
div#loginSite > * {
	margin-bottom: 0px;
} 

div#loginSite .aside {
	flex: 1 1 0;
}


#box1 {  order: 0; }
#box4 {  order: 1; }
#loginContainer {  order: 2; }
#box2 {  order: 3; }
#box3 {  order: 4; }
  
div#loginSite #box1 {
	margin-bottom: 15px;
}

div#loginSite #box2 {
	margin-left: 15px;
	margin-bottom: 0px;
}

div#loginSite #box3 {
	margin-top: 15px;
    margin-bottom: 40px;
}

div#loginSite #box4 {
	margin-right: 15px;
	margin-bottom: 0px;
}
/* ----------------------------------- uklad #loginSite ---------------------------------------------------------- */
#mainContainer.twoColumns,
#mainContainer.twoColumns #leftColumn {
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) var(--left-col-width), rgba(255, 255, 255, 0) var(--left-col-width) );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) var(--left-col-width), rgba(255, 255, 255, 0) var(--left-col-width) );
	/* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) var(--left-col-width), rgba(255, 255, 255, 0) var(--left-col-width) );
	/* IE10+ */
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) var(--left-col-width), rgba(255, 255, 255, 0) var(--left-col-width) );
	/* W3C */
}



#pagecontent.main-content {
	padding: 0;
}

div#mainContainer.oneColumn #pagecontent.main-content {
	padding-left: 20px;
	padding-right: 20px;
}
div#mainContainer.oneColumnBckgr div#middle div#pagecontent div#contentWrapper
{
	margin-left: 27px;
}

#header .loginAdd {
	right:39px;
}
div#kontrahentinfo {
	margin: 0px auto 0px auto;
	width: 600px;
}
div#mainContainer.twoColumns div#contentWrapper,
div#mainContainer.oneColumnBckgr div#contentWrapper {
	padding: 0px 20px 50px 27px;
}
#contentWrapper.content-border {
	border-width: 1px;
}

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

/* ------------------------------- koszyk ----------------------------------------------------------------------------- */
#cartForm .foot .row > div:nth-child(1) {
	flex: 0 1 40%;
	text-align: right;
	padding-right: 1.5em;
	box-sizing: border-box;
	margin: 0;
}

#cartForm .foot .row > div:nth-child(2) {
	flex: 0 1 60%;
}

#cartForm .foot .row > div:nth-child(2).flex {
	display: flex;
	justify-content:space-between;
	flex-flow: row wrap;
}

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

#cartForm select[name="typ"],
#cartForm input[name="numerPrefiks"],
#cartForm input[name="numer"],
#cartForm input[name="termin"],
#cartForm input[name="iloscDni"] 
{
	flex: 0 1 30%;
}

#cartForm input[name="iloscDni"]
{
	margin-left: 1em;
}

#cartForm select[name="sposobplatnosci"] {
	flex: 1 1 0;
}

.cart-actions.buttons  
{
	flex-flow: row wrap;
	justify-content: flex-end;
}

.cart-actions.buttons  > *
{
	margin: 0;
	margin-left: 0.5em;
	width: auto;
}

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

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 td,table.tab th,
table#b2b_cart.tab tfoot tr.summary th {
	padding: 5px 16px;
}
table.tab tr.odd td {
background-color: #f8f8f9;
}
table.tab td.price,table.tab th.price {
	text-align: right;
	width: 120px;
}
table.tab thead th.center,table.tab tbody td.center {
	text-align: center;
}

table.tab thead th.right,table.tab tbody td.right {
	text-align: right;
}

table.tab thead th {
	word-wrap: break-word;
	font-weight:600;
	text-align: left;
}

table#management-contacts td,table#management-contacts th {
	padding: 18px 10px;
}
form#changepass-frm input[name="change"],
form#changepass-frm input[name="changeEmail"],
form#changepass-frm input[name="changePass"] {
	margin-left:160px;
}

#b2b_cart.tab td.price,#b2b_cart.tab th.price,
#replacements.tab td.price,#replacements.tab th.price {
	text-align: right;
}
table#b2b_cart th.price.wartosc,table#b2b_cart td.price.wartosc, table#b2b_cart td.price.wartosc-kgo {
	text-align: right;
	padding-left: 2px;
	padding-right: 2px;
}
div.cart-button {
	/*max-width: 95px;*/
	max-width: 120px;
	height: 24px;
	margin-bottom: 0;
	float: left;

}
a.cart-button_add,
a.cart-button_plus, 
a.cart-button_minus {
	line-height: 22px;
}
.item-image {
    width: 140px;
    min-width: 140px;
}
.qtip-b2b
{
	min-width: 320px !important; 
	max-width: 860px !important;
}



.item-list-header {
	font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 30px;
    line-height: 20px;
}
.item-image {
    margin-right: 30px;
    width: 140px;
    min-width: 140px;
}

.item-quantity {
    width: 37%;
    margin-right: 30px;
    position: relative;
}
.item-pricing .item-price, .item-pricing .item-total {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart-row {
    padding: 18px 30px;
}
.item-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
}

.item-details .product-badges {
   /* margin-bottom: 15px;*/
}
.cart-row-item .item-body .attribute, .cart-row-item .item-body .sku,
.replacement-row-item .item-body .attribute, .replacement-row-item .item-body .sku {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 3px;
}
.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: left;
}




.product-quantity {
    max-width: 118px;
    height: 35px;
    margin-bottom: 15px;
}
.cart-button_in-cart {
	top:35px;
}

.item-price-wrapper, .item-total-wrapper,
.kgo-item-price-wrapper, .kgo-item-total-wrapper {
    display: block;
    margin:0;
}

.item-price-title, .item-total-title,
.kgo-item-price-title, .kgo-item-total-title {
    display: none;
}
.item-pricing .item-price .product-price {
    text-align: left;
}
.item-pricing .item-price .product-price .price-asterisk,
.item-pricing .item-total .product-price-total .price-asterisk,
.order-value .product-price-total .price-asterisk,
.footer-copy .content-asset {
	display: none;
}

.product-price{
	 margin-bottom: 11px;
}

.item-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item-info {
	display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-direction: row;
    flex-direction: row;
        -ms-flex-pack: justify;
    justify-content: space-between;
    width: 350px;
}
.item-pricing {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/*
.item-details, .item-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
}
*/
.item-details {
    -ms-flex: auto;
    flex: auto;
    width: 39.36%;
    margin-right: 30px;
    margin-bottom: 0;  
}

.cart-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 35px;
}

.cart-footer-left, .cart-footer-right {
    margin: 0;
    width: 50%;
}
.cart-footer-right {
    padding-left: 0;
    max-width: 385px;
}
.cart-footer .order-totals {
    padding-top: 0;
}
.order-totals-price-wrapper {
    margin-top: 16px;
}

div#productSearchPanel div#productSearch form#searchForm div.flex.block > div {
	width: auto;
}

div#productSearchPanel div#productSearch form#searchForm div.flex.block > div > * {
	margin: auto 0;
	display: inline-block;
	width: auto;
}

div#productSearchPanel div#productSearch form#searchForm div.flex.block > div > select {
	max-width: unset;
}


div#productSearchPanel div#productSearch form#searchForm div.flex.block > div > select#producer {
	max-width: 168px;
}


#searchByTextForm .search-bar, #searchForm .search-bar {
	display: inline-table;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0px -1px 1px 0px rgba(238, 238, 238, 1);
	border-bottom-left-radius: 4px;
  	border-bottom-right-radius: 4px;
  	border-top-left-radius: 4px;
  	border-top-right-radius: 4px;
}
div#productSearch>form>div:FIRST-CHILD label {
		padding-bottom: 2px;
}
#searchByTextForm .search-groups, #searchForm .search-groups {
	display: table-cell;
}
#searchByTextForm .search-groups i.caret, #searchForm .search-groups i.caret {
	display: inline-block;
}

#searchByTextForm .search-groups::before, #searchForm .search-groups::before {
	border-left: 1px solid #CCCCCC;
	content: "";
	height: 18px;
    top: 5px;
    vertical-align: middle;
}

.search-text .right-icon {
	top:13px;
}

a#showHideProductSearch {
	margin-top: 5px;
}
	
#searchByTextForm .search-groups span, #searchForm .search-groups span {
    margin: 0 30px 0 0;
}

div#productSearch div.block {
	justify-content:flex-start;
}


#searchByTextForm .search-groups .searchByText_drop, #searchForm .search-groups .searchByText_drop {
	display: none;
	position: absolute;
	padding: 4px 4px 10px 4px;
	background-color: #FFFFFF;
  border-width:0px 1px 1px 1px;
  border-style: solid;
  border-color: #CCCCCC;
  box-shadow: 0px 0px 1px 0px rgba(238, 238, 238, 1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#searchByTextForm .search-button, #searchForm .search-button {
   display: inline-table;
   margin: auto 0px auto 15px;
}

#search {
		border:none;
		padding: 0px 4px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding-right:30px;
	}

#searchByTextForm .search-text, #searchForm .search-text  {
		padding: 0 10px 0 0;
	}
	
a#showHideProductSearch.closed {
	 padding: 0px 45px 0px 0px;
}
a#showHideProductSearch {
	margin-top: 10px;
	margin-bottom: 20px;
}
a#showHideProductSearch.closed {
	margin-top: 20px;
	margin-bottom: 10px;
}

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

div#mainContainer.twoColumns div#productSearchPanel.closed {
	 flex-direction: column;
}
#searchByTextForm .search-groups span, #searchForm .search-groups span {
	font-size: 16px;
}
button#szukaj.ui-button-icon-only .ui-icon {
	margin: -14px 0px 0px -16px;
}
/*
#quantity,#status,#priority {
	width: 130px;
}
*/
form#searchForm>div.block>div, form#searchByTextForm>div.block>div {
	margin-right: 1.5em;
}



table.tab {
	min-width: 300px;
}

.jstree-default-b2b > ul:FIRST-CHILD > li > a {
   /* font-weight:600;*/
}

#productSearchPanel {
	display:block;
}

#productInfo .headerRow > div.nazwa {
	margin-bottom: 0;
}

#productInfo .fotoContainer {
	margin: 0px 30px 0px 0px;
	float: left;
	/*width: 273px;
	max-width: 273px;
	*/
	width:30%;
	text-align: center;
}

#productInfo .fotoContainer > div:FIRST-CHILD> a >img,
.additionalPhotos {
	max-width: 273px;
}

	

#productInfo td input.price,
#productInfo th.price, #productInfo td.price
 {
	width: 70px;
	text-align: right;
}
.custom-checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 20px;
}

article .item-user-actions {
	padding-top: 0px;
	justify-content: flex-start;
}

article .item-user-actions > span > a   {
	font-size: 0px;
}