@CHARSET "UTF-8";
html {
	height: 100%;
	margin: 0 0 0.1px 0;
	padding: 0;
	background-color: #ffffff;
}

body {
	height: 100%;
}
pre.error {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.displayContainer {
	margin: 0 auto;
	/*min-height: 100%;*/
}

.fr {float: right;}
.fl {float: left;}
.lc70 {float: left; width: 70%}
.rc30 {float: right; width: 30%}

.viewContainer {
	font-family: "Tahoma", sans-serif;
	width: 95%;
	margin: 10px auto 0;
	padding: 0;
/*	text-align: center;*/
	font-size: 11px;
	color: #555555;
}
.viewContainer a {
	color: #3d84a2;
	text-decoration: underline;
}

.viewContainer a img {
	border : none;
}

.viewContainer a:hover {
	text-decoration: none;
}

#loginFormContainer {width: 25%; max-width:500px;margin:0 auto;}

.submitBlock {
	margin-top: 15px;
}

.inl-blk {
	display: inline-block;
}

.inl-blk.matchBigRow {
	padding-bottom: 6px;
	margin-top: 30px;
}

.inl-blk input.inline-checkbox {
	margin-top: 0px;
	margin-right: 5px;
}

br.spacing {
	margin-bottom: 10px;
}

p.section {
	font-size: 1.2em;
	font-weight: bold;
	color: #3d84a2;
	padding: 0px;
}

.boxSelect {
	margin: 0 auto;
	margin-bottom: 10px;
}

.boxSelect select {
	width: 90%;
	height: 200px;
}

.dn {
	display: none;
}

.pageContainer {
	height: 100%;
	text-align: left;
}


* html .displayContainer {
	height: 100%;
}

div#areaContent div.preview {

	background-color: #FFB9B9;
	}

div#headerContainer {
	padding: 0px 0px 15px 0px;
	margin: 0px auto;
	/*background-image: url("/images/logo.png");*/
	/*background-image: url("/images/banner.jpg");*/
	background-repeat: no-repeat;
	background-position: 0px 15px;
	overflow: visible;
	zoom:1;
}

div#headerContainer .menu-account {
	margin-right: 20px;
}

div#locatorContainer {
	min-height: 30px;
	background-image: url("/images/locator.png");
	background-repeat: repeat-x;
	background-color: #fdfdfd;
	border-bottom: 1px solid #e7e7e7;
}

* html div#locatorContainer {
	height: 30px;
}

div#locator {
	display:block;
	margin: 0px auto;
	padding: 5px 0px 0px 20px;
	float:left;
}

div#loginInformations {
	text-align: right;
	padding: 5px 20px 0px 0;
}

div#viewContainer {
	margin: 0px auto 0px auto;
	padding: 0px 0px 70px 0px;
	zoom:1;
}

/*
div#areaContent div{
	padding: 5px 5px 5px 5px;
	}

*/
div#areaContext {
	margin: 15px 0px 20px 0px;
	overflow: hidden;
	zoom: 1;
}

div#areaContext a {
	float: left;
	margin: 0px 20px 0px 0px;
	font-weight: bold;
}

div.align-left {
	text-align: left;
}

form#searchBoxForm #fieldset-searchInBlock {
	display: none;
}


div#footer {
	clear: both;
	height: 50px;
	margin-top: 10px;
	padding: 0px 20px 0px 20px;
	background-color: #fafaf8;
	background-image: url("/images/footerline.png");
	background-repeat: repeat-x;
	overflow: hidden;
	zoom: 1;
}

div#footer p {
	/*
	display: block;
	width: 950px;
	padding: 0px;
	*/
	margin-top: 10px;
	text-align:center;
	width: 100%;
	clear: both;
}



#systemMessage div.info, #systemMessage div.ok, #systemMessage div.warning, #systemMessage div.error {
		border: 1px solid;
		margin: 10px 0px;
		padding:15px 10px 15px 50px;
		background-repeat: no-repeat;
		background-position: 10px center;
		font-weight: bold;
}
#systemMessage div.info {
		color: #00529B;
		background-color: #BDE5F8;
		background-image: url('/images/system/info.png');
}
#systemMessage div.ok {
		color: #4F8A10;
		background-color: #DFF2BF;
		background-image:url('/images/system/success.png');
}
#systemMessage div.warning {
		color: #9F6000;
		background-color: #FEEFB3;
		background-image: url('/images/system/warning.png');
}
#systemMessage div.error {
		color: #D8000C;
		background-color: #FFBABA;
		background-image: url('/images/system/error.png');
}


.tc {text-align:center}

/* Potrzebne */

div#graphicalOptionsContainer {
	margin: 0px;
	padding: 0px;
	width: 400px;
}

table#graphicalOptions tr.optionsRow td.optionsItem {
	border: none;
	padding: 8px 8px 8px 8px;
	text-align: center;
	vertical-align: top;
	background-image: none;
	width: 120px;
}

table#graphicalOptions tr.optionsCaption td {
	border: none;
	padding: 25px 8px 8px 8px;
	text-align: left;
	vertical-align: top;
	vertical-align: top;
	background-image: url("/images/system/black_line.png");
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: 1.4em;
	font-weight: bolder;
}

table#graphicalOptions tr.optionsRow td.optionsItem a {
	text-decoration: none;
}

table#graphicalOptions tr.optionsRow td.optionsItem a:hover {
	text-decoration: underline;
}

div.menu-account {
	overflow:hidden;
}

li.inactiveMenuItem div div{color:#aaa; font-weight:normal;}


div.menu-account ul#menu-account{
	margin:0 auto;
	padding:0;
	overflow:hidden;
	padding:10px 0;
	}

div.menu-account ul#menu-account li{
	float: right;
	cursor:pointer;
	margin:0;
	padding: 0 5px;
	/*padding:13px 10px;*/
	text-decoration:none;
	list-style-image:none;
list-style-position:outside;
list-style-type:none;
	}

.navbar {
	margin-bottom: 0px;
}

table.popup--data {width: 100%; font-size: 14px;}


table.popup--data tr.even {background-color: #E5E5E5;}
table.popup--data tr.odd {background-color: #F5F5F5;}
table.popup--data tr.header {background-color: #C0C0C0;}

/**
* ZAMOWIENIA
 */
.detailsSummary {
	font-family: 'Lato', sans-serif;
	margin: 0;
}
.detailsSummary .detailsHeader {
	margin: 0 0 10px;
	font-weight: normal;
}
.detailsSummary .orderId {
	color: #2f79b9;
	font-size: 18px;
	font-weight: bold;
}
.detailsSummary .detailsSectionTitle {
	border-bottom: 1px solid #e7e7e7;
	min-height: 40px;
	line-height: 40px;
	padding: 0;
	font-size: 12px;
	color: #605f5f;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	letter-spacing: 2.2px;
}
.detailsSummary .detailsSectionTitle:hover {
	background: #fdfdfd;
}
.detailsSummary .detailsSectionTitle .fa {
	margin-right: 20px;
	color: rgba(96, 95, 95, 0.5);
	vertical-align: middle;
	font-size: 20px;
}
.detailsSummary .detailsSectionContent {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.3s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out;
	-ms-transition: max-height 0.3s ease-in-out;
	-o-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;
}
.detailsSummary .detailsSectionTitle.expanded + .detailsSectionContent {
	max-height: 3900px;
	-webkit-transition: max-height 0.3s ease-in-out;
	-moz-transition: max-height 0.3s ease-in-out;
	-ms-transition: max-height 0.3s ease-in-out;
	-o-transition: max-height 0.3s ease-in-out;
	transition: max-height 0.3s ease-in-out;
}
.detailsSummary .detailsSectionContent .panel {
	margin-top: 15px;
	box-shadow: none;
	border: 0;
}
.detailsSummary .detailsSectionContent .panel-title {
	background: #acc9e3;
	color: #2f79b9;
	padding: 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
}

.detailsSummary .detailsSectionContent .panel-heading {
	background: #acc9e3;
	color: #2f79b9;
	border-color: #fff;
	min-height: 22px;
	padding: 0 10px;
}
.detailsSummary .detailsSectionContent .well {
	background: #f8f8f8;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	font-size: 16px;
	color: #7b7b7b;
	padding: 10px;
	margin-top: 15px;
	font-weight: bold;
}
.detailsSummary .detailsSectionContent .wellHeader {
	font-size: 11px;
	line-height: normal;
	color: #337ab7;
	text-transform: uppercase;
	margin: 0 0 22px;
	font-weight: bold;
	letter-spacing: 3px;
}

.detailsSummary .detailsSectionContent .orderNoticesNotice,
.detailsSummary .detailsSectionContent .shippmentDetails,
.detailsSummary .detailsSectionContent .billingDetails {
	width: 100%;
	max-width: 458px;
	display: inline-block;
	vertical-align: top;
}
.detailsSummary .detailsSectionContent .orderNoticesNotice:first-child,
.detailsSummary .detailsSectionContent .shippmentDetails {
	margin-right: 5.8em;
}
.detailsSummary .detailsSectionContent .panel .panel-body {
	padding: 0;
}
.detailsSummary .detailsSectionContent .panel .dataRow {
	font-size: 13px;
	line-height: normal;
	padding: 0;
	margin: 0;
	color: #aeaeae;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.detailsSummary .dataRow .dataRowLabel,
.detailsSummary .dataRow .dataRowValue {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px 0;
}
.detailsSummary .dataRow.last .dataRowLabel,
.detailsSummary .dataRow.last .dataRowValue {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 20px;
}
.detailsSummary .dataRow .dataRowLabel {
	width: 160px;
}
.detailsSummary .dataRow .dataRowValue {
	color: #2f79b9;
	background: #f8f8f8;
}
.detailsSummary .detailsSectionContent .deliveryAndPaymentDetails {
	width: 100%;
	max-width: 458px;
}
.detailsSummary .deliveryAndPaymentDetails .dataRow .dataRowLabel {
	background: #f2f0f0;
	color: #337ab7;
	text-transform: uppercase;
	padding: 10px;
	font-size: 12px;
	letter-spacing: 3px;
	width: 162px;
	font-weight: bold;
}
.detailsSummary .deliveryAndPaymentDetails .dataRow:first-child .dataRowLabel {
	background: #f8f8f8;
}
.detailsSummary .deliveryAndPaymentDetails .dataRow .dataRowValue {
	background: #fff;
	color: #7b7b7b;
}
.detailsSummary .detailsSectionTable,
.detailsSummary .pricesDetails,
.detailsSummary .productsDetails {
	border-radius: 3px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.detailsSummary .orderChangesDetails .tableHead,
.detailsSummary .pricesDetails .tableHead,
.detailsSummary .productsDetails .tableHead {
	color: #337ab7;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 3px;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.detailsSummary .detailsSectionTable.orderChangesDetails .tableHead,
.detailsSummary .detailsSectionTable.productsDetails .tableHead {
	background: #adcae2;
}
.detailsSummary .detailsSectionTable .tableHead .tableHeadItem
.detailsSummary .pricesDetails .tableHead .tableHeadItem,
.detailsSummary .productsDetails .tableHead .tableHeadItem {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
	font-weight: bold;
	letter-spacing: 3px;
}
.detailsSummary .detailsSectionTable .dataRow,
.detailsSummary .pricesDetails .dataRow,
.detailsSummary .productsDetails .dataRow {
	border-radius: 3px;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.detailsSummary .orderChangesDetails .dataRow:nth-child(even),
.detailsSummary .productsDetails .dataRow:nth-child(even) {
	background: #f8f8f8;
}
.detailsSummary .detailsSectionTable .dataRow .dataRowCell,
.detailsSummary .pricesDetails .dataRow .dataRowCell,
.detailsSummary .productsDetails .dataRow .dataRowCell {
	display: table-cell;
	vertical-align: middle;
	padding: 12px 11px;
	font-size: 12px;
	color: #7b7b7b;
	word-break: break-word;
	word-wrap: break-word;
}
.detailsSummary .productsDetails .title {
	width: 25%;
}
.detailsSummary .productsDetails .type {
	width: 10%;
}

.detailsSummary .productsDetails .ean {
	width: 14%;
}
.detailsSummary .productsDetails .netto {
	/*width: 7.45%;*/
	/*max-width: 106px;*/
}
.detailsSummary .productsDetails .nettoSum {
	width: 12%;
}
.detailsSummary .productsDetails .vat {
	width: 8%;
}
.detailsSummary .productsDetails .counter {
	width: 8%;
}

.detailsSummary .pricesDetails {
	width: 100%;
	max-width: 1084px;
}
.detailsSummary .detailsSectionTable .tableHead,
.detailsSectionTable .dataRow {
	table-layout: fixed;
}
.detailsSummary .detailsSectionTable .tableHead {
	background: #f8f8f8;
}
/*.detailsSummary .detailsSectionTable .tableHead .tableHeadItem,*/
.detailsSummary .pricesDetails .tableHead .tableHeadItem,
.detailsSummary .pricesDetails .dataRow .dataRowCell {
	letter-spacing: 1.5px;
	padding: 10px 10px;
}
.detailsSummary .detailsSectionTable .tableHead .summary strong {
	border-bottom: 2px solid;
}
.detailsSummary .detailsSectionTable .dataRow .summary strong {
	color: #337ab7;
}
.detailsSummary .pricesDetails .tableHeadItem,
.detailsSummary .pricesDetails .dataRowCell {
	width: 16.6666%;
}
.detailsSummary .processingDetails {
	max-width: 500px;
}
.detailsSummary .processingDetails .tableHead,
.detailsSummary .processingDetails .dataRow {
	table-layout: fixed;
	display: table;
	width: 100%;
}
.detailsSummary .processingDetails .tableHead .tableHeadItem {
	padding: 10px 15px;
	color: #337ab7;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.detailsSummary .processingDetails .dataRow .dataRowCell {
	padding: 10px 15px;
}
.detailsSummary .processingDetails .element {
	width: 52%;
}
.detailsSummary .processingDetails .status {
	text-transform: uppercase;
}


.detailsSummary .orderChangesDetails .tableHead .tableHeadItem {
	padding: 10px 15px;
	letter-spacing: 3px;
}

.detailsSummary .orderChangesDetails .dataRow .dataRowCell {
	padding: 20px 22px;
}
.detailsSummary .orderChangesDetails .date {
	width: 16.5%;
}
.detailsSummary .orderChangesDetails .comment {
	width: 45.2%;
}
.detailsSummary .orderChangesDetails .user {
	width: 15.2%;
}


@media screen and (max-width: 767px) {
	#pathContainer .breadcrumb {
		margin: 5px 10px;
	}
	.detailsSummary {
		margin: 0;
	}
	.detailsSummary .detailsHeader {
		margin-top: 45px;
		padding: 10px 0 0;
	}
	.detailsSummary .detailsSectionTitle {
		padding: 17px 10px;
	}
	.detailsSummary .detailsSectionTable {
		margin: 24px 0;
	}
	.detailsSummary .detailsSectionTable .tableHead {
		display: none;
	}
	.detailsSummary .detailsSectionTable .dataRow:nth-child(even) {
		border-bottom: 1px dashed #ccc;
		border-top: 1px dashed #ccc;
		background: #fff;
	}
	.detailsSummary .detailsSectionTable .dataRowCell {
		padding: 10px !important;
		width: 100% !important;
		display: block !important;
	}
	.detailsSummary .detailsSectionTable .dataRowCell:before {
		display: inline-block;
		font-weight: bold;
		content: attr(title);
		margin-right: 5px;
	}

	.detailsSummary .orderChangesDetails .date {
		width: 15%;
	}
	.detailsSummary .orderChangesDetails .comment {
		width: 20%;
	}
	.detailsSummary .orderChangesDetails .user {
		width: 20%;
	}

}
@media screen and (min-width: 768px) and (max-width: 1300px) {
	.detailsSummary {
		margin: 20px;
	}
	.detailsSummary .detailsSectionContent .orderNoticesNotice,
	.detailsSummary .detailsSectionContent .shippmentDetails,
	.detailsSummary .detailsSectionContent .billingDetails {
		width: 100%;
		max-width: 100%;
		margin: 24px 20px 0 0;
	}
	.detailsSummary .detailsSectionContent .orderNoticesNotice:first-child,
	.detailsSummary .detailsSectionContent .shippmentDetails {
		margin-right: 20px;
	}
	.detailsSummary .detailsSectionTable .tableHeadItem,
	.detailsSummary .detailsSectionTable .dataRowCell {
		padding: 10px !important;
	}
	.detailsSummary .productsDetails .title {
		width: 25%;
	}
	.detailsSummary .productsDetails .ean {
		width: 17%;
	}
	.detailsSummary .productsDetails .netto {
		width: 10%;
	}
	.detailsSummary .productsDetails .counter {
		width: 8%;
	}
	.detailsSummary .productsDetails .nettoSum {
		width: 10%;
	}
	.detailsSummary .productsDetails .vat {
		width: 6%;
	}
	.detailsSummary .productsDetails .bruttoSum,
	.detailsSummary .productsDetails .sum {
		width: 10%;
	}

	.detailsSummary .detailsSectionTable .tableHead .tableHeadItem {
		word-break: break-word;
		word-wrap: ;
		letter-spacing: 0;
	}

	.detailsSummary .orderChangesDetails .date {
		width: 15%;
	}
	.detailsSummary .orderChangesDetails .comment {
		width: 20%;
	}
	.detailsSummary .orderChangesDetails .user {
		width: 20%;
	}

}