/*	# Utsjekking (skjerm)
================================================ */
.checkout-left {width: 54.3%; float: left; padding: 10px 20px; }	
.checkout-right {width: 37%; padding: 10px; float: left; background: #fbfbfb; border-left: 1px #efefef solid;}

.checkout-right p,
.checkout-right span, 
.checkout-right label {font-size: 13px;}

/* Product Small overview (sidebar) */
.checkout-overview{margin: 5px 0 15px 0;}
.checkout-overview ul{margin: 0; padding: 0;}
.checkout-overview ul li{margin: 0; padding: 0;list-style: none;}
.checkout-overview ul li span.overview-left {width: 55%; display: inline-block;}
.checkout-overview ul li span.overview-right {width: 45%; display: inline;}

/* Payment method */
.checkout-payment {margin: 5px 0 15px 0;}
.checkout-payment ul {margin: 0; padding: 0;}
.checkout-payment ul li {list-style: none; margin: 0 0 5px 0; padding: 0;}
.checkout-payment ul li select {width: 100px;}
.checkout-payment ul li input {display: inline-block;}
.checkout-payment ul li span.checkout-payment-left {display: inline;}
.checkout-payment ul li span.checkout-payment-right {display: block; float: left;}
	span.cp-klarna-konto {width: 100px; display: inline-block;}
	span.cp-klarna-description {}

/* Same class as the checkout-box, with a new ID. Position: static, padding: 0 and text-align: left, should not be changed. */	
span#checkoutQuantity {background: none !important; color: black !important; font-size: 12px; text-align: left !important; padding: 0; position: static;}

	
/* Personalia inputs */
.checkout-personalia {margin: 5px 0 15px 0;}
.checkout-personalia label {display: block;}
.checkout-personalia label span {display: inline-block; width: 100px;}
.checkout-personalia label input {}

/* Klarna Buttons */
.checkout-actions {margin: 10px 0;}
	a.checkout-emptyCart {background: #454545; padding: 6px 12px; border-radius: 3px; color: #bdbdbd; font-size: 12px;}
	button.checkout-buy {background: #454545; padding: 6px 12px; border-radius: 3px; color: #bdbdbd; font-size: 12px; border: none;}

	.checkout-actions a:hover {background: black; color: white;}
	.checkout-actions button:hover {background: black; color: white; cursor: pointer;}
	
	/* Horizontal Ruler */
	.checkout-right hr {border: none; height: 1px; display: block; width: 100%; background: #ccc; margin: 20px 0 15px 0;}

/* Klarna order-method information */
.checkout-information {margin: 10px 0;}




#checkout-information h4 { margin: 12px 0 6px 0; color: black;  font-size: 16px;}
#checkout-information p {margin: 0 0 16px 0; font-family: sans-serif; font-size: 13px; color: #333;}
#checkout-information ul {margin: 0 0 16px 15px; font-family: sans-serif; font-size: 13px; color: #777;}

#checkout-information a img {opacity: 0.7;}
#checkout-information a img:hover {opacity: 1.0;}

	/* Grayscale */
	#checkout-information a img {
		    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		    filter: gray; /* IE6-9 */
		    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
			-webkit-transition: all 0.25s; /* Transition on mouseOut */}	
	#checkout-information a img:hover {filter: none; -webkit-filter: none; -webkit-transition: all 0.25s;}
	
	#checkout-information a.selected img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    border: 5px red solid;
}		

#checkout-klarna-account {display: none;}
#checkout-klarna-invoice {display: none;}



/*	# Opplisting av produkter i utsjekking 
================================================ */
.mpCart_items								{width: 95%;position: relative;} /* Wrapper width */
.cartHeaders								{display: none;}

.itemContainer:after						{clear: both;}

/* --- With a 3px colored border
.itemContainer								{position: relative; width: 100%; height: 100px; border:1px #ececec solid; margin: 0 0 20px 0; transition: all 0.15s ease-in-out;}
.itemContainer:hover 						{border: 3px #e4421c solid; }
*/

.itemContainer								{position: relative; width: 100%; height: 130px; border:1px #ececec solid; margin: 0 0 20px 0; transition: all 0.2s ease-in-out;}
.itemContainer:hover 						{box-shadow: 0px 2px 4px rgba(0,0,0,0.45); border: 1px #e0e0e0 solid; position: relative; top: 2px; left: 2px;}


.itemContainer								{padding: 10px 10px;}
.itemContainer:after						{display: block;position: relative;}

/*.itemThumbContainer							{width: 170px; height: auto; max-height: 100px; background: red;}
.itemThumb									{position: absolute; right: 12px; top: 36px;border: 1px transparent solid;width: 160px; height: auto; max-height: 95px; background: black; }*/

.itemThumbContainer {display: block; position: relative !important; width: 100px !important; max-height: 100px !important; left: 250px; top: 25px; text-align: center; }
.itemThumb {max-width: 100px; max-height: 100px;  }
    	
.itemId 									{display:none}
.itemName 									{font-size: 14px;font-weight: bold;color: black;position: absolute; top: 20px; left: 10px; width: 100%; z-index: 9999; }
.itemType									{font-size: 10px; color: #414141;position: absolute; top: 36px; left: 10px; z-index: 9999; display: block; width: 190px; }
.itemTotal									{color: #666;position: absolute; top: 118px;left: 90px; z-index: 9999;}
.itemDecrementContainer						{position: absolute; left: 10px; top: 118px;}
.itemQuantity 								{position: absolute; left: 30px;top: 118px; width: 30px; text-align: center;}
.itemIncrementContainer						{position: absolute; left: 60px;top: 118px;}
.itemRemove 								{position: absolute; font-size: 11px; left: 10px; top: 88px; font-size: 12px;}
.itemRef									{position: absolute; font-size: 11px; left: 1px; top: -5px; color:#CCC; padding:9px; }
.itemRemove {color: #ccc;}
.itemDecrement,
.itemIncrement {display: block; font-size: 11px; background: #cecece; color: #666; width: 20px; height: 20px; text-align: center; border-radius: 15px;}
.itemRemove:hover {color: black;}
.itemIncrement:hover {background: #e4421c; color: white;}
.itemDecrement:hover {background: #e4421c; color: white;}
.itemRemove:active {}
	

/*Klarna Dropdown-meny*/
.paymentmethod-dropdown {background: #ececec; padding: 10px; margin: 6px 0 10px 0; display: none; }
.paymentmethod-dropdown label {display: block; width: 100%; color: #888; margin: 8px 0 8px 0;	}
.paymentmethod-dropdown label input[type="radio"] {display: block; float: left; position: relative; top: -1px;}
.paymentmethod-dropdown label input[type="radio"]:checked+span {color: black;}
.paymentmethod-dropdown label span{margin: 0 0 0 25px; height: 40px; display: block; }

	

/*	# Utsjekking (Mobil)
================================================ */
@media screen and (max-width: 969px) {

.itemContainer {width: 90%;}
.mpCart_items								{width: 100%; position: relative;} /* Wrapper width */
.cartHeaders								{display: none;}
.itemName {font-size: 14px;}


.checkout-left {width: 88%; float: left; padding: 10px 20px; }	
.checkout-right {width: 88%; padding: 10px; float: left; background: transparent; border-left: 1px #efefef solid;}

.checkout-right p,
.checkout-right span, 
.checkout-right label {font-size: 13px;}

/* Product Small overview (sidebar) */
.checkout-overview{margin: 5px 0 15px 0;}
.checkout-overview ul{margin: 0; padding: 0;}
.checkout-overview ul li{margin: 0; padding: 0;list-style: none;}
.checkout-overview ul li span.overview-left {width: 55%; display: inline-block;}
.checkout-overview ul li span.overview-right {width: 45%; display: inline;}

/* Payment method */
.checkout-payment {margin: 5px 0 15px 0;}
.checkout-payment ul {margin: 0; padding: 0;}
.checkout-payment ul li {list-style: none; margin: 0 0 5px 0; padding: 0;}
.checkout-payment ul li select {width: 100px;}
.checkout-payment ul li input {display: inline-block;}
.checkout-payment ul li span.checkout-payment-left {display: inline;}
.checkout-payment ul li span.checkout-payment-right {display: block; float: left;}
	span.cp-klarna-konto {width: 100px; display: inline-block;}
	span.cp-klarna-description {}
	
/* Personalia inputs */
.checkout-personalia {margin: 5px 0 15px 0;}
.checkout-personalia label {display: block; }
.checkout-personalia label span {display: inline-block; width: 100px;}
.checkout-personalia label input { width: 95%; padding: 10px 5px;}

/* Klarna Buttons */
.checkout-actions {margin: 10px 0;}
	a.checkout-emptyCart {background: #454545; padding: 6px 12px; border-radius: 3px; color: #bdbdbd; font-size: 12px;}
	button.checkout-buy {background: #454545; padding: 6px 12px; border-radius: 3px; color: #bdbdbd; font-size: 12px; border: none;}

	.checkout-actions a:hover {background: black; color: white;}
	.checkout-actions button:hover {background: black; color: white; cursor: pointer;}
	
	/* Horizontal Ruler */
	.checkout-right hr {border: none; height: 1px; display: block; width: 100%; background: #ccc; margin: 20px 0 15px 0;}

/* Klarna order-method information */
#checkout-information {margin: 10px 0;}


/*Klarna Dropdown-meny*/
.paymentmethod-dropdown {background: #ececec; padding: 10px; margin: 6px 0 10px 0; display: none; }
.paymentmethod-dropdown label {display: block; width: 100%; color: #888; margin: 8px 0 8px 0;	}
.paymentmethod-dropdown label input[type="radio"] {display: block; float: left; position: relative; top: -1px;}
.paymentmethod-dropdown label span{margin: 0 0 0 25px; height: 40px; display: block; }

	
.itemThumbContainer {display: block; position: relative !important; width: 100px !important; max-height: 100px !important; left: 65%; top: 25px; text-align: center; }
.itemThumb {max-width: 100px; max-height: 100px;  }

.itemId 									{display:none;}
.itemName 									{font-size: 12px; font-weight: bold;color: black;position: absolute; top: 20px; left: 10px; width: 100%; z-index: 9999; }
.itemType									{display:none; font-size: 10px; color: #414141;position: absolute; top: 36px; left: 10px; z-index: 9999; display: block; width: 190px; }
.itemTotal									{color: #666;position: absolute; top: 118px;left: 90px; z-index: 9999;}
.itemDecrementContainer						{position: absolute; left: 10px; top: 118px;}
.itemQuantity 								{position: absolute; left: 30px;top: 118px; width: 30px; text-align: center;}
.itemIncrementContainer						{position: absolute; left: 60px;top: 118px;}
.itemRemove 								{position: absolute; font-size: 11px; left: 10px; top: 88px; font-size: 12px;}
.itemRef									{position: absolute; font-size: 11px; left: 1px; top: -5px; color:#CCC; padding:9px; }
.itemRemove {color: #ccc;}
.itemDecrement,
.itemIncrement {display: block; font-size: 11px; background: #cecece; color: #666; width: 20px; height: 20px; text-align: center; border-radius: 15px;}
.itemRemove:hover {color: black;}
.itemIncrement:hover {background: #e4421c; color: white;}
.itemDecrement:hover {background: #e4421c; color: white;}
.itemRemove:active {}
}