/* NORMALIZE START */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}

ul { 
	list-style-type: disc;
	list-style-position: inside;
}

ol { 
	list-style-type: decimal;
	list-style-position: inside;
}

ul ul, ol ul { 
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 1em;
}

ol ol, ul ol { 
	list-style-type: lower-latin;
	list-style-position: inside;
	margin-left: 1em;
}

*, :after, :before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
}

[dir=ltr] {
	unicode-bidi: embed;
	direction: ltr;
}

input,
select,
textarea {
	-webkit-border-radius: 0;
}

input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="date"],
input[type="text"],
input[type="tel"],
textarea,
select,
button {
	-webkit-appearance: none;
}

input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/* NORMALIZE END */

/* GENERAL STYLES START */
html {
	height: 100%;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.4285714286;
	background-color: #fff;
	font-size: .875rem;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia,serif;
	margin-top: 1.875rem;
	font-weight: 400;
	color: #5fa0af;
}

h1 {
	line-height: 1.1904761905;
	font-size: 2.625rem;
}

h2 {
	line-height: 1.0714285714;
	font-size: 1.75rem;
}

h3 {
	font-size: 1.25rem;
	line-height: 1.2;
}

h4 {
	line-height: 1.1111111111;
	font-size: 1.125rem;
}

h5 {
	line-height: 1.25;
	font-size: 1rem;
}

h6 {
	line-height: 1.4285714286;
	font-size: .875rem;
}

#page:before,
#page > *:not(#workarea):not(#container):not(#main-nav) {
	display: none;
}

#container > *:not(#workarea) {
	display: none;
}

img {
	max-width: 100%;
	page-break-inside: avoid;
}

#page > #main-nav {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	flex-direction: row;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

#main-nav > h1 {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0 0 1.875rem;
}

#main-nav > h1 a {
	display: block;
	overflow: hidden;
	height: 3rem;
	width: 12.0625rem;
}

#main-nav > h1 a:before {
	content: url("../img/logo.svg");
}

nav#main-nav > ul {
	display: none;
}

#buttons {
	display: none;
}
/* GENERAL STYLES END */

/* CONFIG PAGE START */
body.ipcBody #workarea .productImageGallery,
body.ipcBody #multifunctionalarea > nav,
body.ipcBody #configworkareamfa {
	display: none;
}

#multifunctionalarea,
#multifunctionalarea.absolute,
#multifunctionalarea.fixed {
	margin-top: 0 !important;
}

#multifunctionalarea > *:not(details) {
	display: none;
}

#multifunctionalarea summary {
	border-bottom: .0625rem solid #dddcda;
	padding: 0 0 .3125rem;
	margin: .3125rem 0;
	font-weight: bold;
	font-size: 120%;
	outline: none;
}

#multifunctionalarea summary::-webkit-details-marker {
	display:none;
}

#multifunctionalarea .priceSummary dl {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#multifunctionalarea .priceSummary dl:last-child {
	border-bottom: .0625rem solid #dddcda;
	padding-bottom: .3125rem;
}

#multifunctionalarea .priceSummary dl dt {
	-ms-flex-negative: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	font-weight: bold;
}

#multifunctionalarea .priceSummary dd {
	text-align: right;
}

#multifunctionalarea .priceSummary dt + dd {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

#multifunctionalarea .priceSummary dd + dd {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 3rem;
}

#multifunctionalarea details:not(.priceSummary) dt,
#multifunctionalarea details:not(.priceSummary) dd {
	display: inline-block;
}

#multifunctionalarea details:not(.priceSummary) dt {
	font-weight: bold;
}

#multifunctionalarea details:not(.priceSummary) dt:after {
	content: ":";
}

#multifunctionalarea details:not(.priceSummary) dd:after {
	content: "; ";
}

#multifunctionalarea details:not(.priceSummary) dd:last-child:after {
	content: "";
}

#configurationHeader {
	display: flex;
}

#configurationHeader > * {
	flex: 0 1 0%;
}

#configurationHeader > .productImageGalleryWrapper,
#configurationHeader > .productDetails {
	flex: 1 0 50%;
}
/* CONFIG PAGE END */

/* DOCUMENT DETAILS PAGE START */
.statusLayout #sub-nav > ul {
	width: 10rem;
}

.documentDetails, .documentItems, .documentPrices {
	width: 100%;
}

.documentDetails {
	overflow: hidden;
}

.documentDetails h1 {
	font-size: 1.75rem;
	padding: .675rem 0;
	margin: 0;
}

.documentDetails,
.documentDetails article > div {
	clear:left;
}

.documentDetails article:first-of-type .identifier, 
.documentDetails article:first-of-type .value {
	border-top: 1px solid #dddcda;
}

.documentDetails article .identifier, 
.documentDetails article .value {
	border-top: 1px solid #dddcda;
	float:left;
	padding: 0.625rem 0;
	/*margin: 0.8125rem 0 1.25rem;*/
	line-height: 1.125rem;
	vertical-align: top;
	min-height: 2rem;
}

.documentDetails article .identifier {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1rem;
	color: #4c4c4c;
	width: 35%;
}

.documentDetails article .value {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #4c4c4c;
	width: 60%;
	margin-left: 5%;
}

.documentItems h2,
.document-items h2 {
	font-family: Arial,serif;
	text-decoration: none;
	text-transform: none;
	border-bottom: none;
	font-weight: bold;
	font-size: 1.125rem;
	margin: 0.8125rem 0 1.25rem;
}

.documentItems .itemlist {
	width: 100%;
}

.basket-items .item-msg-area > .alert:last-child,
.document-items .item-msg-area > .alert:last-child,
.documentItems .item-msg-area > .alert:last-child {
	margin-bottom: 0;
}

.documentItems .itemlist .configure-icon {
	padding: .25rem 1rem .25rem .875rem;
	float: right;
}

.documentItems .itemlist .configure-icon:before {
	font-family: 'FontAwesome';
	content: '\f0ad';
	background: none;
	position: static;
}

.documentItems .itemlist .configure-icon > img {
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
}
.documentItems .itemlist details.config{
	border-bottom: 0.0625rem solid #dddcda;
    margin-bottom: 0.325rem;
}
.documentItems .itemlist details.config summary{
	font-weight: bold;
	margin-bottom: 0.325rem;
}
a.button.transferButton.disabled{
	cursor: default;
	background-color: rgba(145,173,65, 0.4);
	box-shadow: none;
}

.document-header {
	margin-top: 1rem;
}

.document-header > div {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.document-header > div > div {
	padding: 10px 0;
	padding: 0.625rem 0;
	border-top: 1px solid #dddcda;
	border-top: .0625rem solid #dddcda;
}

.document-header > div > .identifier {
	-webkit-flex: calc(35% - 2.5rem);
	-webkit-box-flex: calc(35% - 2.5rem);
	-ms-flex: calc(35% - 2.5rem);
	flex: calc(35% - 2.5rem);
	margin-right: 40px;
	margin-right: 2.5rem;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
}

.document-header > div > .value {
	-webkit-flex: 65%;
	-webkit-box-flex: 65%;
	-ms-flex: 65%;
	flex: 65%;
}


.document-items {
	margin-top: 1.25rem;
}

.document-items .odd-detail > td, .document-items .even-detail > td {
	border-bottom: 1px solid #dddcda;
	padding-bottom: .3125rem;
}

.document-items .price, .document-items .qty, .document-items .qty > input, .document-items .qty-avail, .document-items .status {
	text-align: right;
}

.document-items table {
	width: 100%;
}

.document-items table table {
	width: 100%;
}

.document-items table table .message-data td.identifier {
	width: 15%;
}

.document-items table table .message-data td.value {
	width: 85%;
}

.document-items .desc,
.document-items .price,
.documentItems .price {
	font-weight: 700;
}

.document-items .price,
.documentItems .price,
.documentItems .qty-avail {
	text-align: right;
}

.document-items .price > em,
.documentItems .price > em {
	font-size: .7rem;
}

.document-items .item {
	width: 5%;
}

.document-items .product, .document-items .price {
	width: 20%;
}

.document-items .qty, .document-items .qty-avail {
	width: 10%;
}

.document-items .date-on, .document-items .status {
	width: 10%;
}

.document-items .message {
	width: 25%;
}

.document-items span.lightColor {
	color: #999690;
}

.document-items .itemlist .configure-icon {
	padding: .25rem 1rem .25rem .875rem;
	float: right;
}

.document-items .itemlist .configure-icon:before {
	font-family: 'FontAwesome';
	content: '\f0ad';
	background: none;
	position: static;
}

#pdfPreview .itemlist .zOrderPrice {
    display: none;
}

.prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: .3125rem;
}
/* DOCUMENT DETAILS PAGE END */