/*---------------------------------------------------------------------------------
   Site: 
   COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2019. ALL RIGHTS RESERVED.
---------------------------------------------------------------------------------*/
/*------------------------
  MY PAGE
-------------------------*/
/* GENERELLT */
#mypages-container {max-width:850px;}
.Dinsida_Topprubrik, #mypages-container > h1 {font-size:1.7em; text-align:center;}
.din_sida_text {text-align:center;}



/* MENY */
.minSidaMenyWrapper {background: #f7f7f7; padding: 30px; margin-bottom: 50px;}
.minSidaMenyWrapper h4.menyRubrik {text-align: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;font-size: 1.4em;letter-spacing: 1px;text-transform: uppercase;font-weight: 700;}
#minsidaDrop {}
#minsidaDrop ul, div#minsidaDrop  {list-style:none; width:100%; display:inline-block;}
#minsidaDrop a {float:left; width:100%; color:#777;}
#minsidaDrop a:hover {color:#111;}
#minsidaDrop ul ul {
	width:100%; margin:0; padding:0; text-align:center;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly; justify-content: space-evenly;
}
#minsidaDrop > ul > li > h2 {display:none;} 
#minsidaDrop ul li ul li {display:inline-block;}
#minsidaDrop ul li ul li span a {padding: 0 15px; letter-spacing: 1.5px;font-size: 13px;line-height: 30px;	}
#minsidaDrop ul li ul li.m_selected a {color:#2e2d2c;}
#minsidaDrop li span a:before {font-size:16px; display:inline-block; margin-right: 3px;}

/* SYMBOLS */
li#hem span a::before {content:"\f015"; font-weight:900;}
li#andraprofil span a:before {content:"\f007";}
li#dinsida_order span a:before {content:"\f09d";}
li#dinsida_fakturor span a:before {content:"\f2b6"; }
li#dinsida_abonnemang span a:before {content:"\f01e";}
li#dinsida_bevakningar span a:before {content:"\f1e5";}
li#logout span a:before {content:"\f011";}
li#Onskelista span a:before {content:"\f004";}
li#dinsida_betyg span a:before {content:"\f005";}
li#dinsida_returer span a:before {content:"\f3e5";}
li#dinsida_presentkort span a:before {content:"\f09d";}
li#dinsida_reklamationer span a:before {content:"\f462";}
li#dinsida_lojalitetsprogram span a:before {content:"\f0d6";}
li#dinsida_vardebevis span a:before {content:"\f022";}
li#dinsida_betalkort span a:before {content:"\f283";}
li#dinsida_rabatter span a:before {content:"\f295";}
li#restArtiklar span a:before {content:"\f073";}

/* TABELLER */
.OrderTable tr td {padding:8px;}
.OrderTable {background:#ddd !important;}
.OrderHuvud, .OrderRader {border:1px solid #ddd !important;}
.OrderHuvud tr:nth-child(odd) td, .OrderTable tr:nth-child(odd) td {background:#f7f7f7;}
.OrderHuvud tr:nth-child(even) td, .OrderTable tr:nth-child(even) td {background:#fff;}
.OrderRader tr:nth-child(odd) td {background:#f7f7f7;}
.OrderRader tr:nth-child(even) td {background:#fff;}
.OrderTable img, .OrderHuvud img {filter:gray; -webkit-filter:grayscale(1); filter:grayscale(1); max-height:20px;}

.BevakaTabell {width:100%;max-width: 300px;margin: 0 auto;}
.BevakaTabell {background:#ddd !important;}
.BevakaTabell tr td {padding:8px;}
.BevakaTabell tr:nth-child(odd) td, .BevakaTabell tr:nth-child(odd) td {background:##f7f7f7;}
.BevakaTabell tr:nth-child(even) td, .BevakaTabell tr:nth-child(even) td {background:#fff;}
.BevakaTabell tr:nth-child(odd) td {background:#f7f7f7;}
.BevakaTabell tr:nth-child(even) td {background:#fff;}

#mypages-container tbody {width: 100%; display: table;}
.PS_Tabell select {min-width:90px;}
.Din_Sida_Onskelista_Wrapper {text-align:center;}
.DS_OL_Table_Wrap tr:nth-child(even) td, .DS_OL_Table_Wrap tr td {background:#fff;}
.DS_OL_Table_ToppFlik .Flik_Normal a {display:none;}
.DS_OL_Table_Artiklar .PrisBOLD, .DS_OL_Table_Artiklar .PrisREA {font-weight:400;}
.DS_OL_Table_Wrap .DS_OL_Table_Knappar i {font-style:normal;}
.LojSammanfattningDiv {background:#f7f7f7 !important; border:none !important; padding:5px !important}
form[name='AIR_Rek_Ret'] table {width:100%;}
form[name='AIR_Rek_Ret'] table input[type='text'], form[name='AIR_Rek_Ret'] table textarea, form[name='AIR_Rek_Ret'] table select {width:100%!important;}


/* RETUR */
input.DSRetur_Knapp_Spara {-webkit-appearance: none;background-color: #2e2d2c;color: #ffffff;line-height: 35px;display: block;padding: 0 10px;text-transform: uppercase;font-size: 13px;border: 0;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.DSRetur_Order_Tabell input[name="Knapp_Submit"] {-webkit-appearance: none;background-color: #2e2d2c;color: #ffffff;line-height: 35px;display: block;padding: 0 10px;text-transform: uppercase;font-size: 13px;border: 0;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

@media screen and (max-width: 850px) {	
	/* MENY */
	.minSidaMenyWrapper {padding: 15px;margin-bottom: 30px;}
	.minSidaMenyWrapper h4.menyRubrik {border-bottom: 0; padding-bottom: 0;}
	#minsidaDrop {min-height: 55px;}
	#minsidaDrop > ul {position: relative;}
	#minsidaDrop > ul > li {position: absolute;}
	#minsidaDrop > ul > li > ul {z-index: 1; cursor:default; height:35px; overflow:hidden; background:#fff; border:1px solid #ddd; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	#minsidaDrop > ul > li > ul::after {width:20%; cursor:pointer; content:'\f078'; position:absolute; right:0px; top:0; height:100%; padding:8px 10px 0 0; text-align:right;}
	#minsidaDrop > ul > li > ul.active {height:auto;padding: 0;-webkit-box-shadow: 0 4px 12px -3px rgba(0,0,0,.2);box-shadow: 0 4px 12px -3px rgba(0,0,0,.2);}
	#minsidaDrop > ul > li > ul.active:after {content:'\f077';}	
	#minsidaDrop > ul > li > ul.active > li {border-bottom:1px solid #ddd;}
	#minsidaDrop > ul > li > ul.active > li:last-child{border-bottom: none;}
	#minsidaDrop > ul > li > ul > li {width:100%; text-align:left; padding:0 10px;}
	#minsidaDrop > ul > li > ul > li > span {display: block; float: left; height:35px; line-height:35px}
	#minsidaDrop > ul > li > ul > li.m_selected {-webkit-order:-1; -ms-flex-order:-1; order:-1;}	
	#minsidaDrop ul li ul li span a {padding: 0; position: relative; margin-left:25px; line-height: 35px;}
	#minsidaDrop li span a::before {margin:0 0 0 15px; position:absolute; left:-33px; }
	#minsidaDrop ul li ul li {text-align:center; width:100%;}

	/* 	PERSON OCH LEVERANSUPPGIFTER */
	.Snabbkassa_Kundfalt_Marginal {display: flex; flex-wrap: wrap;position: relative;}
	.Snabbkassa_Kundfalt_Marginal img {position: absolute; right: -3px; top: 6px;}
	.Pnr_Tabell {position: relative;}
	.Pnr_Tabell img{position: absolute; right: -3px; top: -14px;}
	img[name="Profilstatus_PNr"] {position: absolute; right: -3px; top: -14px;}
	#Adressblock td {position: relative; width: 100%;}
	input#Pnr {width: 100%}
	select.KundprofilFaltOK {width: 100%;}
	#SKM_PNr + table {max-width: 150px;}
	#SKM_PNr + table tbody {min-width: 150px;}

	/* ÅTERSTÄLL LÖSENORD */
	.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;}
	.login-btn div {text-align:center; width:100%;}
	.login-btn .group {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;}
	#emailCodeSent table {width: 100%}
	#emailCodeSent td {width: 100%; display: block;}

	/* TABELLER */
	#mypages-container .OrderTable {width: 100%; max-width: unset;}



}