/*------------------------
   Mina sidor
-------------------------*/
/* OBS! Viss CSS befinner sig i tt/mypages/menu_includes_css.tt */


/* Generellt */
#mypages-container {
	text-align: left;
	margin-bottom: calc(3.2 * var(--gutter));
}
#mypages-container h4 {
	width: 110px;
	background: var(--base-background1);
	color: var(--base-color1);
	border: 1px solid var(--base-color1);
}
#mypages-container h4:before {
	display: none;
	/*	content:  " ";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 4px;
	filter: brightness(0) invert(1);
	background-image: url(/themes/develop_a11y/design/css/icons/original_svgs/profil.svg);*/
}
h1.Dinsida_Topprubrik {
	font-weight: 300;
	font-family: 'poppinslight', sans-serif;
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	#mypages-container {
		text-align: center;
		margin-bottom: var(--gutter);
	}
	.Dinsida_Topprubrik {
		font-size: 2em;
	}
}
/* Mobile only */
@media screen and (max-width: 768px) {
	section#mypages-container {
		text-align: left;
		overflow-x: scroll;
		max-width: 100%;
		width: 100%;
	}
	section#mypages-container::-webkit-scrollbar-track {
		background: var(--base-background1);
	}
}


/* Min sida-meny */
.MyPagesMenu-wrapper .close-header::before {
	content: ' ';
	position: absolute;
	top: calc(0.25 * var(--gutter));
	left: var(--gutter);
	width: 40px;
	height: 40px;
	padding: 0;
	display: inline-block;
	background-image: url(/themes/develop_a11y/design/css/icons/original_svgs/profil.svg);
}


/* Kundprofil */
#Adressblock {
	width: 100% !important;
	text-align: left;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal > *:not(img):not([type='checkbox']) {
	width: 100% !important;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal > input[type='checkbox']:not(img) {
	width: 16px !important;
}
.Pnr_Tabell {
	position: relative;
}
.Pnr_Tabell,
.Pnr_Tabell tbody,
.Pnr_Tabell tr,
.Pnr_Tabell td,
.Pnr_Tabell input {
	width: 100%;
	display: inline-block;
}
.Pnr_Tabell td:nth-child(2) {
	display: none;
}
.Pnr_Tabell * img {
	width: auto;
	position: absolute;
	right: 0rem;
}
#AdressblockLoggain .Snabbkassa_Kundfalt_Marginal,
#AdressblockLoggain label {
	display: block !important;
}
#AdressblockLoggain.Snabbkassa_Kundfalt_Marginal {
	margin-bottom: 0px;
}
#Adressblock .LankLoggain {
	width: 100%;
	display: inline-block;
}
#Adressblock i,
#AdressblockLoggain i,
#AdressblockPaminnare i {
	font-style: normal;
}
#AdressblockLoggain .AdessblockPaminnare,
#AdressblockLoggain .AdressblockAngeAdress {
	display: block;
	float: left;
}
#Adressblock #LankKassanAngeAdress {
	margin: 10px 0 0 0 !important;
}
#Adressblock > table {
	padding: 0 !important;
	border: none !important;
	position: relative;
	height: 35px !important;
	display: table;
}
.AdessblockPaminnare,
.AdressblockAngeAdress {
	margin-top: 0px;
	margin-right: 10px;
}
#SKM_Kund_ID label:after {
	content: ':';
	margin-right: 5px;
}
.Snabbkassa_Kundfalt_Marginal:not(.Avtal),
#SKM_PNr {
	position: relative;
	display: block !important;
}
#SKM_PNr label,
.Snabbkassa_Kunduppgift_Etiketter {
	font-size: 0.9em;
	margin-bottom: 0.5rem;
}
#SKM_PNr + table {
	position: relative;
}
#SKM_PNr + table tr td:nth-child(2) {
	display: none;
}
#SKM_PNr + table *:not(img) {
	width: 100%;
}
#SKM_PNr + table img[name*='Profilstatus_PNr'] {
	position: absolute;
	right: 0px;
	top: -20px;
	bottom: unset;
	margin: auto;
	filter: brightness(0);
}
.Snabbkassa_Kundfalt_Marginal.SKM_PNr {
	margin-bottom: var(--gutter);
}
#LankAdressblockAnvnamn,
#LankAdressblockLeveransadress,
#LankAdressblockOvrigt {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}
#LankAdressblockAnvnamn b,
#LankAdressblockLeveransadress b,
#LankAdressblockOvrigt b {
	order: 1;
	margin-top: calc(var(--gutter) * 2);
	margin-bottom: calc(var(--gutter) / 2);
	font-size: 1.2em;
}
#LankAdressblockAnvnamn label,
#LankAdressblockLeveransadress label,
#LankAdressblockOvrigt label {
	order: 2;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal > img {
	width: auto;
	position: absolute;
	right: 0;
	top: 0;
	margin: auto;
	filter: brightness(0);
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal > img:after {
	font-family: 'Font Awesome 5 Pro';
	content: '\f005';
}
.Avtal {
	position: relative;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal.Avtal * {
	width: auto !important;
	right: auto;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal.Avtal input {
	width: 1em !important;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal.Avtal label:first-child {
	display: none;
}
.Avtal img {
	position: relative !important;
	margin-left: 10px !important;
}
input.KundprofilFaltFEL:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(
		#sokterm
	) {
	border: 1px solid var(--danger-color);
}
.AndraLosen {
	text-decoration: underline;
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	#Adressblock {
		width: 650px !important;
		margin: 0 auto;
	}
}
/* Mobile only */
@media screen and (max-width: 768px) {
	#Adressblock2 {
		width: 100%;
	}
	#Adressblock2 {
		font-size: 0.8rem;
	}
}



/* Din sida - Ändra lösenord */
.AndraLosen {
	text-decoration: underline;
}

/* Din sida - Glömt lösenord */
.Minsida_aterstall_tabell tr {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.Minsida_aterstall_tabell input {
	margin-bottom: var(--gutter);
}
.Minsida_aterstall_losenord,
#changePasswordFailure {
	background: var(--base-background1);
	border-radius: var(--border-radius1);
	padding: var(--menu-gutter);
	max-width: 1280px;
	margin: 0 auto;
}
.Minsida_aterstall_losenord .Knapp_Generell_Tabell a {
	margin-bottom: 0;
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.Tabell_Dinsida_UppdLosen > tbody > tr {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.Minsida_aterstall_losenord table {
		width: 100%;
	}
	.Minsida_aterstall_losenord table tbody > tr {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.Minsida_aterstall_tabell td {
		display: block;
	}
	#emailCodeSent table {
		width: 100%;
	}
	#emailCodeSent td,
	#emailCodeSent input {
		width: 100%;
		display: block;
	}
	#emailCodeSent .Knapp_Generell_Tabell {
		margin-top: var(--gutter);
	}
}


/* Presentkort */
/* Mobile only */
@media screen and (max-width: 768px) {
	.Presentkort table {
		width: 100%;
	}
	.Presentkort table.PS_Tabell td:first-child {
		width: 100%;
		text-align: center;
	}
	.Presentkort table.PS_Tabell tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}


/* Onskelista */
.Din_Sida_Onskelista_Wrapper {
	overflow: hidden;
}
.Din_Sida_Onskelista_innehallsblock.top_block {
	margin: 0 auto;
	padding: 0;
}
table.DS_OL_Table_Varukorg_Artiklar .ak_oppna_fonster_lank {
	pointer-events: none;
	display: none;
}
input.DS_OL_Table_Varukorg_Artiklar_input {
	width: auto !important;
	padding: 0 !important;
	text-align: center;
}
.DS_OL_Table_Wrap .ProduktbeskrAntalvalFalt {
	max-width: 60px;
	width: 60px;
}
.mypages-modal-open-right .DS_OL_Artikel.PT_Wrapper {
	/* filter: brightness(0.5); */
}
.DS_OL_Table_Wrap .ProduktbeskrAntalvalFalt .select-wrapper {
	width: auto;
}
.DS_OL_Table_Wrap .ProduktbeskrAntalvalFalt select {
	width: auto !important;
	padding: 0 30px 0 5px;
	text-align: center;
	margin-right: 5px;
	max-width: 60px;
}
.Din_Sida_Onskelista_innehallsblock.bot_block {
	margin-top: calc(var(--gutter) * 3.2);
}
.Din_Sida_Onskelista_innehallsblock.bot_block br {
	display: none;
}
.Din_Sida_Onskelista_innehallsblock.bot_block h2 {
	font-size: 1.8em;
	font-weight: 300;
	font-family: 'poppinslight', sans-serif;
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	/*	.DS_OL_Artikel .btn.btn-lg {
		min-height: 44px;
		padding: 3px 18px 0px;
	}
	.Din_Sida_Onskelista_innehallsblock.bot_block h2 {
		font-size: 1.4em;
	}*/
}
/* Mobile only */
@media screen and (max-width: 768px) {
	.Din_Sida_Onskelista_innehallsblock.bot_block h2 {
		font-size: 1em;
	}
	.DS_OL_Artikel .PT_Knappar .btn {
		min-height: 40px;
		font-size: 16px;
		padding: 0;
		margin-top: 5px;
	}
}



/* Bestallningar */
#mypages-container tr[bgcolor='#EEEEEE'],
#mypages-container td[bgcolor='#EEEEEE'] {
	background: var(--base-background2) !important;
}
#mypages-container tr[bgcolor='#DDDDDD'],
#mypages-container td[bgcolor='#DDDDDD'] {
	background: var(--base-background5) !important;
	color: var(--cta-color2) !important;
}
table.OrderTable,
table.OrderTable tr {
	width: 770px;
	background: var(--base-background1) !important;
}
/* Tablet and up */
@media screen and (min-width: 769px) {
	.OrderTable {
		width: 50%;
		margin: 0 auto;
	}
	table.OrderHuvud,
	table.OrderRader,
	.OrderHuvudHeading,
	.OrderRaderHeading,
	.orderBtnsWrap {
		width: 1000px;
		margin: 0 auto;
	}
}
.orderBtnsWrap .btn {
	width: fit-content;
    display: flex;
    align-items: center;
}

/* Bevakningar */
.PT_Wrapper_All--watchlist .PT_Wrapper>.box{
	padding: 0;
}

.PT_Wrapper_All--watchlist .PT_Wrapper .PT_Knappar{
    position: absolute;
    top: 0;
    right: 0;
}
.PT_Wrapper_All--watchlist a.mypages--PT_Wrapper--removeproduct.btn {
    padding: 0;
    width: 2rem;
    height: 2rem;
}
#mypages-container .PT_Wrapper_All--watchlist a.mypages--PT_Wrapper--removeproduct.btn i{
	margin-right: 0;
}


/* ------------------------------------------------ 
 
	air_my_page.css
 
 ------------------------------------------------ */

/* ------------------------ 
	Generellt
 ------------------------ */
#mypages-container{
	text-align: center;
}
/* general btns stuff */
#mypages-container .btn i {
	margin-right: 0.4em;
}
.wishlist-remove,
.watchlist-remove {
    background-color: var(--danger-color);
}
/* CL: vill vi att 'lägga i varukorg' i önskelistan ska vara grön precis som andra köpknappar? */
/* .wishlist-cart { 
	background: var(--cta-background1);
    color: var(--cta-color1);
} */

/* CL: Finns fler knappar man hade kunnat flytta runt lite... hur tänker vi här? 
Vill vi bryta ut dem så vi kan ge färg till en grupp knappar eller vill vi att 
dem ligger tillsammans med resten stylingen för den vyn? Alltså att wishlist grejer
bara finns under wishlist rubriken, watchlist bara under watchlist rubriken */

/* ------------------------ 
	My Page Menu   
 ------------------------ */
.mypage__menu__btn {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--gutter);
}
.mypage__menu__btn i {
	padding-right: 0.5em;
}
.mypage__menu ul {
	list-style: none;
	padding: 0;
}
.mypage__menu a {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.mypage__menu .current a {
	font-weight: bold;
}
.dashboard__mypage__menu a:hover,
.mypage__menu a:hover {
	text-decoration: underline;
}
.mypage__menu div:not(.canvas-header) i {
	font-weight: 900;
	margin-right: 0.5em;
	min-width: 1.5em;
	text-align: center;
}
@media only screen and (min-width: 48.01em) {
	.mypage__menu__btn {
		margin-left: 0;
	}
}
/* ------------------------ 
	Kundprofil / Customer profile   
 ------------------------ */
/* EJ KLART start */


/* Uppdaterade regler */
#mypages-container .KundNyText{ 
	/* Vi registrering av kundprofil*/
	text-align: center;
	display: block;
}
#Adressblock2 {
	/* max-width: 650px; */
	margin: 0 auto;
	display: grid;
	/* grid-template-columns: repeat(auto-fit,1fr); */
	grid-template-columns: 1fr;
	grid-gap: 1rem;
}
.BestFormSendBtn_wrap {
	display: grid;
	grid-column-start: -2;
	grid-column-end: -1;
	place-content: end;
}
#Adressblock2 .Knapp_Generell_Tabell{
	margin-left: auto;
}
#Adressblock2 .Knapp_Generell_Tabell #SubmitKnapp{
    padding: var(--gutter);
    min-width: 180px;
} 
#Adressblock2 input[type='checkbox'] + i {
	padding-left: 8px;
}
#Adressblock2 .Snabbkassa_Kundfalt_Marginal>label{
	display: inline;
}
/* Uppdatera lösenord */
#mypages-container .Tabell_Dinsida_UppdLosen{
	margin: 0 auto;
	max-width: 30rem;
}
#mypages-container .Tabell_Dinsida_UppdLosen>tbody>tr{
	display: flex;
	flex-wrap: wrap;
}
#mypages-container .Tabell_Dinsida_UppdLosen>tbody>tr>td{
	flex: 0 0 100%;
	text-align: left;
}
#mypages-container .Tabell_Dinsida_UppdLosen>tbody>tr>td input{
	width: 100%;
}
#mypages-container .Tabell_Dinsida_UppdLosen>tbody>tr>td .Knapp_Generell a {
	margin-top: var(--gutter);
}
/* While BestForm is loading */
button#BestFormSendBtn {
	position: relative;
	overflow: hidden;
}
form[name="BestForm"].loading #BestFormSendBtn::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: var(--cta-background2);
	color: var(--cta-color2);
}
form[name="BestForm"].loading #BestFormSendBtn::after {
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: "Font Awesome 5 Pro";
	line-height: normal;
	content: '\f1ce';
	transform: none;
	-webkit-animation: air-loading 1s linear infinite;
	animation: air-loading 1s linear infinite;
	margin: -0.5rem 0 0 -0.5rem;
	background: var(--cta-background2);
	color: var(--cta-color2);
}
@media only screen and (min-width: 48.01em) {
	#Adressblock2 {
		/* max-width: 650px; */
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(30rem,1fr));
		grid-gap: 1rem;
	}
	#Adressblock2 .Snabbkassa_Kundfalt_Marginal>*:not(img):not([type='checkbox']):not(#SKM_Epost i):not(#SKM_Erbjud i):not(#Teldag i):not(#SKM_Erbjud_Mobil i):not(#SKM_Erbjud label):not(#SKM_Epost label):not(#SKM_Erbjud_Mobil label) {
		/* flex: 0 0 100%; */
		/* text-align: left; */
	}
	#Adressblock2 .Snabbkassa_Kundfalt_Marginal>label{
		/* padding-bottom: calc(var(--gutter) / 2); */
	}
	#LankAdressblockAnvnamn,
	#LankAdressblockLeveransadress,
	#LankAdressblockOvrigt{
		/* font-size: var(--text-l); */
	}
	/* Återställ lösenord */
	.Minsida_aterstall_losenord, #emailCodeSent, .Minsida_aterstall_losenord_result {
		margin: 0 auto;
		max-width: 600px;
	}
}

@media only screen and (max-width: 48em) {
	#Adressblock2 {
		/* width: 100%; */
	}
	#LankAdressblockAnvnamn,
	#LankAdressblockLeveransadress,
	#LankAdressblockOvrigt{
		/* font-size: var(--text-l); */
	}
	#Adressblock2 .Knapp_Generell_Tabell{
		/* width: 100%; */
	}
	#Adressblock2 .Snabbkassa_Kundfalt_Marginal>*:not(img):not([type='checkbox']):not(#SKM_Epost i):not(#SKM_Erbjud i):not(#Teldag i):not(#SKM_Erbjud_Mobil i):not(#SKM_Erbjud label):not(#SKM_Epost label):not(#SKM_Erbjud_Mobil label){
		/* flex: 0 0 100%;
		text-align: left; */
	}
	#Adressblock2 .Snabbkassa_Kundfalt_Marginal>label{
		/* padding-bottom: calc(var(--gutter) / 2); */
	}
}
/* EJ KLART stopp */
/* ---------------------- 
	Customer fields
	Used in both checkout and my pages   
---------------------- */
/* EJ KLART start */
fieldset.customerprofile-fieldset {
	border: 0;
	padding: var(--gutter);
	margin: 0;
	min-width: 0;
	border-radius: var(--border-radius1);
	border: 1px solid var(--border-color1);
}
@media (prefers-reduced-motion: no-preference) {
	fieldset.customerprofile-fieldset {
		-webkit-transition: transform 200ms ease-in-out;
		-ms-transition: transform 200ms ease-in-out;
		-moz-transition: transform 200ms ease-in-out;
		transition: transform 200ms ease-in-out; 
	}
}
fieldset.customerprofile-fieldset:focus-within {
	box-shadow: 0px 0.1em 1em -0.7em #333;
}
.customerprofile-fieldset legend {
	font-weight: 600;
	font-size: 1.3em;
	text-align: left;
	float: left;
	display: contents;
}
.customerprofile-fieldset legend span {
	display: contents;
}
.customerprofile-field {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: calc(var(--gutter) * 0.5);
}
.customerprofile-field label, .customerprofile-field .ghostLabel, .customerprofile-field .error_text, .customerprofile-field input:not([type='checkbox']), .customerprofile-field select, .customerprofile-field textarea, .customerprofile-field a:not(.btn) {
	width: 100%;
}
.customerprofile-field input, .customerprofile-field select, .customerprofile-field textarea, .customerprofile-field a, .resetpassword-field {
	margin-bottom: calc(var(--gutter) * 0.5);
}
.customerprofile-field label, .customerprofile-field .ghostLabel {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
input#Losenord[disabled]{
	display: none;
}
.required-icon i, .error-icon i, .help-icon i{
	font-size: 1em;
	font-weight: 600;
}
.required-icon i {
	font-size: 0.5em;
	vertical-align: text-top;
}
.help_text {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex; 
}
#SKM_Erbjud label, #SKM_Erbjud_Mobil label {
	display: flex;
}
#SKM_Erbjud label input, #SKM_Erbjud_Mobil label input {
	order: -1;
	width: 1em;
}
.checkbox-wrapper {
	width: 100%;
}

/* INVALID STYLING */
.customerprofile-fieldset.invalid {
	box-shadow: var(--invalid-inset-shadow);
}
.wrap-field .error_text{
	display: none;
	margin-bottom: calc(var(--gutter) * 0.5);
	color: var(--danger-color);
}
.customerprofile-field .error_text .error-message {
	color: var(--danger-color);
}
.wrap-field.invalid .error_text {
	display: block;
}
input[aria-invalid="true"]:not([type='button']):not([type='submit']):not([type='reset']):not([type='file']):not([type='color']):not([type='range']):not(#sokterm) {
	box-shadow: var(--invalid-inset-shadow);
}
/* EJ KLART stopp */
/* ------------------------ 
	Presentkort / Gift cards   
 ------------------------ */
/* Köp nytt presentkort */
.Presentkort {
    max-width: 40rem;
    margin: 0 auto;
}
.Presentkort table{width: 100%;}
.Presentkort table.PS_Tabell td:first-child{width: 100%;text-align: center;}
.Presentkort table.PS_Tabell tr{display: flex; flex-wrap: wrap; justify-content: center;}

.Presentkort .container {
    width: unset;
}

/* Presentkortsvyn */
.giftCardsBoughtHeading, .giftCardsUsedHeading {
	font-size: var(--text-xl);
}
.giftcardsIngress a {
	text-decoration: underline;
}
.giftcardsIngress a:hover {
	color: var(--info-color)
}
.giftcardsBoughtEmpty, .giftCardsUsedEmpty {
	color: var(--lowlight-color1);
}
.giftcardPayedYes {
	color: var(--success-color);
}
.giftcardPayedNo {
	color: var(--danger-color);
}
td.giftcardDesc p {
	text-align: left;
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

/* ------------------------ 
	Statusmeddelanden / felmeddelanden   
 ------------------------ */


/* ------------------------ 
	Diverse tabeller på mina sidor / Misc tables on my pages   
 ------------------------ */
/* Tables */
.genericTableStyle {
	width: 100%;
	max-width: 100%;
	display: block;
	overflow: auto;
	border: none;
	border-collapse: collapse;
	background-color: var(--base-background2);
}
.genericTableStyle>thead,
.genericTableStyle>tbody,
.genericTableStyle>tfoot {
	display: table;
	width: 100%;
}
.genericTableStyle tr:nth-child(odd){
	background-color: var(--base-background2);
}
.genericTableStyle tr:nth-child(even){
	background-color: var(--base-background3);
}
.genericTableStyle th,
.genericTableStyle thead td,
.genericTableStyle .ghostTh td {
	font-weight: bold;
	background-color: var(--base-background4);
}
.genericTableStyle tfoot td {
	font-weight: bold;
	background-color: var(--base-background4);
}
.genericTableStyle td {
	/* border: var(--border-std); */
	/* padding: 0.2em 0.5em; */
}
.genericTableStyle a:not(.btn) {
	text-decoration: underline;
}
.genericTableStyle a:not(.btn):hover {
	color: var(--info-color);
}
.genericTableStyle a.btn {
	white-space: nowrap;
}
.genericTableStyle th,
.genericTableStyle td {
	text-align: center;
	padding: 0.2em 0.6em;
}
.genericTableStyle th:first-child,
.genericTableStyle td:first-child {
	text-align: left;
}
.genericTableStyle th:last-child,
.genericTableStyle td:last-child {
	text-align: right;
}
@media only screen and (max-width: 48em) {
	.genericTableStyle {
		font-size: 0.8em;
	}
}

/* ------------------------ 
	Orders   
 ------------------------ */
.paymentImage img, .payment_info img {
	width: 55px;
	height: auto;
	margin: 0 0.3em;
}
.OrderHuvud {
	width: 100%;
	max-width: 100%;
	text-align: left;
	border: none;
	border-collapse: collapse;
	background-color: var(--base-background2);
}
.OrderHuvud th {
	font-weight: bold;
	background-color: var(--base-background4);
}
.OrderHuvud th,
.OrderHuvud td {
	padding: 0.2em 0.6em;
}
.OrderHuvud tr:not(:last-child) td {
	border-bottom: var(--border-std);
}
.OrderHuvud td:nth-child(odd){
	background-color: var(--base-background2);
}
.OrderHuvud td:nth-child(even){
	background-color: var(--base-background3);
}
.sale-color {
	color: var(--sale-color1);
}

/* ------------------------ 
	Bevakningar / Watchlist
 ------------------------ */
 /* CL: kunde inte låta bli att lägga till lite bilder i denna. Återanvände en del klasser från våra artikelceller. Är det klokt? Eller borde det vara separerat? */
.watchlist-remove {
	background-color: var(--danger-color);
}
.preferedNotification {
	max-width: 25em;
	margin: 0 auto;
}
.PT_Wrapper_All.watchlist {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
	grid-template-rows: auto;
	gap: var(--gutter);
	grid-gap: var(--gutter);
	max-width: 50rem;
	margin: 0 auto;
}

/* ------------------------ 
	Önskelista / Favoriter / Wishlist
 ------------------------ */
table.DS_OL_Table_Wrap {
    max-width: 50rem;
    margin: 0 auto;
}
.wishlist_cart .status_message,
.wishlist_send .status_message,
.wishlist_send_end .status_message  {
	max-width: 30rem;
    margin: 0 auto;
}
/* wishlist - add to cart view */
.DS_OL_Table_Varukorg_Artiklar {
	width: 100%;
	font-size: var(--text-s);
}
.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td{
	text-align: left;
}
.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowQtyInput{
	width: 10%;
}
.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowDesk{
	width: 65%;
}
.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.ak_oppna_fonster_lank {
	display: none !important; /* CL: Lyckas inte få bort dem snyggt så då gör vi det med en fullösning. tror vi det är ok? */
}
.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowPrice{
	text-align: right;
}
.DS_OL_Table_Varukorg_Artiklar .rowQtyInput input {
	padding: 0 !important;
	text-align: center;
}
.DS_OL_Table_Varukorg_Artiklar_Egenskaper,
.DS_OL_Table_Varukorg_Artiklar_SET{
	width: 100%
}
.DS_OL_Table_Varukorg_Artiklar_Egenskaper td.VARIANT_label,
.DS_OL_Table_Varukorg_Artiklar_SET td.SET_label{
	width: 10em
}
.DS_OL_Table_Varukorg_Artiklar_Egenskaper td.VARIANT_select,
.DS_OL_Table_Varukorg_Artiklar_SET td.SET_select{
	width: calc(100% - 10em);
}
.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowQtyInput select.Laggikorgen_Antalsfalt {
	padding: 0 var(--gutter);
    min-width: 5em;
}

@media only screen and (max-width: 48em) {
	.DS_OL_Table_Varukorg_Artiklar {
		font-size: var(--text-xs);
	}
	.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowQtyInput{
		width: 20%;
	}
	.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowDesk{
		width: 55%;
	}
	.DS_OL_Table_Varukorg_Artiklar>tbody>tr>td.rowPrice{
		width: 35%;
	}
	.DS_OL_Table_Varukorg_Artiklar_Egenskaper,
	.DS_OL_Table_Varukorg_Artiklar_SET{
		font-size: var(--text-s);
	}
}



.status_message {
	text-align: left;
    max-width: 520px;
    margin: 0 auto;
    background: var(--base-background2);
}
.status_message button {
    margin-left: auto;
}