/****************************************************************
Webshop
****************************************************************/
.payment-logos img {
	margin-right: 10px;
}
.payment-logos img:last-child {
	margin-right: 0;
}

#CartTop {
	background-color: #f0ec8cab;
	padding-top: 12px;
	text-align: center;
	width: 95%;
	margin-bottom: 23px;
}

#ShowBasketLink { /* "Vis indk bskurv"-knappen */
	background: url(../images/shopping-cart.png) no-repeat scroll 5px 4px #748845;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	margin-left: 30px;
	padding: 5px 12px 5px 28px;
	text-decoration: none;
}

#FreeShippingDiv {
	background-color: #fafdf8;
	padding-bottom: 5px;
	padding-top: 7px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	color: #4e7b4e;
	margin-bottom: 12px;
	margin-top: 13px;
}
/* Tom (intet fri fragt-beløb sat for websitet, se Products/admin/fri-fragt.php,
   eller kurven ikke hentet endnu) - vis ikke en tom bjælke. */
#FreeShippingDiv:empty {
	display: none;
}
#FreeShippingDivBasket { /* linie i indk bskurven */
    background-color: #fafdf8;
    padding-bottom: 5px;
    padding-top: 6px;
    padding-right: 15px;
    text-align: right;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    z-index: 4;
    color: #4e7b4e;
}

#skinke {
	display: none;
}


/*******************************
SLIDE-IN
*******************************/

.slider {
    position: fixed;
    width: 300px;
    height: 100%;
    color: #000;
    left: -15px;
    background: #fff;
	display: none;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    overflow-y: auto;
    top: 0px;
    z-index: 4;
    padding-left: 0px;
    box-shadow: 4px 11px 12px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 4px 11px 12px 0px rgba(0, 0, 0, 0.5);
}
.slider .productlist {
	width: 93%;
    height: 47px;
    float: left;
	margin-left: 15px;
	cursor: pointer;
}

.slider img.link {
    float: left;
    margin-right: 12px;
    height: auto;
    margin-left: 6px;
    width: 12px;
    margin-top: 13px;
    opacity: 0.6;
}

.slider img.productimage {
	width: 42px;
    float: left;
    margin-right: 12px;
    height: auto;
    margin-left: 6px;
}

.slider span {
	margin-top: 10px;
    display: block;
    float: left;
    width: 165px;
    padding-right: 3px;
	overflow: hidden;
    height: 23px;
	color: #666;
}

.slider span a {
	color: #5f605f;
}

.slider em {
	 background: url(../images/shopping-cart.png) 5px 4px no-repeat #368136;
    width: 29px;
    height: 25px;
    display: block;
    float: left;
    margin-top: 8px;
    border-radius: 5px;
	cursor: pointer;
}

.slide-in {
	display: block;
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}

/*******************************
BUNDLE
*******************************/

.bundle-picker {
	position: relative;
	margin-bottom: 20px;
}
#PutInBasketFirst {
	display: none;
	position: absolute;
	/* Dækker .bundle-slots helt, uanset antal "Vælg"-knapper - .bundle-picker
	   har ingen egen højde (position: relative), den arver den fra
	   .bundle-slots, det eneste barn der stadig er i normal flow. */
	inset: 0;
	background-color: rgb(237 224 95 / 30%);
	border-radius: 10px;
	border: 1px solid #cfcf4c;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#PutInBasketFirst p {
	font-style: italic;
}

.ProdDiv {
	display: inline-block;
	width: 66%;
}
.BundleProd {
	display: block;
	width: 100% !important;
	margin-top: 20px !important;
}
.BundleProd a.Prod {
	font-size: 15px;
    background-color: #cbcaca;
    color: #282828;
    padding: 6px;
    border-radius: 8px;
}
.BundleProd .RemoveProd {
    font-style: normal;
    font-size: 12px;
    color: #b91d1b;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 9px;
}
.BundleProd .ChooseProd {
    background: #368136;
    padding: 6px;
    color: #fff;
    border-radius: 5px;
    font-style: normal;
	cursor: pointer;
}
.BundlelinkDiv {
    margin-bottom: 12px;
    width: 98%;
    margin-top: 19px;
	max-width: 355px;
}
.BundlelinkDiv a {
    text-decoration: none;
}
.Bundlelink {
    font-size: 14px;
    border: 1px solid #d8dfd5;
    padding: 2px 7px 2px 7px;
    position: relative;
    background: url(../images/button-arrow-forward-dark.png) no-repeat right 15px center #fff;
	margin-bottom: 13px;
}
.BundleSave {
    margin-bottom: 1px;
    font-weight: bold;
    color: #b41818;
    font-size: 13px;
    background-color: yellow;
    padding: 2px 4px 2px 4px;
}
.Bundlelink em {
    font-style: normal;
    padding: 2px 4px 2px 4px;
    margin-right: 10px;
    position: absolute;
    top: 17px;
    right: 37px;
    color: #9f9f9f;
    font-size: 16px;
    font-weight: bold;
}
.BundleName {
    font-size: 17px;
	margin-top: 5px;
    display: block;
    margin-bottom: 7px;
    color: #000;
}

/* "[UpgradeTo] {Navn}"-linjen efter en mængdevare i kurven, se
   birds_bundle_opgrader_html() i app/tasks/bundle.php - porteret fra den
   gamle inline style i Birds/test/kurv-update.asp. */
.bundle-upgrade {
	border-bottom: 1px solid #dddedb;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-top: 10px;
	font-size: 12px;
	color: gray;
	background-color: #fff;
}
.bundle-upgrade-link {
	cursor: pointer;
	background: url(../images/arrow-up.png) no-repeat #cfe3ca 2px 3px;
	padding: 4px 6px 4px 21px;
	color: #333;
}

/*******************************
INDKØBSKURV
*******************************/

/* Mængdetilbud-notice i kurven (bundlenotice) - se
   birds_kurv_bundle_notice_html() i app/tasks/bundle.php. */
.bundlenotice {
	border-bottom: 1px solid #dddedb;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-top: 10px;
	font-size: 12px;
	color: #333;
	background-color: #f2f2f2;
}
.bundlenotice em.save {
	color: #ab2929;
	font-style: normal;
	padding: 2px 3px 2px 3px;
	background-color: yellow;
	font-size: 12px;
	margin-right: 6px;
	float: left;
	margin-top: -2px;
}
.bundlenotice em.buy {
	color: #fff;
	font-style: normal;
	padding: 2px 3px 2px 3px;
	background-color: #769e19;
	font-size: 12px;
	margin-left: 6px;
	margin-top: -2px;
	border-radius: 3px;
	cursor: pointer;
}

/* Rabatkode-fejl/-advarsler (indløst forkert/udløbet/brugt kode, eller
   minimumsbeløb ikke nået), se birds_kurv_content_html() i app/tasks/kurv.php. */
.ErrorMsg {
	display: block;
	text-align: right;
	margin-top: 10px;
	color: #cd6a6a;
	font-size: 13px;
}

/* "-X kr"-mærket på en linje, hvor varen er på tilbud. */
.tilbud-diff {
	color: #ab2929;
	font-style: normal;
	padding: 2px 6px;
	background-color: yellow;
	font-size: 13px;
	margin-top: 8px;
	float: left;
	font-weight: bold;
}

/* Mængdetilbudslinje i kurven (.productline.is-bundle, se
   birds_kurv_linje_html() i app/tasks/kurv.php): navnet skal fylde hele
   span'en, så rabat-mærket (.tilbud-diff, stadig float:left som ovenfor)
   tvinges ned på sin egen linje under navnet i stedet for at flyde ved
   siden af det. Kun ">span >a" - den direkte navnelink lige efter billedet
   - IKKE "a.Prod" inde i .bundle-slots (de allerede valgte produkter,
   birds_bundle_slots_html()), som ellers uforvarende også ville blive ramt
   og strække sig ud i fuld bredde med "Eliminar" tvunget ned på sin egen
   linje. .bundle-slots (knapperne) er uændret et almindeligt
   inline-block-barn af .col-product (samme .ProdDiv-regler som på
   produktdetaljesiden) og lægger sig derfor selv ved siden af navnesøjlen
   når der er plads, under den når der ikke er - som canto-pajaros.es'
   kurv (den gamle .asp-baserede søstersite, se HTML'en der til
   sammenligning). */
.productline.is-bundle .col-product > span > a {
	float: left;
	width: 100%;
}

/* Antal-stepper ("-"/"+") i kurven - erstatter den gamle <select>. */
.qty-stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
}
.qty-stepper .qty-btn {
	width: 26px;
	height: 26px;
	border: none;
	background: #f2f2f2;
	color: #444;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}
.qty-stepper .qty-btn:hover {
	background: #e3f0d4;
	color: #355e0a;
}
.qty-stepper .qty-num {
	display: inline-block;
	min-width: 28px;
	text-align: center;
	font-size: 13px;
}

#Cart {
min-height: 20px;
margin-bottom: 0px;
margin-top: 20px;
}

.cart-header {
background-color: #555f3e;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 5px 5px 3px;
    text-transform: uppercase;
}
.col-product {
float: left;
    padding-left: 2%;
    width: 49%;
}
.col-product img {
	float: left;
    margin-right: 11px;
	height: auto;
    width: 80px;
}
.col-product span {
	float: left;
    margin-top: 3px;
}
.col-product a {
	color: #41501e;
	float: left;
	width: 100%;
}
.col-price {
width: 16%;
float: left;
}
.cart-header > .col-price {
	box-sizing: border-box;
	padding-right: 15px;
}
.col-count {
width: 12%;
min-width: 55px;
float: left;
}
.col-remove {
width: 5%;
float: left;
}
.col-total {
width: 13%;
float: left;
}
.col-right {
text-align: right;
}
.col-center {
text-align: center;
}

.productline {
background-color: #ffffff;
    border-bottom: 1px solid #dddedb;
    min-height: 60px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-top: 10px;
}

.productline .col-remove-link {
	background: url("../images/shop-cancel.png") no-repeat scroll center center transparent;
    border-radius: 2px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 10px;
}

.productline .col-total {
font-weight: bold;
}

.TotalPrice {
	background-color: #d1d4d0 !important;
    font-size: 1.3em;
    font-weight: bold;
}
.moms {
	font-style: italic;
}
		.ExtraLine {
	padding-bottom: 8px;
    padding-right: 19px;
    padding-top: 8px;
    text-align: right;
	    overflow: hidden;
		}
		.ExtraLine span {
		display: block;
		float: right;
		width: 141px;
		}
		.vat {
		font-style: italic;
		text-align: right;
		padding-right: 19px;
		margin-top: 20px;
		font-size: 0.8em;
		}
		
		.cart-btn-div {
			padding-top: 19px;
			margin-bottom: 15px;
			    height: 27px;
		}
		
		.cart-btn-div span {
			display: block;
			float: left;
			width: 50%;
		}

		.cart-btn-div span.forward {
			text-align: right;
		}
		
		.cart-btn-div span em.btn, .cart-btn-div span a.btn {
			border-radius: 2px;
			color: #FFFFFF !important;
			padding: 6px 13px 6px;
			text-decoration: none;
			font-style: normal;
			cursor: pointer;
		}
		
		.cart-btn-div span a.btn.back {
			background: url(../images/arrow-left-white.png) no-repeat 3px center #888888;
			padding-left: 25px;
		}
		
		.cart-btn-div span em.btn.forward,.cart-btn-div span a.btn.forward {
			    background: url(../images/arrow-right-white.png) no-repeat right 4px center #769e19;
    padding-right: 25px;
		}
	
	.ShallBuyMore {
	    background: url(../images/caution.png) no-repeat 9px center #bd2323;
		color: #fff;
		padding: 13px;
		line-height: 28px;
		padding-left: 56px;
		margin-bottom: 22px;
	}

/*******************************
TRIN I BESTILLING
*******************************/
#natureshoplogo {
	margin-top: 20px;
}
#natureshoplogo img {
	height: 39px;
	width: auto;
}

.stepbar {
margin-top: 16px;
    min-height: 42px;
    padding-left: 3px;
}
.step {
float: left;
width: 20%;
display: block;
line-height: 1;
position: relative;
color: #a3a79f;
}
.step:after {
    background: none repeat scroll 0 0 #cbccca;
    border-radius: 10px;
    content: " ";
    display: block;
    height: 12px;
    left: -3px;
    position: absolute;
    top: -4px;
    width: 12px;
}
.step.done:after, .step.current:after {
    background: none repeat scroll 0 0 #6f6f6e;
}
.step .indicator {
    background: none repeat scroll 0 0 #c6c7c2;
    display: block;
    height: 4px;
    text-indent: -99999px;
	font-weight: bold;
}
.step.last .indicator {
    background: none repeat scroll 0 0 transparent;
}
.step.done, .step.current {
    color: #a6a9a5;
}
.step span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
	padding-right: 1em;
}
.step.done .indicator {
    background: none repeat scroll 0 0 #80827b;
}

.steptext {
    color: #7D5709;
    font-size: 0.8em;
    margin-bottom: 26px;
    margin-top: 8px;
    text-transform: uppercase;
	display: none;
}


/*******************************
LEVERING
*******************************/
.form-warning {
background-color: #f7e284;
padding: 9px;
color: #565653;
font-size: 14px;
width: 94%;
border: 1px solid #c5b362;
display: none;
}
.customer-error {
   background-color: #BA2A17;
    border-radius: 2px;
    color: white;
    font-size: 12px;
    padding: 3px 6px;
    width: 155px;
	display: none;
	margin-left: 193px;
}
.shop-input {
		 border: 1px solid #ccc;
    display: block;
    font-size: 14px;
    margin-bottom: 7px;
    margin-top: 4px;
    padding: 6px;
    width: 400px;
	}
.country-select {
		margin-bottom: 10px;
    overflow: hidden;
	}
	.country-button {
		background-color: #d4cbb9;
    border-radius: 2px;
    color: #968868;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 17px;
    margin-bottom: 7px;
    margin-right: 11px;
    padding: 7px 13px;
	}
	.country-button img {
		margin-right: 7px;
	}
	.selected:before {
		content: url("../images/checkmark-green.png");
		margin-right: 8px;
	}
	.selected {
		background-color: #bdb39f;
		color: #fff;
	}
	.explanationtext {
		color: #777;
		font-size: 12px;
		font-style: italic;
	}
	.input-div {
		overflow: hidden;
	}
.form-label {
    font-size: 14px !important;
    float: left;
    width: 180px;
    text-align: right;
    padding-right: 11px;
    padding-top: 12px;
	opacity: 0.5;
}

/* [FakturaKrav]-linket på /address/, se birds_adresse_form_html() i
   app/tasks/adresse.php - porteret fra reference-HTML'en (test/adresse.txt). */
.fakturakrav {
	width: 400px;
	text-decoration: underline;
	font-size: 14px;
	color: #999;
	margin-bottom: 23px;
	float: left;
	cursor: pointer;
	text-align: right;
	margin-right: 28px;
}
@media(max-width: 650px) {
	.fakturakrav {
		width: 90%;
	}
}

/* De to små tekst-overlays på /address/ ([FakturaKrav]/[AcceptTerms], se
   birds_adresse_overlay_html() i app/tasks/adresse.php og
   showInfoOverlay()/hideInfoOverlay() i include/js/adresse.js) - egen,
   selvstændig overlay-mekanisme (samme opskrift som .dr-overlay på
   produktsiden, include/css/shop-produkt.css, blot generisk navngivet så den
   ikke forveksles med fragtoverlayet). */
.info-overlay {
	position: fixed;
	inset: 0;
	z-index: 9998;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 6vh 16px;
}
.info-overlay[hidden] {
	display: none;
}
.info-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .6);
}
.info-box {
	position: relative;
	width: 100%;
	max-width: 460px;
	max-height: 82vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	border-radius: 4px;
	padding: 20px 20px 24px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .35);
}
.info-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid #e0574c;
	border-radius: 50%;
	background: url("../images/cancel.png") no-repeat center center #fff;
	cursor: pointer;
}
.info-close:hover {
	background-color: #f8a29b;
}
.info-body {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}
body.info-open {
	overflow: hidden;
}

/*******************************
VALG AF FRAGT og BETALINGSMETODE
*******************************/
	.SelectionDiv {
		background: linear-gradient(180deg, rgb(239, 243, 237) 0%, rgb(195, 204, 191) 100%);
		display: block;
		overflow: hidden;
		cursor: pointer;
	}
	.SelectionDiv .SelectionRadio {
		    float: left;
    padding: 20px;
    border-right: 1px solid #e2e2e2;
    box-sizing: border-box;
    height: 53px;
	}
	.SelectionDiv .SelectionLogo {
		       float: left;
    padding-left: 14px;
    padding-top: 11px;
    padding-right: 20px;
    border-right: 1px solid #e2e2e2;
    height: 53px;
    box-sizing: border-box;
	width: 120px;
    text-align: center;
	}
	.SelectionDiv .SelectionLogo img {
		max-width: 65px;
		max-height: 65px;
	}
	.SelectionDiv .radio {
		float: left;
		-ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
	}
	.SelectionDiv .SelectionInfo {
	float: left;
    padding-top: 10px;
    padding-left: 12px;
	min-width: 400px;
	}
	.SelectionDiv .SelectionName {
		    display: block;
    margin-bottom: 3px;
    font-size: 14px;
	}
	.SelectionDiv .SelectionTransitTime {
		font-size: 12px;
		opacity: 0.6;
	}
	.SelectionDiv .SelectionPrice {
	float: left;
    height: 53px;
    border-left: 1px solid #e2e2e2;
    padding-top: 18px;
    box-sizing: border-box;
    width: 130px;
    padding-left: 12px;
	}

/* Pakkeshop-vælgeren på /delivery/ (#shopSelector, se
   birds_levering_form_html() i app/tasks/levering.php og
   hentPakkeshops()/HideShops() i include/js/levering.js) - porteret fra
   test/kurv-fragt.asp's indlejrede <style>. */
.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #007bff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
	margin: 20px auto;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.loader-text {
	text-align: center;
	font-size: 0.9em;
	color: #666;
	margin-bottom: 20px;
}
.shop-item-error {
	padding: 15px;
	background: #fff3f3;
	color: #d32f2f;
	text-align: center;
	border-radius: 4px;
}
.shop-item {
	border-bottom: 1px solid #ccc;
	padding: 9px 51px 5px 31px;
	cursor: pointer;
	transition: background 0.2s;
	font-size: 0.9em;
	position: relative;
	background-color: #fff;
}
.shop-item:hover {
	background-color: #f0f8ff;
	border-color: #007bff;
}
.shop-item.selected {
	background-color: #e7f3ff;
	border: 2px solid #007bff;
}
.shop-radio {
	float: left;
	margin-right: 10px;
	height: 27px;
	position: absolute;
	top: 10px;
	left: 7px;
}
.shop-distance {
	float: left;
	margin-right: 6px;
	position: absolute;
	right: 3px;
	font-size: 0.8em;
}
.shop-name {
	color: #5e7a1d;
	margin-right: 6px;
}
.shop-address {
	font-size: 0.9em;
	color: #666;
}

/*******************************
GENNEMSE ORDRE (/order/)
*******************************/
/* Se test/kurv-send-order.asp - porteret fra dens indlejrede <style>, se
   birds_order_*_html() i app/tasks/order.php. */
.paydiv {
	margin-top: 25px;
	padding: 4px 3px 10px 0px;
}
.sendorder {
	background: url(../images/arrow-right-white.png) no-repeat right 4px center #769e19;
	padding-right: 25px;
	border-radius: 2px;
	color: #FFFFFF !important;
	padding: 6px 25px 6px 13px;
	text-decoration: none;
	font-style: normal;
	cursor: pointer;
}
/* EAN-betaling (kun danske kunder) - ved siden af .sendorder, se
   birds_order_indhold_html() i app/tasks/order.php. Egen, neutral farve uden
   pil-ikonet (samme klasse som .sendorder, blot overskrevet), så den ikke
   forveksles med selve "betal nu"-knappen. */
.sendorder.eanbutton {
	background: #949090;
	padding-right: 13px;
	margin-left: 10px;
}
.order-header {
	border-bottom: 1px solid #555f3e;
	overflow: hidden;
	margin-bottom: 12px;
	padding-bottom: 5px;
	margin-top: 18px;
	color: #555f3e;
	font-weight: bold;
}
.order-line {
	font-size: 14px;
	margin-bottom: 4px;
}
.opdaterdiv {
	margin-top: 12px;
	height: 27px;
}
a.opdater {
	border-radius: 2px;
	padding: 6px 13px 6px;
	text-decoration: none;
	font-style: normal;
	cursor: pointer;
	background-color: #cbd4d3;
	color: #5f5a5a;
	font-size: 13px;
}

@media(max-width: 900px) {
	/************************
	indkøbskurv
	************************/
	.col-price {
		display: none;
	}
	.col-total {
		width: 16%;
	}
	.col-remove {
		width: 8%;
	}
	.col-product {
		width: 57%;
	}
}


@media(max-width: 650px) { 
	/************************
	indkøbskurv
	************************/
	.cart-header { 
		display: none; 
	} 
	.col-remove {
		width: 12%;
	}
	.col-product {
		margin-bottom: 6px;
		width: 83%;
		font-size: 13px;
	}
	.col-product img {
		max-width: 100px;
		width: 30%;
	}
	.col-product span {
		width: 60%;
	}
	.productline .col-count {
		font-size: 13px;
		margin-left: 14%;
		width: 40%;
	} 
	.productline .col-total { 
		text-align: right;
		width: 39%;
		font-size: 13px;
	}
	.col-right {
		text-align: left;
	}	
	.products {
		font-size: 13px;
	}
	.ExtraLine {
		font-size: 13px;
	}
	.ExtraLine span {
		width: 95px;
	}
	.TotalPrice {
		font-size: 0.9em;
	}
	.cart-btn-div span.back {
		margin-bottom: 23px;
	}
	/************************
	stepbar
	************************/
	.stepbar { 
		min-height: 11px; 
	} 
	.step span { 
		display: none; 
	} 
	.steptext { 
		display: block; 
	} 
	#natureshoplogo {
		margin-top: 10px;
	}
	#natureshoplogo img {
		height: 30px;
	}
	/************************
	adresse
	************************/
	.form-label {
			float: none;
			padding-right: 0px;
		}
		.shop-input {
			width: 90%;
		}
	.customer-error {
		margin-left: 0px;
		margin-bottom: 15px;
	}
}
@media(max-width: 640px) {
	#CartTop {
		font-size: 13px;
		    top: 47px;
	}
		#FreeShippingDiv {
		    font-size: 12px;
			    top: 83px;
	}
}
@media(max-width: 590px) {
	#TheForm {
		margin-top: 0px !important;
	}
	.SelectionLogo {
		display: none;
	}
}
@media(max-width: 550px) {
	.SelectionDiv .SelectionRadio {
		border-right: none;
		height: auto; 
	}
	.SelectionDiv .SelectionInfo {
		float: none;
	}
	.SelectionDiv .SelectionPrice {
		float: none;
        height: auto;
        border-left: none;
        padding-bottom: 10px;
        width: 160px;
        padding-left: 55px;
        font-weight: 700;
        font-size: 15px;
	}
}