/*---------------------------------------------------------------------------------
   Site: 
   COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2018. ALL RIGHTS RESERVED.
---------------------------------------------------------------------------------*/
/*------------------------
   ARTICLE GROUPS
-------------------------*/
.ArtgrpHeadline {float: left;}
.Egen_Infogad_HTML {margin: 20px 0; width: 100%; display: inline-block;}
.Artgrp_VisaFlerArtiklar_Markerad {display:inline-block; padding:3px 7px; background: #f5f5f5;}
.Artgrp_VisaFler a {display:inline-block; padding:3px 7px;}
.Artgrp_VisaFler a, .Artgrp_VisaFler span {font-size:12px;}
.Artgrp_VisaFler a {margin-left: 10px;}

.Artgrp_VisaFler .piper_at_the_gates_of_dawn {display:none;}
.Artgrp_VisaFler .AVFAM {margin:0 5px 0 0;}

.Artiklar_Totalt{text-align: center; margin-block:1rem; font-family:"Open sans",sans-serif; color: #333;}
#VisaFlerArtiklar_Ajax_Button {
    border: none;
    background: rgb(47 119 184 / 20%);
    display: block;
    align: center;
    margin: 20px auto 20px;
    width: auto;
    padding: 1rem 4rem;
    border-radius: 60px;
    color: #333333;
    font-weight: 700;
    position: relative;
    font-size: 16px;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
#VisaFlerArtiklar_Ajax_Button:hover {
    background:  rgb(47 119 184 / 50%);
}

 /* SORT */
 .Artgrupp_header {margin:10px 0;}
.Sortering {width:100%; min-width:160px; background:#fff; border:1px solid #f5f5f5; position:relative; line-height:35px; height:35px; position:relative; cursor:pointer; list-style:none;}
.Sortering:after {width:45px; line-height:35px; position:absolute; right:0px; top:0; text-align: center; width: 40px; font-size:16px; font-family:"SS BlackTie-Regular"; content:"\f501";}
.Sortering.open:after{content:"\f500"}
.Sortering .sort_active {padding-left:10px;}
.Sortering .ValjSortordning {display:none; z-index:3; background:#fff; list-style:none; border:1px solid #f5f5f5; position:absolute; top:33px; left:-1px; padding:0 10px; width:-moz-calc(100% + 2px); width:-webkit-calc(100% + 2px); width:-o-calc(100% + 2px); width:calc(100% + 2px);}
.Sortering.open .ValjSortordning {display:block;}
.Sortering .ValjSortordning a {font-size:13px;}

 /* STD */
.PT_Wrapper.hl-article{
    outline: 2px solid #8b8b8b;
    outline-offset: 2px;
}

.PT_Lank {display:block; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2}
.PT_Wrapper_All {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1.4%);
    margin-left: -0.7%;
}
.PT_Wrapper, .PT_Faktaruta, .PT_Wrapper .group
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    align-items: stretch;
}
.PT_Beskr {word-break: break-word;}

.PT_Faktaruta
{  justify-content: space-between;
  flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
.PT_Artnr {font-weight: bold; font-size: 11px;} 
.PT_Wrapper .PT_Artnr {float: right;}
.PT_Faktaruta > div:last-child {margin-top: 5px;}
.PT_Faktaruta > div:last-child > div {margin-bottom: 0; margin-top: auto;}
 
.PT_Wrapper .PT_Beskr {/* flex:1;*/ flex-grow: 1;}
.PT_Pos, .PT_Atgang {
    float: left;
    width: auto;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    padding: 1px 5px;    
}
.PT_Wrapper {float:left; background:#fff; position:relative; margin:0.7%; width: 23.6%;}
.PT_Wrapper .PT_Bildruta {
    padding-bottom: 100%;
    position: relative;
    z-index: 0;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.PT_Wrapper .PT_Bildruta img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-height: 100%;
}
  

.PT_Pris {font-weight: 700;font-size: 16px;}
.PT_Pris .PT_PrisOrdinarie {color:#999; font-size: 12px; font-weight: 400;}
.PT_Knappar {position:relative; z-index:2;}


div[class$="hasNummer-"]{
    display: none;
}

 /* LISTA1 */ 
.PT_WrapperLista {float:left; padding:10px 0; border-bottom: 1px solid #f5f5f5; justify-content: space-between; position:relative; margin:0; width:100%; -webkit-align-items:center; -ms-flex-align:center; align-items:center;}
.PT_WrapperLista:last-child {border-bottom: 0px;}
.PT_WrapperLista .PT_Bildruta {padding-bottom:0px; }
.PT_WrapperLista .Knapp_Kop a {padding:0 10px;}
.PT_WrapperLista .PT_Beskr {height:inherit; -webkit-order:1; -ms-flex-order:1; order:1;}
.PT_WrapperLista .PT_Pris {-webkit-order:1; -ms-flex-order:1; order:1; font-size:15px;}
.PT_WrapperLista .PT_Pris span {font-size:15px; display:block;}
.PT_WrapperLista .PT_Knappar {-webkit-order:1; -ms-flex-order:1; order:1;}
.PT_WrapperLista .PT_Status {margin:2px 0 0;}
.PT_WrapperLista .PT_Status > div {font-size: 11px}
.PT_WrapperLista .PT_Extra {display: none;}
.PT_WrapperLista .PT_Extra:not(:empty) {display: block;}



.matching_popup{display: none;}
.matching_popup.show{
    display: block;
    position: fixed;
    width: 409px;
    max-width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 1em;
    border-left: 7px solid #f00;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    z-index: 12;
}
.matching_popup .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #000;
}
 /* TOP OFFER */
.PT_Topoffer_Wrapper {float:left; position:relative; margin:0.6%; width:48.8%;}

 /* IF ARTICLES ARE MISSING */
.Artgrp_Lista {width:100%; display:block; border:1px solid #f5f5f5; padding:4px; margin:1px;}
#ListaOmArtiklarSaknas {width: 100%; display: inline-block;}
#ListaOmArtiklarSaknas ul {list-style:none; margin:0; padding:0;  
    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;  
}
#ListaOmArtiklarSaknas li {flex:0 1 25%; padding: 5px}
#ListaOmArtiklarSaknas li a {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    background: #dae2e9;
    float: left;
    padding: 8px;
box-shadow: rgb(50 50 93 / 2%) 0px 13px 27px -5px, rgb(0 0 0 / 20%) 0px 8px 16px -8px;
}
#ListaOmArtiklarSaknas li a:hover {background:#eee;}
.TextOmArtiklarSaknas {width: 100%; display: inline-block; margin:40px 0;}

/*------------------------
   PRODUCT PAGE
-------------------------*/
 /* PICTURE COLUMN */
.ProduktBild {width:100%; vertical-align:middle; margin:20px 0 40px 0; position:relative;}
.BildZoomThumbnailsContainer {text-align:center;}
.BildZoomThumbnails {width:60px; height:60px; margin:0 5px 5px 0; display:inline-block;}
.ProduktBildtext {width:100%; margin:10px 0;}
.BildZoomThumbnails img {display:block; margin:0 auto;}
.mz-expand {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;}
.mz-expand {filter:blur(0px) !important;}

 /* PRODUCT COLUMN */
#ArtikelnamnFalt {font-size:28px; font-weight:700;}
#VarumarkeFalt {margin:0 0 5px;}
#PrisFalt span, .PrisAvd {font-size:28px; font-weight:400;}

#KundBetyg a {pointer-events:none;}
#Avbetalning {background:#F2F2F2; padding:10px;}
#FaltRader, #KundBetygRad {margin:10px 0;}
#OrderFalt {margin:10px 0 0; padding:10px 0 0;}
#KampanjFalt {border:1px solid #f5f5f5; padding:20px;}
#Produktinfo li {margin:0 15px;}
#Produktinfo iframe {max-width:100%; height:auto;}
#Produktinfo table {max-width:100%;}
#ProduktinfoOvrigt table {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; white-space:normal;}
#ProduktinfoOvrigt #omdome_epost {display:none;}
#ProduktinfoOvrigt .satt_betyg table table tr:nth-child(6) {display:none;}
.ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {margin:0 0 5px 0;}
.TeknSpec_Tabell {width:100%; border:0; margin:10px 0; padding:0;}
.TeknSpec_Rad1_Vanster {width:27%; border:0; margin:10px 0; padding:0;}, .TeknSpec_Rad1_Hoger{width:73%; border:0; margin:10px 0; padding:0;}
, .TeknSpec_Rad2_Vanster{width:20%; border:0; margin:10px 0; padding:0;}
, .TeknSpec_Rad2_Hoger {width:100%; border:0; margin:10px 0; padding:5px;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger {background:#f5f5f5;}
.TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {background:#fff;}
.pdf a:before, .externlank a:before, .storleksguideToggle:before {font-family:""Font Awesome 5 Pro""; font-size:16px; padding:0 5px 0 0;}
.pdf a:before {content:"\f0f6";}
.externlank a:before {content:"\f08e";}
.storleksguideToggle:before {content:"\f05a";}
.Artnr { font-size: 16px; font-weight: bold;}
.artikel_antal, .ProduktbeskrAntalvalText b {
    height: 50px;
    line-height: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
    font-size: 16px;
    }
  .Laggikorgen_Antalsfalt {line-height: 50px !important; height: 50px !important; font-size: 18px !important; border:1px solid #ddd !important; float: left;}
  .customEgenskap img {margin:1%; }
  .customEgenskap img:first-child {margin-left:0px; }
 /* VARIANTARTIKLAR */


.Egenskaper_Tabell td {line-height:40px; padding:0;}
.ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:35px; line-height:35px; text-align: center;}
.PT_Knappar input[type="text"].Laggikorgen_Antalsfalt {width: 35px !important; height: 35px !important; padding:0 5px; line-height: 35px !important;}
.ProduktbeskrAntalvalTabell td {padding:0;}
.Laggikorgen_Antalsfalt {width:50px !important;}
.Set_Falt_Wrap select {width:100%;}

.SetBestarAv .PT_Wrapper {width: 100%;}
.SetBestarAv .PT_Wrapper tr td:first-child {width: 50px; padding-right: 15px }
.SetBestarAv .PT_Wrapper tr td:first-child img { text-indent: -9999px; }
 /* SIZE GUIDE */

/*.addthis_sharing_toolbox {clear: initial !important; float: left; width: auto !important;}*/
.Onskelista {float: left;}
.Onskelista a:after {
    font-size: 28px;
    line-height: 53px;
    margin-right: 10px;
    margin-top: 0;
    float: left;
    margin-bottom: 5px;
}
.storleksguideToggle {cursor:pointer;}
.storleksguide {display:none;}
.storleksguide.active {display:block; width:70%; max-width:800px; position:absolute; padding:30px 20px; margin:0; z-index:6; top:215px; left:50%; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); transform:translate(-50%, 0); background:#fff;}

 /* BEVAKA */
#artikelbevakning .bevakningsrubrik {display:none;}
#artikelbevakning {width:100%; margin:10px 0;}
#bevakning p br {display:none;}
#epost_bevaka {max-width:230px;}
p#status {display:block; width:100%; margin:10px 0 0 !important; color:#cb0000 !important;}
#bevakning table, #bevakning table * {display:inline-block;}
a#Knapp_Bevaka_Produkt {background:#999; color:#fff; height:50px; line-height:50px; padding:0; width:100%; text-transform:uppercase; font-size:15px; display:block; text-align:center;}
a#Knapp_Bevaka_Produkt:hover {background:#777;}
/* FAVORITES */ 
.Onskelista {cursor:pointer;}
.Onskelista a {border-left:1px solid #ddd; padding-left:10px;}
.Onskelista a.add {border:0;}
.Onskelista a i {color:#333;}
.onskelista_lagg_till_knapp.remove i {color:#49c070;}
.Onskelista_artnr {display:none;}
.Onskelista_artgr {position:absolute; top:10px; right:10px; z-index:3; cursor:pointer;}
.Onskelista_icon img {max-height:15px; max-width:15px;}
.Onskelista_count {margin:5px 15px 0 0;}
.plupp {position:relative;}
.pluppText {    
    background-color: #000;
    color:#fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-height: 15px;
    min-width: 15px;
    height: 15px;
    width: 15px;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    display: flex !important;
    justify-content: center;
    align-items: center;
    right: -5px;
    top: 35%;
    transform: translateY(-50%);}
.plupp .fa-heart {font-size:30px; color:#333;}
.wishlist-button {
    display: block;
    font-size: 18px;
    margin-top: -10px;
    float: left;
    margin-left: 0px;
    margin-right: 8px;
}
.wishlist-button:after {font-family:"SS BlackTie-Regular"; content:"\2665"}
.wishlist-button.remove:after {font-size: xx-large; content:"\2665"; color: #49c070}








 /* REVIEWS */ 
#omdomeLink {cursor:pointer;} 
.betyg {margin-top:20px;}
.betyg h3 {text-align:center; text-transform:capitalize; margin-bottom:30px;}
.betyg_skriv {width:250px; margin-right:20px; float:left; 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-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.betyg_skriv .Knapp_Generell a {height:45px; line-height:45px; padding:0 35px; font-size:16px;}
.betyg_skriv span b {display:inline-block; margin:10px 0 0;}
.satt_betyg table {max-width:500px; margin:0 auto;}
.b_wrapper {width:100%; display:block;}
.b_wrapper .betyg_enskilt {display:none;}
.b_wrapper .betyg_enskilt:nth-child(1) {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.b_wrapper.active .betyg_enskilt {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.betyg_utskrift .visaMer div {display:none;}
.betyg_utskrift .visaMer div.active {display:block; float:left; cursor:pointer; font-size:16px; font-weight:bold;}
.betyg_utskrift {float:left; width:-moz-calc(100% - 270px); width:-webkit-calc(100% - 270px); width:-o-calc(100% - 270px); width:calc(100% - 270px); 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-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.betyg_enskilt {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #f5f5f5; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.b_intro {text-align:center; width:100%; margin:10px 0 15px 0;}
.b_intro span {width:100%; display:block; font-weight:bold; font-size:14px;}
.b_intro .betyg_siffra {font-size:18px;}
.b_kundkort {width:100px; float:left; margin-right:10px; text-align:center;}
.b_textkort {width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-o-calc(100% - 110px); width:calc(100% - 110px);}
.b_kundkort span, .b_textkort span {width:100%; display:block;}
.b_bild i{font-size:50px;}
.b_namn {font-weight:bold;}
.b_namn a {display:none;} 
.b_datum {color:#636363;}
form[name=Nyttomdome] {max-width:600px;}
form[name=Nyttomdome] input[name=Kund_Namn], input[name=Kund_Epost], select[name=betyg], textarea[name=kommentar] {width:100% !important;}
.betyg_siffra {width:100%; font-size:14px; display:inline-block; letter-spacing:5px; font-family:"Font Awesome 5 Pro";}
.betyg0:after {content:'\f005\f005\f005\f005\f005'; color:#c3c3c3;}
.betyg1:before {content:'\f005'; color:#fad149;}
.betyg1:after {content:'\f005\f005\f005\f005'; color:#c3c3c3;}
.betyg2:before {content:'\f005\f005'; color:#fad149;}
.betyg2:after {content:'\f005\f005\f005'; color:#c3c3c3;}
.betyg3:before {content:'\f005\f005\f005'; color:#fad149;}
.betyg3:after {content:'\f005\f005'; color:#c3c3c3;}
.betyg4:before {content:'\f005\f005\f005\f005'; color:#fad149;}
.betyg4:after {content:'\f005'; color:#c3c3c3;}
.betyg5:before {content:'\f005\f005\f005\f005\f005'; color:#fad149;}

/*------------------------
   LOGIN
-------------------------*/
.inloggningsruta {width:300px; display:none; position:fixed; padding: 20px; margin:0; z-index:6; top:40%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff;}
.inloggningsruta.active {display:block;}
.inloggningwrapper .button:first-child {margin-right:5px;}
#AdressblockLoggain table {float:left;}
.close {position:absolute; right:-30px; top:0; cursor:pointer; color:#fff; font-size:15px;}
.close:before {font-family:"SS BlackTie-Regular"; content:"\2421";}

/*------------------------
   BUTTONS
-------------------------*/
.Knapp_Kop_Tabell tr td, .PT_Knappar .Knapp_Info {display:none;}
.Knapp_Kop_Tabell tr td:first-child {display: block; float: left;}
.Knapp_Kop_Tabell .Knapp_Kop {display:block; float: right;}
.Knapp_Kop_Tabell_Artikel {width:100%;}
.Knapp_Kop_Tabell, .PT_Knappar table {float:right;}
.Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;}
.PT_KnapparKampanj tabell {width:135px;}
#SubmitFalt .Knapp_Kop_Tabell_Artikel a {height:50px; line-height:50px; padding:0; width:100%; text-transform:uppercase; font-size:18px; font-weight: bold;}
.ProduktbeskrAntalvalTabell {float: left;}
#SubmitFalt
{
	width: 50%;
    float: left;
    margin: 0 0 20px 10px;}
.ProduktbeskrAntalvalRad {height: 50px;}

.PT_PrisKnapp {display: flex;justify-content: space-between;align-items: center;margin-top: 1rem !important;}
.PT_Faktaruta .Knapp_Kop_Tabell tr td:first-child{display: none;}
.PT_Faktaruta .Knapp_Kop a {font-size: 0px;background: unset;color: #000;box-shadow: unset; line-height: normal;}
.PT_Faktaruta .Knapp_Kop a:hover {font-size: 0px;background: unset;color: #000;box-shadow: unset; text-decoration: none;}
.PT_Faktaruta .Knapp_Kop a:after {content: "\E500";font-family: "SS BlackTie-Regular";font-size: 21px;font-weight: 400;}


.btn2 {display: block; float: left; text-decoration: none; background: #dae2e9;; padding: 10px 35px;}

.btn3 {display: block; float: left; text-decoration: none; background: #dae2e9;; padding: 10px 35px;}

.btn4 {display: block; float: left; text-decoration: none; background: #dae2e9;; padding: 10px 35px;width: 188px;display: flex;justify-content:center;}
.btn4-wrapper{display: flex !important;justify-content: center;}

.btn5 {display: block; float: left; text-decoration: none; background: #dae2e9;; padding: 10px 35px;width: 250px;display: flex;justify-content:center;}

.btn6 {display: block; float: left; text-decoration: none; background: #dae2e9;; padding: 10px 35px;width: 135px;display: flex;justify-content:center;}

/*------------------------
   MISC
-------------------------*/
 /* NEWSLETTER */
 .nyhetsbrev {margin-top: 10px;}
.nyhetsbrev input {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.nyhetsbrev .Knapp_Anmalan a {border:1px solid #000; background:#000; color:#fff; background:#000; width:100%; text-align:center; height:35px; line-height:35px; margin:0 0 0 -1px; display:inline-block; text-transform:uppercase; font-size:11px;}

 /* BLOG */
.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;}

 /* BRANDS */
.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;}

 /* OVERLAY */  
#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:"Font Awesome 5 Pro"; content:"\f071";}

 /* MAGICZOOM */ 
.mz-button.mz-button-close {background:#fff !important; color:#231f20 !important;}
:root:not(.mobile-magic) button.mz-button {color:rgba(255, 255, 255, 0.85) !important;}

/* FOOTER */
.footer {position: relative;}
.footer {padding:30px 0 0; width:100%; -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end;}
.footerHeadline {text-transform: uppercase; font-weight: bold; font-size: 16px; margin-bottom: 20px; width: 100%; float: left; color: #7c7c7c}
.footer li {line-height: 25px; list-style: none;}
.footer, .footer a, .footer span {color: #7c7c7c}
.FooterBottom {

    background: #ddd;
    display: inline-block;
    text-align: center;
}
/*------------------------
  MY PAGE
-------------------------*/
#mypages-container {max-width:1000px;}
.Dinsida_Topprubrik, #mypages-container > h1 {font-size:1.7em; text-align:center; display: none;}
#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%; border-bottom:1px solid #f5f5f5; margin:5px 0 10px; text-align:center;}
#minsidaDrop > ul > li > h2 {display:none;} 
#minsidaDrop ul li ul li {margin:1px; display:inline-block;}
#minsidaDrop ul li ul li span a {font-size:11px;}
#minsidaDrop ul li ul li.m_selected a {color:#000;}
#minsidaDrop li span a:before {font-family:"Font Awesome 5 Pro"; font-size:20px; width:100%; display:inline-block; margin-bottom:5px; font-weight: 900;}
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:"\f004";}
li#dinsida_betyg span a:before {content:"\f123";}
li#dinsida_returer span a:before {content:"\f364";}
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";}
li#restArtiklar span a:before {content:"\f073";}
.OrderTable tr:nth-child(odd) td {background:#f5f5f5;}
.OrderTable tr td {padding:5px;}
.OrderTable {background:#eee !important;}
.PS_Tabell select {
    min-width: 150px;
    height: 50px;
    border: 1px solid #ddd;
    padding: 0 15px;
}
.Presentkort .Knapp_Kop a {line-height: 50px; height: 50px;}
@media screen and (max-width: 1000px) { 
.PS_Tabell tr td {display: inline-block; text-align: center; padding: 5px;
}
.PS_Tabell tr td .Knapp_Kop_Tabell *, .PS_Tabell tr td .Knapp_Kop_Tabell {width: 100%;}
.PS_Tabell tr td:first-child, .PS_Tabell tr td:last-child {display: inline-block; width: 100%;}
}
.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;}
.OrderHuvud, .OrderRader {border:1px solid #eee !important;}
.OrderHuvud tr:nth-child(odd) td, .OrderTable tr:nth-child(odd) td {background:#f5f5f5;}
.OrderHuvud tr:nth-child(even) td, .OrderTable tr:nth-child(even) td {background:#fff;}
.OrderRader tr:nth-child(odd) td {background:#f5f5f5;}
.OrderRader tr:nth-child(even) td {background:#fff;}
.OrderTable img, .OrderHuvud img {filter:gray; -webkit-filter:grayscale(1); filter:grayscale(1); max-height:20px;}
.LojSammanfattningDiv {background:#f5f5f5 !important; border:none !important; padding:5px !important}
.BevakaTabell, 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;}
.Minsida_aterstall_losenord, #mypages-container {margin-top:20px;}

#mypages-container #VATnr, #mypages-container #VATprefix {width: 46%; margin-right: 1%}
#mypages-container #SKM_VATnr label {width: 100%;}
#mypages-container #SKM_VATnr img:last-child {float: left; margin-right: 10px;}
#mypages-container #SKM_Kund_ID {line-height: 30px;}

/*------------------------
   START PAGE
-------------------------*/
.owl-theme .owl-controls .owl-buttons div {display: inline-block; font-size:12px; margin:0 5px; padding:0 10px; border-radius: 100px !important;  text-indent:-9999px;}
.owl-prev {background:#fff !important;
   height: 70px;
    left: -34px;
    margin: 0 !important;
    position: absolute;
    text-align: center;
    width: 70px;}
.owl-next {background:#fff !important;
    text-align: center;
    height: 70px;
    right: -34px;
    margin: 0 !important;
    position: absolute;
       text-align: center;
    width: 70px;}
  .owl-next:after {
     
      font-family: "SS BlackTie-Regular" !important;
    content: "\25BB";
    font-size: 42px;
    text-indent: 0;
    /* float: left; */
    color: #000;
    /* text-align: center; */
    position: absolute;
    line-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 42px;
    padding: 0;
    width: 42px;
    
 }
  .owl-prev:before {

    font-family: "SS BlackTie-Regular" !important;
    content: "\25C5";
    font-size: 42px;
    text-indent: 0;
    /* float: left; */
    color: #000;
    /* text-align: center; */
    position: absolute;
    line-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 42px;
    padding: 0;
    width: 42px;
 }


@media screen and (max-width: 1000px) {  
    .startBanner .owl-prev, .startBanner .owl-next {
        width: 30px;
        height: 30px;
        opacity: 0.9;
    }

    #owl-demo .owl-controls {bottom: 10px !important;}
    .startBanner .owl-prev:before, .startBanner .owl-next:after 
    {font-size: 20px; width: 20px; height: 20px;}
    .startBanner .owl-prev {left: 20px;}
    .startBanner .owl-next {right: 20px !important;}
    .startBanner#owl-demo .owl-controls .owl-page span {width: 12px !important; height: 12px !important;  }
    .TrePuffarStartsida {margin-bottom: 15px;}
}

.Flex100 {width: 100%;}
.Flex50 {width: 50%;}
.Flex40 {width: 40%;}
.Flex30 {width: 32%; margin-left: 1.3%;}
.Flex25 {width: 25%;}
.Flex20 {width: 20%;}
.Flex20.FlexMargin {width: 18%; margin:0 1%;}
.FlexPic
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.FlexStretch {}
.FlexPic > div[class^="Flex"]
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

}

.FlexPic h3, .Custom-Hl * {width: 100%; border-bottom: 1px solid #ddd; text-align: center; padding-bottom: 10px; font-weight: bold; font-size: 18px !important; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px;}
.FlexEnd {justify-content: flex-end;}
.startpuffar .Flex30, .startpuffar .Flex50 {position: relative; z-index: 1}
.startpuffar .centerpuff {
    z-index: 1;
    background-color: #33333350;
    width: calc(100% - 1px);
    margin-top: -34px;
    text-align: center;
    z-index: 1;
    position: relative;
    float: left;
    height: 30px;
    color: #fff;
    line-height: 30px;

}
.StartBanner1 .centerpuff strong {font-size: 16px; font-weight: bold; margin-bottom: 10px;width: 100%;float: left;}
.StartBanner1 .centerpuff {

    height: 100%;
    top: 0;
    position: absolute;
    bottom: 0px;
    margin-top: 0px;
    width: 50%;
    background: -moz-linear-gradient(left,rgba(47,119,184,0.5) 0,rgba(68,109,140,0.5) 100%);
    background: -webkit-linear-gradient(left,rgba(47,119,184,0.5) 0,rgba(68,109,140,0.5) 100%);
    background: linear-gradient(to right,rgba(47,119,184,0.5) 0,rgba(68,109,140,0.5) 100%);
    padding:20px;
    text-align: left;
    line-height: normal;

}
.StartBanner1 .Flex50:last-child .centerpuff {right: 0; background: rgba(0, 0, 0, 0.5);}
.StartBanner1 {justify-content: space-between;}
.StartBanner1 .Flex50 {width: 49.3%;}

.SeoStartpage {padding:20px;}
@media screen and (max-width:1000px) {

.startpuffar .Flex50, .startpuffar .Flex40,  .startpuffar .Flex20 {width: 100%; background: rgba(0, 0, 0, 0.4);}
.startpuffar .Flex40 {text-align: center; flex-direction: column;}
.startpuffar a {width: 100%; text-align: center;}
.StartBanner1 a {min-height: 250px;}
.StartBanner1 a img {object-fit: cover;}
.startpuffar .centerpuff {width: 100%; background: rgba(0, 0, 0, 0.4);}
.Flex30 {width: 50%; background: rgba(0, 0, 0, 0.4);}
.Flex30, .Flex50 {margin:0;padding:5px;background: rgba(0, 0, 0, 0.4);}
.Flex50.FlexEnd {padding:0px;background: rgba(0, 0, 0, 0.4);}
.owl-prev {width: 34px;}
.owl-next {width: 34px;}

.StartpageAboveFooter div img {margin-top:10px;}
.StartpageAboveFooter div {justify-content: center; align-items: center;}

}
@media screen and (max-width:1000px) {
  .startpuffar a img {width: 100%; height: 100%}
  .startpuffar .Flex50:not(.FlexEnd) .centerpuff {margin-top: 0px;}
  .StartBanner1, .StartBanner1 * {padding: 0px; margin:0;}
  .startpuffar:not(.StartBanner1) .centerpuff {line-height: normal; height: 45px; padding: 5px; margin-top: -49px; font-size: 12px;}
}

@media screen and (max-width:767px) {
    .startpuffar:not(.StartBanner1) .centerpuff {font-size: 12px;}
}
.owl-prev, .owl-next {top:44%;}
#owl-demo .owl-controls {bottom:20px; position:absolute; text-align:center; width:100%;}
#owl-demo .owl-controls .owl-page span {border-radius:30px !important; height:22px !important; width:22px !important; background:#fff !important;}
#owl-demo3 .PT_Wrapper,
.owl-carousel-custom .PT_Wrapper {margin:0 0 0 7px !important; width:-moz-calc(100% - 15px); width:-webkit-calc(100% - 15px); width:-o-calc(100% - 15px); width: calc(100% - 15px);}

.startpuffar { margin:1% 0;}

.startpuffar h3 {font-size:2.5em;}
.startBanner img {width: 100%; float: left;}
.startBanner .owl-prev {left: 40px;}
.startBanner .owl-next {right: 40px;}
.startBanner#owl-demo .owl-controls {height: 100%; }
.startBanner#owl-demo .owl-pagination {
	bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;}


.prodslider #owl-demo3 .owl-prev, .prodslider #owl-demo3  .owl-next,
.prodslider .owl-carousel-custom .owl-prev, .prodslider .owl-carousel-custom  .owl-next{top: 38%}
.prodslider #owl-demo3 .owl-next, .prodslider #owl-demo3 .owl-prev,
.prodslider .owl-carousel-custom .owl-next, .prodslider .owl-carousel-custom .owl-prev {width: 25px;}
.prodslider #owl-demo3 .owl-next:after,
.prodslider .owl-carousel-demo .owl-next:after { margin-left: -5px; }
.prodslider #owl-demo3 .owl-prev:before,
.prodslider .owl-carousel-custom .owl-prev:before { margin-left: -10px; }
@media screen and (max-width:1000px) {
    .prodslider a.btn {
        width: calc(100% - 20px);
        text-align: center;
        margin: 0 10px;
    }
}
@media screen and (max-width:1300px) {
.startpuffar .centerpuff {font-size: 11px;}
}
 .TrePuffarStartsida {
	background: -moz-linear-gradient(left,rgba(47,119,184,0.2) 0,rgba(68,109,140,0.2) 100%);
    background: -webkit-linear-gradient(left,rgba(47,119,184,0.2) 0,rgba(68,109,140,0.2) 100%);
    background: linear-gradient(to right,rgba(47,119,184,0.2) 0,rgba(68,109,140,0.2) 100%);
    padding:20px 0;
 }
 .StartpageAboveFooter {align-items: center;} 
 .startpuffar a img {height: 100%;}
/*------------------------
   SPECIFIC PROPERTIES
-------------------------*/
.PT_Wrapper, .Artgrp_VisaFler a, .primbutton a, .secbutton a, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, .centerpuff h3 a:hover, .centerpuff h4 a:hover, #Felmeddelande a
{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}

select {float:left; width:auto; background-color:#fff; background-image:url('/bilder/butik/pil.svg'); background-repeat:no-repeat; background-size:13px; background-position:right 10px center; border:1px solid #f5f5f5; color:#000; -webkit-appearance: none; -moz-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0; font-size:13px;  height:35px; line-height:normal; padding:0 0 0 5px;} 
select::-ms-expand {display:none;}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"] {
    background-color:#fff; border:1px solid #999; color:#111; display:inline-block; font-size:13px; height:35px; line-height:normal; padding:6px 5px;
    transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align:middle; -webkit-appearance:none;
}
textarea {min-height:100px; line-height:normal; width:100%;}
input:focus, select:focus, textarea:focus {border-color:rgb(0, 0, 0); border-color:rgba(0, 0, 0, 0.8); outline:0 none;}
.dimmer.active, .dimmer2.active, .sokrutan.active, .soktoggle::after, .stangsok::after, .inloggningsruta.active, .mobilenav.active, .Artgrp_VisaFler a:hover {
	-moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;
}

/*------------------------
   TYPOGRAPHY AND COLORS
-------------------------*/
b, strong {font-weight: 700;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, .KampanjFalt-Text, .inloggningsruta p, .Artgrp_VisaFlerArtiklar_Markerad, .bloggkommentar_rubrik, .headline, .Topoffer_Artikelnamn, 
.Topoffer_Pris, .reviewname, #KampanjFalt div div:first-of-type
{font-weight:400;}

 /* TEXT SIZE */
h1,h2,h3,h4,.heading {font-weight:400; margin:10 0 5px 0; line-height:normal;}
h1,.heading {font-size:2.2em; font-weight:700;}
h2 {font-size:1.8em}
h3 {font-size:1.5em}
h4 {font-size:1.2em}

/*
.Custom-Hl h1:after, .Custom-Hl h2:after, .Custom-Hl h3:after, .Custom-Hl h4:after, .mypages-start h4:after, 
#mypages-container h4:after
{
    content: "";
    background: #fff;
    padding: 0px 30px;
    z-index: -1;
    width: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;	
}
.Custom-Hl h1:before, .Custom-Hl h2:before, .Custom-Hl h3:before, .Custom-Hl h4:before, .mypages-start h4:before, #mypages-container h4:before
{content: ""; position: absolute; width: 80%; height: 100%; background: url(/bilder/butik/hl-border.png) repeat-x center; left: 0; right: 0; margin:0 auto; z-index: -1;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
*/
.headline, .Topoffer_Artikelnamn, .Topoffer_Pris,.fa-sort
{font-size:18px}

.PrisREA, .PrisORD, .VGPrisStor, .rubrikPris, .rubriker i, .headline, .nyhetsbrevsanmalan input
{font-size:14px}

.breadcrumb a, .breadcrumb
{font-size:12px}

.PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p
{font-size:10px}

.valutavaljare {
    margin: 0 0 0 5px;
    line-height: 34px;
    float: right;
}
.CountrySelectWrap > span > img {display: none;}
.valutavaljare img {margin-left: 5px; margin-top: -3px;}
.valueText {line-height: 35px; margin-right: 10px;}
.PrisORD {text-decoration: line-through; color: #ccc} 
 /* PROPERTIES */

a {text-decoration:none; outline:none;}

.navigation_typ_ul_li_kategoriersaknas, .date, .bloggkommentar_tid
{font-style:italic}

.PT_Antalsfalt, .rubrik-kundvagn, .PT_Bildruta, .Antal input, .Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a, .headline
{text-align:center}

.Artikellista_PrisKampanj, .Artikellista_Pris, .comment
{text-align:right}



.kampanjmenu li ul li a
{text-transform:none}

.bestallningsknapp, .Knapp_Sok_Produkt
{cursor:pointer}

a.forgotpassword 
{line-height:normal}

#main p
{margin:0 0 10px;}

 /* TEXT COLOR */
body, a, .fa-shopping-cart, .mobilenav-icon, .fa-search, a:visited 
{color:#555}

.Knapp_Kop a, .Knapp_Info a, .Knapp_Kop a:hover, .Knapp_Info a:hover, .Knapp_Generell a, .Knapp_Generell a:hover, .submitKnapp input, .whitetext a
{color:#fff}

.breadcrumb a, .breadcrumb
{color:#999}

.PT_PrisOrd, .PT_PrisKampanj, .PrisPROCENT, .PrisREA, .Artikellista_PrisKampanj, .LSS_Kampanjpris
{color:#cb0000}

 /* BUTTONS */
.primbutton a {background:#49c070; color:#fff; line-height:35px; display:block; padding:0 10px; text-transform:uppercase; font-size:12px;}
.primbutton a:hover {background:#39b060;}

.secbutton a {background:#999; color:#fff; line-height:35px; display:block; padding:0 10px; text-transform:uppercase; font-size:12px;}
.secbutton a:hover {background:#777;}

.Knapp_Generell a, .Knapp_Info a, #Felmeddelande a, #vu_sok {background:#222; color:#fff; line-height:35px; display:block; padding:0 10px; text-transform:uppercase; font-size:12px;}
.Knapp_Generell a:hover, .Knapp_Info a:hover, #Felmeddelande a:hover, a#vu_sok:hover {background:#444;}

.Knapp_Kop a {background:#49c070; color:#fff; line-height:35px; display:block; padding:0 20px; text-transform:uppercase; font-size:15px;}
.Knapp_Kop a:hover {background:#39b060;}

a.btn {
    padding: 10px 20px;
    background: #8b8b8b;
    margin: 5px 0 0;
    display: inline-block;
    float: right;
    color: #fff;
    text-transform: uppercase;    
}
@media screen and (min-width: 1000px) { 
    .btn:hover {background: #777;}
}


#FraktFaltText, #FraktFalt {display: none;}
#InfoPrisBetalningPrefix, #InfoPrisBetalning, #InfoPrisBetalningSuffix {display: none;}
.primbutton a, .secbutton a, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, .Footer .Checkout a, a.btn  { -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.primbutton a, .secbutton a, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, .Footer .Checkout a, a.btn  { box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;}



/*------------------------
   TABS 1
------------------------*/
.tabs {padding:0; margin:0;}
.tabs .col {margin-bottom:0;}
.tabs li.Tab {text-align:center; padding:5px; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.tabs li.activeTab {border:none; box-shadow:0 2px 0 #333; border-collapse: separate;
     -webkit-box-shadow: 0 2px 0 #333;
     -moz-box-shadow: 0 2px 0 #333;
}
.startflikwrapper {display:none; order: 10}
.ProduktLista ul:empty {display: none;}
.startflikwrapper.active {display:block !important; visibility:visible !important; }
#Faktablad .startflikwrapper {border:1px solid #eee; padding:20px;}
.startflikwrapper {padding:10px; order:10;}
.ProduktLista ul {list-style: none;}

.tabswrapper .tabs
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    flex-wrap: wrap;
    align-content: stretch;
}
.startflikwrapper {flex-basis: 100%;}
/* ADJUSTMENTS */
.tabs li.Tab {color:#b9b9b9; background-color: rgba(68,109,140,0.1); flex:1; font-size:14px; text-transform:uppercase; font-weight: bold;  list-style: none;}

.tabs li.activeTab {color:#000; background-color: rgba(68,109,140,0.3);}




/* TABS STARTPAGE */ 
.TrePuffarStartsida {margin-top: 20px;}
.tabswrapperStartpage {padding: 0 20px;}
.tabswrapperStartpage .startflikwrapper {margin: 10px 20px;}
.tabswrapperStartpage .tabs li.Tab {
    text-align: center;
    border-bottom: 0px;
    box-sizing: border-box;
    box-shadow: none;
 
     background: -moz-linear-gradient(left,rgba(47,119,184,0.2) 0,rgba(68,109,140,0.2) 100%);
    background: -webkit-linear-gradient(left,rgba(47,119,184,0.2) 0,rgba(68,109,140,0.2) 100%);
    background: linear-gradient(to right,rgba(47,119,184,0.2) 0,rgba(68,109,140,0.2) 100%);
    border:1px solid #aac3d8;
    color: #fff;
    margin: 20px;
    border-radius: 3px;
    padding: 0px;
    height: 50px;
    line-height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    justify-content: center;
}
.tabswrapperStartpage .tabs li.Tab > * {align-self:center;}


.tabswrapperStartpage .tabs li.Tab i {margin-right: 20px; font-size: 26px;}

.tabswrapperStartpage .tabs li.Tab > ul {
    display: none;
    position: absolute;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    top: 48px;
    width: calc(100% + 2px);
    margin: 0px;
    z-index: 4;
    line-height: normal;
    background: #b2c8db;
    left: -1px;
}
.Text_Lagerstatus {font-weight: bold;}

/*------------------------*/
@media screen and (max-width: 1000px) {
    #Faktakolumn .tabs li > a {font-size:14px;}
    .tabswrapper .tabs {flex-direction: column;}
    .startflikwrapper {order: unset;}
    .tabswrapperStartpage {padding:20px;}
    .tabswrapperStartpage .tabs li.Tab {height: auto; padding: 0px; margin: 10px; }
    .tabswrapperStartpage .tabs li.Tab { flex-wrap: wrap; }
    .tabswrapperStartpage .tabs li.Tab.activeTab > ul {display: block; position: relative;   flex-basis: 100%; left: 0; top:0;}
    .tabswrapperStartpage .tabs li.Tab.activeTab {
    background: -moz-linear-gradient(left,rgba(47,119,184,0.5) 0,rgba(68,109,140,0.5) 100%);
    background: -webkit-linear-gradient(left,rgba(47,119,184,0.5) 0,rgba(68,109,140,0.5) 100%);
    background: linear-gradient(to right,rgba(47,119,184,0.5) 0,rgba(68,109,140,0.5) 100%);
    }
    #Faktablad .startflikwrapper {padding:5px;}
    .Artikellista_tabell {font-size: 11px;}
    .Artikellista_tabell .variantInfo {padding-right: 5px;}
    #utokad-lager-text {text-align: center;}


    #SubmitFalt{width: 100%; margin: 0 0 20px 0px;}

}
@media screen and (min-width: 1000px) {
    .tabswrapperStartpage .tabs li.startflikwrapper {
        flex:1;
    }
    .tabswrapperStartpage .tabs li.Tab {position: relative; text-transform: inherit; cursor: auto;}
    .tabswrapperStartpage .tabs li.Tab:hover > ul {display: block;}
    .tabswrapperStartpage .tabs li.Tab:hover {
        background: -moz-linear-gradient(left,rgba(47,119,184,0.3) 0,rgba(68,109,140,0.3) 100%);
        background: -webkit-linear-gradient(left,rgba(47,119,184,0.3) 0,rgba(68,109,140,0.3) 100%);
        background: linear-gradient(to right,rgba(47,119,184,0.3) 0,rgba(68,109,140,0.3) 100%);
    }

}

/* STAFFLADE PRISER */ 
#PrisFaltStafflade:empty {display: none;}
#PrisFaltStafflade {
    background-color: #f5f5f5;
}
.StaffladePriserRad {
    padding:10px; 
    border-bottom: 0px solid #999;
}
.StaffladePriserRad:last-child {
    border-bottom: 0;
}
@media screen and (max-width: 1000px) {
    #PrisFaltStafflade {width: 100%;}
}

.MomsSelect {line-height: 34px; margin-right: 10px;}
.MomsSelect a {padding: 0 3px;}
.Kundtjanst {display:none;}



/*Popup error*/
.popup__error {
    display: none;
    background: white;
    position: fixed;
    width: 400px;
    height: 40px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 10;
}

.popup__error:after {

}




#toTop{
    opacity: 0;
    bottom: 1%;
    transition: bottom .2s linear, opacity .2s linear;
  }

  #toTop:after {
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
}
  .scroll-sticky#toTop {
   display: flex;
   position: fixed;
   height: 32px;
   width: 32px;
   bottom: 4%;
   right: 1%;
   border: 1px solid #555;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   background: #e8e8e8;
   color: #000;
   font-size: 17px;
   justify-content: center;
   align-items: center;
   opacity: 1;
   transition: bottom .2s linear, opacity .2s linear;
   z-index: 5;
   -moz-box-shadow: 2px 2px 3px #B9B9B9;
   -webkit-box-shadow: 2px 2px 3px #b9b9b9;
   box-shadow: 2px 2px 3px #b9b9b9;
}
html, body{
    scroll-behavior: smooth;
}