/* * * * * * * * */
/* FileStructure */
/* * * * * * * * *
1 OPES
2 LAYER OPES
	2.1 LAYER OPES - delivery adjustment
	2.2 LAYER OPES - collection
	2.3 LAYER OPES - paper proof
	2.4 LAYER OPES - address selection
	2.5 LAYER OPES - tax audit delivery country
	2.6 LAYER OPES - email
	2.7 LAYER OPES - Numbering wrong value
3 OSC
	3.1 OSC - ShoppingCart table
	3.2 OSC - Tooltip product description
	3.3 OSC - CrossSelling banner
	3.4 OSC - Tooltip VAT
4 OSCS
5 LAYER OSCS
	5.1 LAYER OSCS - card validation code
	5.2 LAYER OSCS - credit card error
6 MyORDERS
7 UPLOAD
8 OC
 * * * * * * * * */
/**************/
/*** 1 OPES ***/
/**************/
#OPES .leftColumn {
	width: 272px;
	float: left;
}

#OPES .rightColumn {
	width: 272px;
	float: right;
}
#OPES .column {
	width: 272px;
	position:relative;
}
#OPES .halfColumn {
	width: 134px;
}

#OPES .formHeadline {
	/* max column width minus info icon width */
	width: 255px;
}

#OPES .formHeadline.halfColumn {
	width: 134px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#OPES .halfColumn:last-child .formHeadline.halfColumn {
	width: 116px;
}
.formLine__link--rightPos {
	position: absolute;
	float: right;
	right: 1.667em;
	line-height: 18px;
}
#OPES .infoIcon {
	margin-top: 1px;
}

#OPES .selectLine .infoIcon {
	margin-top: -1px;
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#OPES .infoIcon {
		margin-top: -1px;
	}
	#OPES .selectLine .infoIcon {
		margin-top: -2px;
	}
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#OPES .infoIcon {
		margin-top: -1px;
	}
	#OPES .selectLine .infoIcon {
		margin-top: -3px;
	}
}

#servicesAndSpecialsBox {
	width: 260px;
	border: 1px solid #FC8600;
	padding: 7px 5px 0px;
}

#servicesAndSpecialsBox .selectLine {
	position: relative;
	width: 260px;
}

#servicesAndSpecialsBox .addonText {
	position: absolute;
	top: 1px;
	right: 20px;
}

/* warning icon at creasing */
img#OPES_warning_Pic {
	width: 18px;
	height: 18px;
	position: absolute;
	margin-left: 3px;
}

#OPES .formLine.comments {
	height: auto;
}

#OPES #comments {
	height: 102px;
}
#OPESBtnSingleCol {
	float: left;
	width: 555px;
}

#OPESBtnSingleCol .right {
	width: 272px;
}

.OPESBtn {
	margin-top: 18px;
}


/********************/
/*** 2 LAYER OPES ***/
/********************/
/********************************************/
/*** 2.1 LAYER OPES - delivery adjustment ***/
/********************************************/
#DeliveryAdjustmentPFCLayer_text p {
	margin-top: 10px;
}


/***********************************/
/*** 2.2 LAYER OPES - collection ***/
/***********************************/
#win_confirmCollection_content p {
    margin-top: 10px;
}


/************************************/
/*** 2.3 LAYER OPES - paper proof ***/
/************************************/
#OHProof {
	overflow: hidden;
	line-height: 15px;
}

/* style in Order_Hardproof_Config.pm */
/* selection */
.borderStyle {
	border: 1px solid #516274;
	width: 360px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 9px;
}

.pageSelection .borderStyle td,
.pageCounter .borderStyle td {
	line-height: 10px;
	height: 20px;
	width: 40px;
}


/*
+ LAYER OPES
*/
/* LAYER - OAE - OSO - OAE - change delivery address / return address / split delivery / edit address */
.address-overview__table {
	border-collapse: collapse;
	text-align: left;
	line-height: 15px;
}
.address-overview__th {
	padding-bottom: 5px;
}
_:-ms-input-placeholder, :root .address-overview__th {
	text-align: left;
}
.address-overview__tr {
	vertical-align: top;
}
.address-overview__searchfield {
	padding-bottom: 7px;
	padding-right: 45px;
}
.address-overview__input {
	width: 5em;
}
.address-overview__line {
	border-top: 1px solid #909090;
	padding-bottom: 5px;
}
.address-overview__searchfield .search_icon::after { /* zwischenlösung-muss noch optimiert werden, weil auch bei myorder */
	top: -18px;
}


#OSO .splitQuantityDetails {
	width: 750px;
}
td.orderQuantity.text,
td.splitQuantity.text,
td.remainingQuantity.text,
td.deliveryCharge.text {
	width: 312px;
	text-align: left;
	vertical-align: top;
}
td.deliveryCharge.text {
	width: 292px;
}
td.orderQuantity.value,
td.splitQuantity.value,
td.remainingQuantity.value,
td.deliveryCharge.value {
	width: 50px;
	text-align: right;
	vertical-align: top;
}
td.deliveryCharge.value.currencySign {
	width: 20px;
}
td.emptyLine {
	height: 7px;
}
td.emptyColumn {
	width: 20px;
}
.splitQuantityDetails.careAshare td.emptyColumn {
	width: 380px;
}

/***************************************************/
/*** 2.5 LAYER OPES - tax audit delivery country ***/
/***************************************************/
#win_intShippingUstIdTestBreak_layer_content p {
    margin-bottom: 4px;
}


/******************************/
/*** 2.6 LAYER OPES - email ***/
/******************************/
#win_emailDataTransfer_content p {
    margin: 10px 0;
}


/**********************************************/
/*** 2.7 LAYER OPES - Numbering wrong value ***/
/**********************************************/
#win_wrongNumberingStart p {
	margin-top: 10px;
}


/**************/
/*** 3 OSC ***/
/**************/
/*************************************/
/*** 3.1 OSC - Shopping cart table ***/
/*************************************/
table#basicOrderTbl {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 750px;
}

table#basicOrderTbl td,
table#basicOrderTbl th {
	padding: 0px 5px;
	height: 24px;
	border: 1px solid #516274;
	line-height: 16px;
}

table#basicOrderTbl th {
	width: 135px;
    background-color: #D3DAE2;
	font-weight: bold;
}

table#basicOrderTbl .colOrderProductSpecification,
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="2"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="3"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="4"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="5"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="6"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="7"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="8"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="9"],
table#basicOrderTbl .colOrderProductSpecification_rowspan[rowspan="10"] {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.colOrderProductSpecification_rowspan[rowspan="2"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="3"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="4"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="5"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="6"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="7"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="8"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="9"] ~ td.colOrderProductSpecification,
td.colOrderProductSpecification_rowspan[rowspan="10"] ~ td.colOrderProductSpecification {
	vertical-align: middle !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

td#colOrderProductEdit[rowspan="2"],
td#colOrderProductEdit[rowspan="3"],
td#colOrderProductEdit[rowspan="4"],
td#colOrderProductEdit[rowspan="5"],
td#colOrderProductEdit[rowspan="6"],
td#colOrderProductEdit[rowspan="7"],
td#colOrderProductEdit[rowspan="8"],
td#colOrderProductEdit[rowspan="9"],
td#colOrderProductEdit[rowspan="10"] {
	vertical-align: top !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.colOrderProduct_Specification {
	font-size: 9px;
	margin-top: 6px;
	line-height: 14px;
}

table#basicOrderTbl #orderAmountTd {
	padding-top: 5px;
}

#colOrderProduct{
	width: 85%;
}

/* icons @ track + osc */
#Track .toolIcon svg{
	margin-top:-0.15em;
}
#OSCLine_VATProduct_Icon svg{
	height:0.7em;
	width:initial;
}
#TrackLine_previewFDProduct_Icon svg,
#Track .thumbnail.toolIcon svg,
#TrackLine_careAndShare_Icon svg,
#TrackLine_dataInputPass_Icon svg,
#TrackLine_dataInputFail_Icon svg{
	height: 0.833em;
	width: initial;
}
.OSCBtn {
	margin-top: 4px;
	Width: 750px;
}

/* edit icon osc */
.toolIcon--blink:not(:hover) {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes blink {
  0%, 50% {
	background-color: #3377C0;
	}
  50.1%, 100% {
	background-color: #225894;
	border-right-color: #1B4676;
	border-bottom-color: #1B4676;
	border-left-color: #4E79A9;
	border-top-color: #4E79A9;
	}
}
@keyframes blink {
  0%, 50% {
	background-color: #3377C0;
	}
  50.1%, 100% {
	background-color: #225894;
	border-right-color: #1B4676;
	border-bottom-color: #1B4676;
	border-left-color: #4E79A9;
	border-top-color: #4E79A9;
	}
}

/* player ID layer */
#DefID_fontColor_SelectSelectBoxItContainer {
	width: 100%;
}
.DefIDLayer__button {
	width: 100%;
	float: left;
	margin-top: 18px;
}

/*********************************************/
/*** 3.2 OSC - Tooltip product description ***/
/*********************************************/
.overlay_tooltip_fp_close {
	position: absolute;
	top: 6px;
	right: 6px;
}

table#productDescriptionContent td {
	line-height: 14px;
}
#OSC_printProductDescription_Link{
	position:absolute;
    right:2.167em;
    top:0.667em;
}
#OSC_printProductDescription_Link svg{
	fill:#516274;
	height:1.167em;
	width:initial;
}

/*****************************/
/*** 3.3 OSC - Tooltip VAT ***/
/*****************************/
.vatTooltip {
	height: 290px;
	overflow: auto;
}


/*************************************/
/*** 3.4 OSC - CrossSelling banner ***/
/*************************************/
#csBanner {
    height: 81px;
    width: 558px;
    margin-left: -6px;
	position: relative;
}

/* IE10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#csBanner {
	    margin-left: -5px;
	}
}

/* googleChrome + safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#csBanner {
	    margin-left: -5px;
	}
}

/* Banner auf der Warenkorbseite */
#csBanner .csBannerHeadline,
#csBanner .csBannerSubline {
	font-family: arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 470px;
	margin-left: 77px;
	color: #516274;
}

#csBanner .csBannerHeadline {
	position: absolute;
	top: 20px;
}

#csBanner .csBannerSubline {
	color: #4a8acf;
	position: absolute;
	bottom: 16px;
	font-size: 18px;
	width: 345px;
}

/* the 5% underline */
.csBanner_underline::after {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 36px;
	height: 8px;
	position: absolute;
	bottom: 9px;
}

/**************/
/*** 4 OSCS ***/
/**************/
#OSCS .input88 {
	height: 16px;
}

#OSCS #bankData .formHeadline,
#OSCS #creditCardInput .formHeadline {
	width: 112px;
}

#OSCS #bankDataStored,
#OSCS #creditCardStored {
	width: 254px;
}

#OSCS .selectLine {
	position: relative;
}

#OSCS .selectLine .infoIcon {
	margin-top: -1px;
}

#OSCS #bankData .selectLine label,
#OSCS #creditCardInput .selectLine label,
#OSCS .payPalCheckbox .selectLine label {
	position: absolute;
	/* delete if optimized all templates use this class */
	margin-top: 1px;
}

/* terms and conditions */
#OSCS label#printlink {
	width: 205px;
}

#OSCS.nl label#printlink,
#OSCS.da label#printlink {
	width: 240px;
}

/* delete if class is optimized */
#OSCS .aPrintLink  {
	margin-left: 0;
}

#OSCS #printlink:hover > a {
	text-decoration: underline;
}

/* addon text */
#OSCS .addonText {
	position: absolute;
	top: 1px;
	right: 20px;
}

#OSCS .storedLine .addonText {
	position: relative;
	top: 0px;
}

/* total amount information */
#OSCS .rechnungsDetailsLine{
	line-height: 20px;
}
.rechnungsDetailsLine{
	float:left;
    width:100%;
}
.rechnungsDetailsLine .left{
    width:68%;
}
.rechnungsDetailsLine .left:nth-child(2){
    width:24.5%;
}
.rechnungsDetailsLine .left span{
    text-align:right;
    float:right;
}
.rechnungsDetailsLine .infoIcon{
	margin-top:-1px;
}
#OSCS_printProductDescription_Link{
	position:absolute;
    right:2.167em;
    top:0.75em;
}
#OSCS_printProductDescription_Link svg{
	fill:#516274;
	height:1.167em;
	width:initial;
}


/* shipment options */
.shipmentOpt {
    position: relative;
	box-sizing: border-box;
}
.shipmentOpt__header {
	font-weight: bold;
	margin: 0 0 10px 0;
}
.shipmentOpt__row {
    height: 20px;
	clear: both;
}
.shipmentOpt__row--indent {
	margin: -5px 0 0 18px;
	height: auto;;
}
.shipmentOpt__radio {
	vertical-align: text-bottom;
	height: 14px;
	width: 14px;
}
.shipmentOpt__price {
	position: absolute;
	float: right;
	right: 20px;
}
.shipmentOpt__price ~ .infoIcon{
	margin-top: -1px;
}

/********************/
/*** 5 LAYER OSCS ***/
/********************/

/* time for payment */

#win_timeForPayment table {
	border-collapse: collapse;
	margin-top: 13px;
}

#win_timeForPayment input {
	height: auto;
	margin-right: 3px;
}

#win_timeForPayment table td {
	height: 16px;
	padding-bottom: 4px;
	vertical-align: top;
}

#win_timeForPayment table td:last-child {
	text-align: right;
	padding-left: 4px;
	white-space: nowrap;
}

#win_timeForPayment table tr:first-child td:last-child {
	text-align: left;
	padding-left: 0px;
	white-space: normal;
}

/*********************************************/
/*** 5.1 LAYER OSCS - card validation code ***/
/*********************************************/
#cardSecurityCode {
	float: left;
}

#cardSecurityCode .headline {
	margin-bottom: 10px;
	font-weight: bold;
}

#visaMasterCard {
	margin-top: 10px;
	float: left;
}

.paymentCardBack {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 148px;
    height: 100px;
    float: left;
    margin-top: 8px;
}


/******************************************/
/*** 5.2 LAYER OSCS - credit card error ***/
/******************************************/
#win_creditCardError p {
	margin-top: 10px;
}


/******************/
/*** 6 MyORDERS ***/
/******************/
#Track {
    width: 100%;
}

.myOrdersHeadlines label,
.myOrdersHeadlines b {
	width: 99%;
	height: 21px;
	line-height: 1.8;
    font-weight: bold;
    background-color: #d3dae2;
    border-bottom: 1px solid #516274;
    float: left;
    padding-left: 0.4em;
}

.myOrdersHeadlines .EditCell b {
	width: 97.4%;
}

.myOrdersHeadlines > div {
	height: 50px;
}

.myOrder_content_line a:not(.toolIcon),
.myOrder_content a:not(.toolIcon),
.myOrder_content_line span,
.myOrder_content span,
.orderCellTxt{
    margin:0.4em;
}
.myOrder_content_line #editCellColumn a,
.myOrder_content #editCellColumn a,
.myOrder_content_line .OrderStatusCell a,
.myOrder_content .OrderStatusCell a{
    margin-top: 0.4em;
}
.myOrder_content #editCellColumn a:last-of-type,
.myOrder_content_line #editCellColumn a:last-of-type {
	margin-right: 0;
}
.myOrder_content_line .EditCellIcons,
.myOrder_content .EditCellIcons{
	margin-left: 4px;
}
.myOrder_content_line .orderCell a,
.myOrder_content .orderCell a,
.myOrder_content_line span,
.myOrder_content span,
.orderCellTxt{
    line-height: 1.5;
}
.myOrder_content_line span,
.myOrder_content span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}

.myOrder_content_line a.infoIcon,
.myOrder_content a.infoIcon {
    margin-top: 0.3em;
    line-height: 0.9;
}

.myOrdersHeadlines,
.myOrder_content,
.myOrder_content_line {
    width: 99.8%;
    border: 1px solid #516274;
}

.myOrder_content {
    border-bottom: none;
    border-top: none;
}

/* if last div is myOrder_content you need border-bottom style */
#myOrdersContent section:last-child > div:nth-last-of-type(2):not(.myOrder_content_line) {
    border-bottom: 1px solid #516274;
}

#myOrdersContentHide > div:nth-last-of-type(1):not(.myOrder_content_line) {
    border-bottom: 1px solid #516274;
}

#myOrdersContentHide > div:nth-last-of-type(1):not(.EditCell) {
    border-bottom: 1px solid #516274;
}

.myOrder_content_line {
    border-top: none;
}

.myOrder_content_line > div,
.myOrder_content > div {
	height: 24px;
}

.orderCell,
.OrderStatusCell,
.DeliveryCell,
.EditCell {
    border-left: 1px solid #516274;
}

.orderNumberCell {
    width: 12%;
}

.orderCell {
    width: 30%;
}

.OrderStatusCell {
    width: 29%;
}

.DeliveryCell {
    width: 12%;
}

.EditCell {
    width: 16.3%;
}

/* input icon */
#myOrdersContent input {
	padding-left: 0.4em;
	margin: 0.4em;
	border: 1px solid #D3DAE2;
}

/* placeholder */
:placeholder-shown { /* future declaration all browser ! */
    color: #909090;
    opacity: 1;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #909090;
    opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #909090;
    opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #909090;
    opacity: 1;
}

.error:placeholder-shown { /* future declaration all browser ! */
    color: #FC8600 !important;
}

.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #FC8600 !important;
}

.error::-moz-placeholder { /* Firefox 19+ */
    color: #FC8600 !important;
}

.error:-ms-input-placeholder { /* IE 10+ */
    color: #FC8600 !important;
}

#Track_orderStatus_SelectSelectBoxItContainer {
	width: 99%;
	margin: 0.4em;
}

.input_icon {
	position: relative;
	color: #909090;
	font-family: FontAwesome;
	float: right;
	right: 0;
	margin-right: 1px;
}

.search_icon::after {
	content: "\f002";
	font-size: 0.9em;
	position: absolute;
	top: -21px;
	right: 7px;
}

#Track .button {
    margin: 0.25em;
}

/*** thumbnail blueprint ***/
.toolIcon.thumbnail img {
	position: absolute;
	background-color: #d3dae2;
	padding: 10px;
	display: none;
	z-index: 1000;
	margin: 10px 0 0 10px;
}

.toolIcon.thumbnail:hover img {
	display: block;
}

/* at page cancel order or cancel order line*/
#TrackOSC .infoIcon::after {
	margin-left: 1px;
}
/*
** ORDER OVERVIEW - Tooltips
*/
#Track .ttContent.hover{
	white-space: inherit !important;
	width: 21.667em;
}
/*
** 8 OC
*/
#OC p{
	margin-bottom:0.917em;
}
#OC p:nth-last-child(1){
	margin-bottom:0;
}
#OC .left.width100pr{
	margin-top:1.167em;
}