body.checkout{
	background: var(--co_bg);
}
.Kassan{
	font-size:var(--co-fs);
	line-height:1.6;
	font-weight: 400;
	max-width: 600px;
	width: 100%;
	margin:0 auto;
}
.Kassan, .Kassan a{color:var(--co-text-pri);}
.Kassan input[type="text"], .Kassan input[type="password"], .Kassan input[type="tel"], .Kassan input[type="email"], .Kassan textarea, .Kassan select{
	border:var(--co_border);
	font-size:var(--co-fs);
	padding:var(--gutter-s);
	height:auto;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius:0; 
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	line-height:1.6;
}
.Kassan input[type='radio'], .Kassan input[type='checkbox']{
	width: 100%;
    height: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    font-size: inherit;
    font-family: inherit;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.LevRadio input, .Kundkonto ._radio input{
	position: absolute;
}
.LevRadio, .Kundkonto ._radio{
	position: relative;
}
.Kundkonto > div > ._radio:nth-child(3){
	margin-left:16px;
}
.Kundkonto > div:last-child span{
	display: none;
}
.Kundkonto > div:last-child input + span{
	display: flex;
}
.LevRadio input + span, .Kundkonto input + span{
	border-radius: 100%!important;
	border:var(--co_border);
	width: 25px;
	height: 25px;
	display: flex;
    align-items: center;
    justify-content: center;
	font-size:var(--co-fs-xs);
}
.LevRadio input:checked + span, .Kundkonto input:checked + span{
	background: var(--co_bg_btn_sek);
}
.LevRadio input:checked + span:before, .Kundkonto input:checked + span:before{
	content: "\f00c";
    font-family: "Font Awesome 5 Pro";
	font-weight: 200;
}
.Kassan .Knapp_Generell a{
	background: var(--co_bg_btn_sek);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: var(--gutter-s) var(--gutter);
    font-size: var(--co-fs-s);
    font-weight: 700;
    -webkit-border-radius: var(--co-border-radius);
    -moz-border-radius: var(--co-border-radius);
    border-radius: var(--co-border-radius);
	box-shadow: none;
	line-height:1.6;
	text-transform: inherit;
}
/*Validering*/
.Kassan.not-validated.not-log #Adressuppgifter, 
.Kassan.not-validated.not-log #checkout_freight_wrapper,
.Kassan.not-validated.not-log #checkout_payment_wrapper, 
.Kassan.not-validated.not-log .Kundkonto{
	position: relative;
}
.Kassan.not-validated.not-log #Adressuppgifter:after, 
.Kassan.not-validated.not-log #checkout_freight_wrapper:after,
.Kassan.not-validated.not-log #checkout_payment_wrapper:after,
.Kassan.not-validated.not-log .Kundkonto:after{
	content: '';
	background:rgba(255,255,255,0.7);
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	bottom:0;
	z-index:1;
}
.Kassan.not-validated.not-log #Adressuppgifter.Loggain:after{
	display: none;
}
.Kassan.not-validated.not-log .bestallningsknapp, .Kassan.not-validated.not-log > .cm{
	opacity: 0.3;
	pointer-events: none;
}
/* block */
#country_select_wrap, .Snabbkassa_Varukorg, #checkout_payment_wrapper, .Fraktmetoder_Validering, .Fraktmetoder, #Adressuppgifter, .checkout_contracts, .Kundkonto{
	background: var(--co_bg_wrapper);
	padding:var(--gutter-m);
	margin-bottom:var(--gutter-m) !important;
	width:100%;
}
/*headings*/
.Rubrik_I_Kassan{margin:0 0 var(--gutter) 0 !important}
.Rubrik_I_Kassan tr:last-child{display: none;}
.Snabbkassa_Flik_Normal div, .Rubrik_I_Kassan span{
	font-size:var(--co-fs-m);
	font-weight: 700;
}

/*order*/
.Kassan > form{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.Snabbkassa_Varukorg{
	order:-6;
}
#checkout_discount_code_wrapper{
	order:-5;
}
.checkout_contracts{
	order:-4;
}
.Fraktmetoder_Validering{
	order:-3;
}
#Adressuppgifter{
	order:-2;
}
#checkout_freight_wrapper{
	order:-1;
}

#country_select_wrap{
	order:3;
}

/* cart */
.Snabbkassa_Varukorg_Tabell_Rad{
	font-size: var(--co-fs-s);
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	gap:var(--gutter-l);
	border-bottom: var(--co_border);
	margin-bottom:var(--gutter);
	padding-bottom:var(--gutter);
}
.Snabbkassa_Varukorg_Tabell_Rad .Antal{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.Snabbkassa_Varukorg_Tabell_Rad_Beskr{
	color:var(--co-text-pri);
}
.Artnr_wrap{
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap:var(--gutter-l);
}
.Beskr_wrap{
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap:var(--gutter-l);
}
.Beskr_wrap .Pris{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	gap:var(--gutter);
	white-space: nowrap;
}
.Snabbkassa_Varukorg_Tabell_Rad .Ikon_Artnr_Kassa{
	order:-1;
	width: 100%;
	display: block;
	font-size: var(--co-fs-xs);
	color:var(--co-text-sek);
}
.Snabbkassa_Varukorg_Tabell_Rad_Leveranstid{
	order:1;
	width: 100%;
}
.Snabbkassa_Varukorg_Tabell_Rad .sub_add{
	order:2;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	margin-top:var(--gutter);
}
.Snabbkassa_Varukorg_Tabell_Rad .SubKassa{
	order:-1;
	padding-right:var(--gutter);
}
.Snabbkassa_Varukorg_Tabell_Rad .AddKassa{
	order:1;
	padding-left:var(--gutter);
}
.AddKassa, .SubKassa {text-align:center; float:left; cursor:pointer; height:34px; line-height:34px;}
.AddKassa, .SubKassa, .remove-it{
	font-size:var(--co-fs-s);
}
#SumInkInfo, #InfoAttbetala, .SumInkPris b {
	font-size:var(--co-fs-m) !important;
}
.co_custom_text{
	font-size:var(--co-fs-s);
}
/*Presentkort*/
.Rubrik_Snabbkassa_Presentkort .Snabbkassa_Flik_Normal div{
	font-size:var(--co-fs-s);
	font-weight: 400;
}
.Rubrik_Snabbkassa_Presentkort .Snabbkassa_Flik_Normal div:hover{
	text-decoration: underline	;
}
/*avtal*/
.checkout_contracts{
	font-size:var(--co-fs-s);
}
/*Validering*/
.Fraktmetoder_Validering ._text{
	margin-bottom: var(--gutter-s);
	font-size:var(--co-fs-s);
}
.Fraktmetoder_Validering ._btn_wrapper, #AdressblockLoggain tr{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	gap:var(--gutter);
}
.Fraktmetoder_Validering ._btn_wrapper input, .Kassan #AdressblockPaminnare input{
	width: 300px;
	max-width: 100%;
}
.Fraktmetoder_Validering ._btn{
	background: var(--co_bg_btn_sek);
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	padding:var(--gutter-s) var(--gutter);
	font-size:var(--co-fs-s);
	font-weight: 700;
	-webkit-border-radius: var(--co-border-radius); 
	-moz-border-radius: var(--co-border-radius); 
	border-radius: var(--co-border-radius); 
}

/*Gift card*/
#InforutaRabattkodPresentkod i{
	margin:var(--gutter) 0;
}
.Presentkortsruta tbody, #InforutaRabattkodPresentkod{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: flex-end;
    max-width: 450px;
    margin-left: auto;
}
.Presentkortsruta tbody tr:last-child{
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	gap:var(--gutter);
	align-items: center;
}
.Presentkortsruta tbody tr:last-child td:first-child{
	width: 100%;
}
.Presentkortsruta .Knapp_Generell_Vanster, .Presentkortsruta .Knapp_Generell_Hoger{
	display: none;
}
/*Personuppgifter*/
.Kassan.not-log #SKM_Postnr, .Kassan #SKM_Land{
	opacity: 0.3;
	pointer-events: none;
}
.Kassan #Adressuppgifter p:empty{
	display: none;
}
.Kassan #Adressblock .LankLoggain{
	margin-bottom:var(--gutter-l);
}
.Kassan #Adressblock .LankLoggain a, .Snabbkassa_Kundfalt_FAdress_Rubrik b{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	font-weight: 400;
	font-size:var(--co-fs-s);
	font-weight: 700;
	cursor: pointer;
}
.Kassan #Adressblock .LankLoggain a:after, .Kassan .Snabbkassa_Kundfalt_FAdress_Rubrik b:after{
	font-family: "SS BlackTie-Regular" !important;
    content: "\F501";
	font-size: var(--co-fs-xs);
	margin-left:var(--gutter-s);
}
.Kassan #Adressblock2, .Kassan #AdressblockFakturaadress{
	display: grid  !important;
	gap:var(--gutter);
	grid-template-columns: repeat(1, 1fr);
}
.Kassan .Snabbkassa_Kundfalt_Marginal, .Kassan #AdresslistaEgna{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin-bottom:var(--gutter);
	position: relative;
	width: 100%;
}

.Kassan .Snabbkassa_Kundfalt_Marginal input,.Kassan .Snabbkassa_Kundfalt_Marginal select, .Kassan #AdresslistaEgna select{
	width: 100%;
}
.Kassan .Snabbkassa_Kunduppgift_Etiketter, .Kassan .Snabbkassa_Kundfalt_Marginal.SKM_PNr{
	width: 100%;
	font-size: var(--co-fs-s);
	margin-bottom:var(--gutter-xs);
}
.Kassan .Snabbkassa_Kundfalt_Marginal.SKM_PNr{
	margin-bottom:0 !important;
}
.Kassan .Snabbkassa_Kundfalt_Marginal img,.Kassan #Adressblock img{
	position: absolute;
	bottom:12px;
	right:5px;
}
.Kassan #SKM_Land img, .Kassan #LankAdressblockLeveransadress,.Kassan #LankAdressblockOvrigt,.Kassan .Snabbkassa_Kundfalt_FAdress_Rubrik label,.Kassan #SKM_Land2 img {display: none !important;}
.Kassan #AdressblockPaminnare > table > tbody > tr{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	align-items: center;
	column-gap: var(--gutter);
}
.Kassan #AdressblockPaminnare td{
	padding:0;
}
.Kassan #AdressblockPaminnare td:first-child{
	width: 100%;
    text-align: left;
    margin-bottom: var(--gutter-s);
    font-size: var(--co-fs-s);
}

#AdressblockLoggain input{
	width: 300px;
	max-width: 100%;
}
#AdressblockLoggain table td:nth-child(2), #AdressblockLoggain .Knapp_Generell_Vanster, #AdressblockLoggain .Knapp_Generell_Hoger{
	display: none;
}
#AdressblockLoggain .Snabbkassa_Kunduppgift_Etiketter{display: block;}
/*Avtal*/
.checkout_contracts td {
    display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
    width: 100%;
}
.checkout_contracts td .LevRadio {
    margin-right: var(--gutter);
	display: flex;
    align-items: center;
}

/*Freight och Bet*/
#FraktmetoderRam, #BetalningsmetoderRam{
	display: grid;
	gap:var(--gutter);
}
#FraktmetoderRam > span, #BetalningsmetoderRam > span, .Kundkonto > div:last-child{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	column-gap:var(--gutter);
	position: relative;
	flex-wrap: wrap;
}
.Kundkonto > div:last-child {
    margin-top:8px;
}
.Lev_wrap{
	width: calc(100% - 25px - var(--gutter));
}
.BetInfoInfogad{
	margin-left: calc(25px + var(--gutter));
	line-height: normal;
	width:calc(100% - (50px + 25px + 32px));
}
.LevNamn, .BetNamn{
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
	justify-content: space-between;
    gap: var(--gutter);
	width: 100%;
}
.LevNamn a, .BetNamn a{
	font-weight: 600;
	width: 100%;
	display: block;
}
.LevNamn .fraktnamn, .BetNamn .fraktnamn{
	width:calc(100% - 50px - var(--gutter));
}
.LevNamn a:hover, .BetNamn a:hover, .LevNamn a:focus, .BetNamn a:focus{
	color: var(--co-text-pri);
}
.LevNamn span, .BetNamn span{
	width: 100%;
	display: block;
	font-size:var(--co-fs-s) !important;
}
.LevNamn span a, .BetNamn span a{
	color:var(--co-link) !important;
	font-weight:normal !important;
}
.LevNamn span:first-child, .BetNamn span:first-child{
	margin-top:var(--gutter-s);
}
.price-logo{
	display: -ms-flexbox ;
	display: -webkit-box;
	display: flex ;
	justify-content: flex-end; 
	flex-wrap: wrap;
	gap:var(--gutter-s);
	align-content: flex-start;
}
.price-logo span{
	width: 100%;
	text-align: right;
	font-weight: 700;
}
.LevLogo{
	max-width: 50px;
}
.LevLogo img{
	display: block;
}
/*SPL*/
.spl_wrapper{
	width:100%;
	margin-bottom:var(--gutter-s);
}
.Kassan .spl_select{
	padding-right:40px;
	cursor: pointer;
}
.spl_select.disabled{
	display: none;
}
.spl_select.not_loaded{
	opacity: 0.5;
}
.spl_wrapper details{
	width: 100%;
	display: inline-block;
	font-size:var(--co-fs-s);
	margin-top:var(--gutter-s)
}
.spl_wrapper summary:hover{
	text-decoration: underline;
}
.spl_wrapper details summary{
	font-size:var(--co-fs-s);
}
.spl_wrapper details summary i:after{
	content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: var(--co-fs-xs);
	font-style: normal;
}
details[open] summary i:after {
	content: "\f077";
}
.AdessblockPaminnare{
	margin-right:var(--gutter) !important;
}
.AdessblockPaminnare, .AdressblockAngeAdress{
	margin-top:var(--gutter-s) !important;
}
.AdessblockPaminnare label, .AdressblockAngeAdress label{
	display: none;
}
.Kassan .AdessblockPaminnare.Knapp_Generell a, .Kassan .AdressblockAngeAdress.Knapp_Generell a{
	font-weight: normal;
	line-height: 27px;
}
.Kassan .AdessblockPaminnare.Knapp_Generell a:hover, .Kassan .AdressblockAngeAdress.Knapp_Generell a:hover{
	color:#444;
}
.Kassan .green_btn .Knapp_Generell a{
	background:#49c070;
	color:#fff;
	line-height: 27px;
}
#Adressblock > table {
	height:auto !important;
	margin-bottom:var(--gutter);
	width:100%;
}
@media screen and (min-width: 430px) {
	.Kassan #Adressblock, .Kassan #Adressblock2, .Kassan #AdressblockFakturaadress{
		grid-template-columns: repeat(2, 1fr);
	}
	.Kassan #SKM_Foretag, .Kassan #SKM_Adress, .Kassan #SKM_Land, .Kassan #SKM_Epost, .Kassan #SKM_Mobil, .Kassan #AdressblockFakturaadress, .Kassan .Snabbkassa_Kundfalt_FAdress_Rubrik, .Kassan #SKM_Adress2, .Kassan #SKM_Adress2_Extra, .Kassan #SKM_Land2, .Kassan #SKM_Epost2, .Kassan #AdresslistaEgna{
		grid-column: 2 span;
	}
}

