/* PCS PLACTIC CARD HUB CSS */
/* INFIGO CSS */
.cartTableWrapper tr td.cart--actions .basketEditButton + .basketEditButton {
	display: none
}

.cartTableWrapper tr td.cart--actions .cart--deleteitem{
	float: left;
    width: 100%;
}
.cartTableWrapper tr td.cart--actions .cart--edititem, 
.cartTableWrapper tr td.cart--actions .cart--deleteitem, 
.cartTableWrapper tr td.cart--actions .cart--saveitem {
    width: 100%;
	float: left;
}
/*
.style-block > .meuiStackLayout:nth-child(2) .meuiStacklayoutVertical:nth-child(4) .grid > div.meuiStacklayoutVertical {
	width: 100% !important;
	padding: 0px !important;
	height: auto !important;
	margin: 0px !important;
}
.style-block > .meuiStackLayout:nth-child(2) .meuiStacklayoutVertical:nth-child(4) .grid > div.meuiStacklayoutVertical div {
	position: relative;
	float: left;
	width: 100%;
}
*/
/* END INFIGO CSS */

/* JAMIE CSS UPLOADS */

/* css added to create pop up message when selecting barcode EAN13. home > standard cards > variable data plastic card > "click" include barcode > select EAN13. */
.layout--columnsOneC .product-details-page .attribute.Barcode_Type input:checked + label + .attributeValueInfo .popup {
    display: block!important;
	position: absolute!important;
	z-index: 99999999999!important;
	background: #2FBAD7;
	color: #fff;
	top: -70px;
	padding: 5px;
	border-radius: 5px;
}
/* altering the width of the Envelope page form labels to look more aesthetically pleasing home > envelope (form)*/
.layout--columnsOneC .product-details-page.staticproduct .attribute input + label {
    width: 50%;
}

/* LOADING SCREEN CODE */
/* message added to loading screen */
.loadingArea:after, .loadingScreen:after, .addtoBasketScreen:before {
	content: 'Please wait a moment while we get things ready';
	width: 100%;
	color: white;
	position: absolute;
	z-index: 1;
	font-size: 18px;
	text-align: center;
	-webkit-transform: skewY(0deg);
	-moz-transform: skewY(0deg);
	-o-transform: skewY(0deg);
	transform: skewY(0deg);
}
/* end added loading screen code */
/* FAQs page */
/* accordion */
/* Question */
#phTopic .topicpage-body .accordion {
	cursor: pointer;
}
#phTopic .topicpage-body .accordion h5:hover {
	color: #2FBAD7;
}
/* Answer */
#phTopic .topicpage-body .accordion p {
	display: none;
	padding: 4px 14px;
	margin-bottom: 14px;
	border-left: 2px solid #2FBAD7;
}

/* HOW TO? */
/* embeded youtube code */
/* videos wrap */
.how-to-videos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 40px;
}

@media(max-width: 1100px) {
	/* videos wrap */
	.how-to-videos {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width: 500px) {
	/* videos wrap */
	.how-to-videos {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}
/* resize text links */
a:visited, a:link {
	font-size: 1em;
}
/* REGISTRATION FORM */
/* terma&conditions checkbox */
#TermsAndConditions {
	position: relative;
	left: -7.4rem;
}
/* change attribute::after text for magic card printer */
.layout--columnsOneC .product-details-page .attributes:before {
	content: 'Product highlights'!important;
}
/* increase font-size of product price and positioning */
.productPrice {
	font-size: 1em;
	display: inline-block;
    float: left;
    margin-left: 10%;
}
/* increase width and positioning of quantity box and button */
.layout--columnsOneC .product-details-page.staticproduct .overview .add-info {
	/* width: 100%; */
	margin: 0;
	width: 100%;
}
/* quantity box */
.layout--columnsOneC .product-details-page.staticproduct .overview .add-info .quantityBox {
    Width: calc(100% - 72px)!important;
    padding: 17px;
    border: solid 1px #ccc;
	height: 26px;
	display: inline-block;
}
/* quantityBox container */
.quantityBox__container {
	width: calc(40% - 2px)!important;
	float: left;
}
/* lanyard price tag font-size */
.price-val-for-dyn-upd-71, .price-val-for-dyn-upd-74, .price-val-for-dyn-upd-73 {
	font-size: 1em;
}

/* static product price pages form */
.layout--columnsOneC .product-details-page.staticproduct .overview .price {
	width: 100%;
}

/* checkbox positioning on static product pricing pages */
.layout--columnsOneC .product-details-page.staticproduct .attribute .attribute-item {
    padding-left: 140px;
    position: relative;
    float: right;
    width: calc(100% - 0px);
    margin-top: 20px;
}

/* remove price after label (white) */
.layout--columnsOneC .product-details-page.staticproduct .attribute .attribute-item input + label span {
	display: none!important;
}
/* END JAMIE CSS UPLOADS */

/* hide layout feature -  this is causing issues, as the last element is not anymore the layout component, but is the card feature layout component can be toggled via script configuration) */
/*body.plasticcard .custom-btn-sidebar > .meuiStackLayout:last-child {
    display: none;
}*/

/* alternative product image */
#contentrow.ProductStandardCards .product-details-page.airposImage #productVariantForm:after {
    background-image: url("/0/Handler/CSSOverride/GetImage/2/AIRPOS1.png");
}
.page-dynamicproduct-editor .buttonContainer .priceContainer {
    display: none;
}