/*--------------------------------------------------------------------------------------------------
  Site: 
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2017. ALLA RÄTTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------*/

/* PRODUKTVY */
.pdf a:before, .externlank a:before {font-family:FontAwesome; font-size:16px; padding:0 5px 0 0;}
.pdf a:before {content:"\f0f6";}
.externlank a:before {content:"\f08e";}
#ProduktinfoOvrigt table {float:left; width:100%;}
#ProduktinfoOvrigt table input, #ProduktinfoOvrigt table select, #ProduktinfoOvrigt table textarea {max-width:100% !important;}
#ProduktinfoOvrigt table table tr td:nth-child(1n+1) {width:50% !important; float:left; white-space:normal;}

/* TOP OFFER */
.Topoffer_Tabellbakgrund {float:left; padding:10px; margin:0 0 10px;}
.Topoffer_Tabellbakgrund table .Knapp_Info {display:none;}
.PT_Topoffer_All {width:101.2%; margin:0 0 0 -0.6%;}
.PT_Topoffer_Wrapper {float:left; background:#fff; position:relative; margin:0.6%; width:48.8%;}

/* KAMPANJYTOR */
.Kampanj_Yta tr, .Kampanj_Yta td {background:#fff;}
.Kampanj_Yta td img {display:none;}
.Kampanj_Yta td i {font-style:normal !important}

/* BLOGGAR */
.bloggkommentar_rubrik {margin:0px 0px 10px 0px;}
.bloggkommentar_antal {float:left; margin:0px 10px 0px 0px;}
.bloggkommentar, .bloggkommentar_saknas {margin:10px 0px;}
.SingleComment, .bloggkommentar_avdelare {border-bottom:1px solid #ddd;}

/* DIN SIDA */
#minsidaDrop ul, div#minsidaDrop  {list-style:none; width:100%; display:inline-block;}
#minsidaDrop ul {margin:5px 0 0;}
#minsidaDrop a {float:left; width:100%; color:#888;}
#minsidaDrop a:hover {color:#111;}
#minsidaDrop ul ul {width:100%; float:left; margin:0 0 10px; text-align:center; background:#eee;}
#minsidaDrop > ul > li > h2 {display:none;} 
#minsidaDrop ul li ul li {margin:0.5%; display:inline-block; width:5.8%;}
#minsidaDrop ul li ul li span a {text-align:center; font-size:10px;}
#minsidaDrop ul li ul li.m_selected a {color:#000;}
#minsidaDrop li span a:before {font-family:FontAwesome; font-size:25px; width:100%; display:inline-block; margin-bottom:5px;}

li#hem span a:before {content:"\f015";}
li#andraprofil span a:before {content:"\f007";}
li#dinsida_order span a:before {content:"\f09d";}
li#dinsida_fakturor span a:before {content:"\f016";}
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:"\f06b";}
li#dinsida_betyg span a:before {content:"\f123";}
li#dinsida_returer span a:before {content:"\f112";}
li#dinsida_presentkort span a:before {content:"\f09d";}
li#dinsida_reklamationer span a:before {content:"\f122";}
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";}

.OrderTable tr:nth-child(1) td {background:#f1f1f1;}
.OrderTable tr td {padding:5px;}

/* VARUMÄRKEN */
.Varum_Grupperad div {width:24%; padding:1%; vertical-align:top; display:inline-block;}
.Varum_Grupperad div h2 {width:100%; float:left; font-weight:300; font-size:25px; border-bottom:1px solid #000;}
.Varum_Grupperad div ul {width:100%; float:left;}
.Varum_Grupperad div ul li {width:100%; line-height:25px; float:left; list-style:none;}

/* DIALOGRUTA */  
#dialogruta {visibility:hidden; position:absolute; left:0px; top:0; z-index:3005; background:rgba(100, 100, 100, 0.6); width:100%; height:100%;}
#Felmeddelande {width:400px; top:7%; margin:0 auto; padding:20px; position:relative; background:#fff; text-align:center;}
#Felmeddelande img {display:none;}
#Felmeddelande h1 {font-size:1.5em;}
#Felmeddelande h1:before {font-family:FontAwesome; content:"\f071";}

/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	#minsidaDrop ul li ul li {padding:10px; margin:0; text-align:center; width:24%;}
	#minsidaDrop li span a::before {font-size:40px;}
	.login-btn div {text-align:center; width:100%;}
	.PT_Topoffer_Wrapper {width:98.8%; border:none;}
}