/*
--------------------------------------------------------------------------------------------------
  GENERELLA EGENSKAPER
--------------------------------------------------------------------------------------------------
*/
html,body {margin:0; padding:0; height:100%;}
img {max-width:100%; height:auto; border:0px;}
a {text-decoration:none; outline:none;}
ul {padding:0;}

/*
-----------------------------------------------------------------------------------------
  GRID
-----------------------------------------------------------------------------------------
*/
/* SECTIONS */
.section {clear:both; padding:0px; margin:0px;}

/* COLUMN SETUP */
.col {display:block; float:left; margin:1% 0 1% 1.6%;}
.col:first-child, .span_2_of_2, .span_1_of_1, .no-L-margin {margin-left:0;}
.no-R-margin {margin-right:0;}
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.left {float:left;}
.right {float:right;}

/* GROUPING / CLEARFIX */
.group:before, .group:after { content:""; display:table;}
.group:after {clear:both;}

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* GRID 1_of_1 - 1_of_12 */
.span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%}
.offset_1_of_1{margin-left:100%}.offset_2_of_2{margin-left:100%}.offset_1_of_2{margin-left:49.2%}.offset_3_of_3{margin-left:100%}.offset_2_of_3{margin-left:66.1%}.offset_1_of_3{margin-left:32.2%}.offset_4_of_4{margin-left:100%}.offset_3_of_4{margin-left:74.6%}.offset_2_of_4{margin-left:49.2%}.offset_1_of_4{margin-left:23.8%}.offset_5_of_5{margin-left:100%}.offset_4_of_5{margin-left:79.68%}.offset_3_of_5{margin-left:59.36%}.offset_2_of_5{margin-left:39.04%}.offset_1_of_5{margin-left:18.72%}.offset_6_of_6{margin-left:100%}.offset_5_of_6{margin-left:83.06%}.offset_4_of_6{margin-left:66.13%}.offset_3_of_6{margin-left:49.2%}.offset_2_of_6{margin-left:32.26%}.offset_1_of_6{margin-left:15.33%}.offset_7_of_7{margin-left:100%}.offset_6_of_7{margin-left:85.48%}.offset_5_of_7{margin-left:70.97%}.offset_4_of_7{margin-left:56.45%}.offset_3_of_7{margin-left:41.92%}.offset_2_of_7{margin-left:27.42%}.offset_1_of_7{margin-left:12.91%}.offset_8_of_8{margin-left:100%}.offset_7_of_8{margin-left:87.3%}.offset_6_of_8{margin-left:74.6%}.offset_5_of_8{margin-left:61.9%}.offset_4_of_8{margin-left:49.2%}.offset_3_of_8{margin-left:36.5%}.offset_2_of_8{margin-left:23.8%}.offset_1_of_8{margin-left:11.1%}.offset_9_of_9{margin-left:100%}.offset_8_of_9{margin-left:88.71%}.offset_7_of_9{margin-left:77.42%}.offset_6_of_9{margin-left:66.13%}.offset_5_of_9{margin-left:54.84%}.offset_4_of_9{margin-left:43.55%}.offset_3_of_9{margin-left:32.26%}.offset_2_of_9{margin-left:20.97%}.offset_1_of_9{margin-left:9.68%}.offset_10_of_10{margin-left:100%}.offset_9_of_10{margin-left:89.84%}.offset_8_of_10{margin-left:79.68%}.offset_7_of_10{margin-left:69.52%}.offset_6_of_10{margin-left:59.36%}.offset_5_of_10{margin-left:49.2%}.offset_4_of_10{margin-left:39.04%}.offset_3_of_10{margin-left:28.88%}.offset_2_of_10{margin-left:18.72%}.offset_1_of_10{margin-left:8.56%}.offset_11_of_11{margin-left:100%}.offset_10_of_11{margin-left:90.7%}.offset_9_of_11{margin-left:81.47%}.offset_8_of_11{margin-left:72.24%}.offset_7_of_11{margin-left:63.01%}.offset_6_of_11{margin-left:53.78%}.offset_5_of_11{margin-left:44.55%}.offset_4_of_11{margin-left:35.32%}.offset_3_of_11{margin-left:26.09%}.offset_2_of_11{margin-left:16.86%}.offset_1_of_11{margin-left:7.63%}.offset_12_of_12{margin-left:100%}.offset_11_of_12{margin-left:91.46%}.offset_10_of_12{margin-left:83%}.offset_9_of_12{margin-left:74.54%}.offset_8_of_12{margin-left:66.08%}.offset_7_of_12{margin-left:57.62%}.offset_6_of_12{margin-left:49.16%}.offset_5_of_12{margin-left:40.7%}.offset_4_of_12{margin-left:32.24%}.offset_3_of_12{margin-left:23.78%}.offset_2_of_12{margin-left:15.32%}.offset_1_of_12{margin-left:6.86%}
.col_3_of_12 {
    width: 26%;
    float: left;
}
.col_9_of_12{width: 73%; float: left; margin: 0 1% 0 0;}
#pufflong{width: 100%; float: left; padding: 10px 0 0;}

/* custom grid */
.header .col.span_1_of_5{width:20%;margin:0;}
.PT_Wrapper.col.span_3_of_12{width:25%;margin:0;}
.menubar .col.span_1_of_4 {
    margin: 0;
    width: 25%;
    text-align: center;
}
.menubar .col.span_1_of_4 i.fa.fa-times {
    line-height: normal;
    height: auto;
}
.menubar.hide {
    display: none;
}

/*
-----------------------------------------------------------------------------------------
  ARBETSYTA / GENERAL BLOCKS
-----------------------------------------------------------------------------------------
*/
/* BREDDER */ 
#wrapper, .footer, .topline, #footer-wrapper .section, #topbar .section, .header .section, .BWrap{max-width:1200px;}
#footer-wrapper .section, #topbar .section, #wrapper, .header .section, .BWrap{ margin:0 auto;}

select {
    -webkit-appearance: none;
    height: 35px;
    line-height: 35px;
    padding: 0 40px 0 10px;
    border-radius: 0;
    border: 1px solid #eee;
    position: relative;
    background: url(/bilder/butik/chevron-down.png) no-repeat center right 10px;
    background-size: 15px;
    background-color: #f9f9f9;
    cursor:pointer;
    background-color:#fff;
}

input, select {
    font-size: 1.1em;
}
input[type="text"], input[type="password"]{
    -webkit-appearance: none;
    border: 1px solid #D2D2D2;
    border-radius:0;
    height:35px;
    line-height:35px;
}

.hl {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 500;
}

/* TOPBAR */

/* HEADER */
.header {padding:0;}
.header-wrapper {position:fixed; z-index:10;
       box-shadow: 0px 1px 2px rgba(56, 60, 62, 0.29);
}
.menubar{margin:0;position:relative;}
.toggle-drop{     box-shadow: 0px -1px 2px rgba(56, 60, 62, 0.1);border-bottom:1px solid #eee;}

.menubar .col.span_1_of_4, .menubar .col.span_1_of_4 i.fa{height:70px;line-height:70px;}
.menubar .col.span_1_of_4 {
    margin:0;
    display: inline-block;
    text-align:center;
}
.header .menubar .col.span_1_of_4 span {
    text-transform: uppercase;
    font-weight: bold;
    display:inline-block;
    float:left;
}
.header i.fa{
  font-size: 35px;margin: 0 20px 0 0;float:left;
}
.logo a {
    width: 100%;
    height:70px;line-height:70px;
    border-top: 0;
    transition: all 0.2s ease;
    background:transparent;
    display:inline-block;
}
.logo a img {
    max-width: 85%;
    vertical-align: middle;
  /*  max-height: 85%; */
    max-height:75%;
    width: auto;
    height: auto;
}
.toggle-active .logo a {
    height: 70px;
    border-bottom: 0;
    line-height: 70px;
}
.toggle-btn{cursor:pointer;}
.toggle-area.active .toggle-drop {
    display: block;
    left: 0;
    width: 100%;
    background: #f9f9f9;
    line-height: normal;
    position: absolute;
    left: 0;
    top: 100%;
}

/* search */
#lblTerm {
    display: none;
}
.LSS_Input, .LSS_Container input {
    float: left;
    display: inline-block;
    margin:20px 0;
}
.LSS_Container input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}
#sokterm {
    padding: 0 10px;
    font-size:14px;
}
#sokterm:focus {
    outline: none;
    border: 1px solid #d2d2d2;
}
.sokrutan .section {
    position: relative;
}

.usp {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    background: linear-gradient(to bottom, #F9F9F9 0%,#e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f7', endColorstr='#ebf0f3',GradientType=0 );
    box-shadow: 0px 1px 2px rgba(56, 60, 62, 0.29);
    max-height: 60px;
    overflow-y: hidden;
}
.header .usp .col{
    height: auto;
    line-height: normal;
    margin: 5px 0;
}
.usp .col.span_1_of_12 {
    width: 8.3%;
}
.usp .col.span_2_of_12 {
    width: 16.6%;
}
.usp .col.span_3_of_12 {
    width: 25%;
}

.usp img {
    max-height: 25px;
    width: auto;
    vertical-align: middle;
}
.header .usp i.fa {
    font-size: 20px;
    float: none;
    display: inline-block;
}
.usp span {
    line-height: normal;
    vertical-align: middle;
    display: table-cell;
}

.usp .center{line-height:50px;}
/* WRAPPER */
#bodywrapper {min-height:100%; position:relative;}
#wrapper {padding:140px 0 450px 0;}
.toggle-active #wrapper {/*padding-top: 200px;*/padding-top:240px;}
 .close, .Close{
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    line-height: normal;
    padding: 10px;
    z-index: 10;
}
.close i.fa, .Close i.fa{
    font-size: 20px;
    height: auto;
    line-height: normal;
    margin:0;
}

.headline {
    width: 100%;
    font-size: 1.2em;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    padding: 0 10px;
    font-weight: bold;
}
.headline_small {
    font-weight: bold;
    font-size: 1.2em;
    width: 100%;
    float: left;
    margin:0 0 5px 0;
}
/* startpage */
.section.startpage {
    max-width: 700px;
    margin: 0 auto;
}
.startpage-seo {
    margin: 30px 0;
    padding: 10px;
}
.startsida_bild {
    position: relative;
}
/*.startsida_bild .bildtext {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10% 5%;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
}*/
.startsida_bild .bildtext {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2% 5%;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
}

.startsida_bild .bildtext a {
    height: 35px;
    line-height: 35px;
    display: inline-block;
    padding: 0 20px;
    margin: 5px 0;
}
.startsida_bild .bildtext a:hover{
    color:#5e96b3;
}
.startsida_bild .bildtext a:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 10px;
}
.puffar a {
    display: inline-block;
    max-width: 100%;
}
.puffar a:hover, .startsida_bild a:hover {
    opacity: 0.6;
}
.usp .phone i.fa {
    font-size: 25px;
}
.header i.fa.fa-check {
    color: #0A964E;
    margin: 0 0 0 10px;
}


/* FOOTER */
#footer-wrapper {padding:20px 0px; width:100%; position:absolute; bottom:0;}
#footer-wrapper ul {list-style-type: none;padding: 0;margin:0;}
.askas {margin:20px 0; width:100%;}

.kampanjmenu ul li br {display:none;}
.mobile-only {display:none;}

#nyheter b {
    font-weight: 400;
    float: left;
    text-align: left;
}
#nyheter{background: #79A9D8;}
#nyheter img{display:none;}
#nyheter a {
    display: inline-block;
    float: left;
    margin-bottom: 5px;
}
#nyheter br{display:none;}
#nyheter a:last-of-type {
    background: #254C71;
    color: #fff;
    height: 35px;
    line-height: 35px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
}
#footer-wrapper ul li a {
    display: inline-block;
    padding: 0 0 10px;
}
.footer-text p {
    display: inline;
    margin: 0;
}
.footer-text h1 {
    font-size: 1em;
    display: inline;
}

.soc_med i, .soc_med span {
    font-size: 1.2em;
}
.soc_med a {
    display: inline-block;
    margin: 20px 0 0;
}
.soc_med p{margin:5px 0;}

.certifiering .col.span_6_of_12 {
    height: 100px;
    line-height: 100px;
    margin-top:20px;
}
.certifiering .col.span_6_of_12 img {
    vertical-align: bottom;
}
.certifiering .col.span_6_of_12 a {
    line-height: normal;
}
.Minsida_aterstall_tabell input[type="text"] {
    width: 200px;
}
.Minsida_aterstall_losenord {
    max-width: 325px;
    margin:50px auto;
}

/*
--------------------------------------------------------------------------------------------------
  ARTIKELGRUPP_STD Lista1 artikelgrupp
--------------------------------------------------------------------------------------------------
*/
/* GENERELLT */
.Egen_Infogad_HTML {margin:0 0 10px;}
.Artgrp_VisaFler{text-align:right;}

/* ENSKILD PRODUKT */ 
.PT_Wrapper {
    text-align: center;
    padding: 15px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
.PT_Bildruta:hover{opacity:0.8;}
.PT_Bildruta {
    height: 180px;
    line-height: 180px;
}
.PT_Text_Kort {
    height: 52px;
    overflow: hidden;
}
.PT_Knappar table {
    margin: 0 auto;
}
.PT_Pris {
    font-weight: bold;
}
.PT_Beskr {
    text-transform: uppercase;
    font-size:1.1em;
    height:42px;
}
.IkonKampanjArtgruppFaltSV:before {
    content: "Kampanj";
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 25px;
    font-size: 14px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    left: -27px;
    top: 14px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d80000+0,c40600+100 */
    background: #d80000; /* Old browsers */
background: -webkit-linear-gradient(#d80000 0%, #c40600 100%);
background: -o-linear-gradient(#d80000 0%, #c40600 100%);
background: linear-gradient(#d80000 0%, #c40600 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80000', endColorstr='#c40600',GradientType=0 ); /* IE6-9 */

}

.Artgrp_VisaFler a,  .Artgrp_VisaFler span.Artgrp_VisaFlerArtiklar_Markerad {
    padding: 10px;
    margin: 0 0 10px 5px;
    display: inline-block;
    border-radius: 3px;
    background: linear-gradient(to bottom, #F9F9F9 0%,#e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f7', endColorstr='#ebf0f3',GradientType=0 );
    box-shadow: 0px 1px 2px rgba(56, 60, 62, 0.29);
}
.Artgrp_VisaFler span.Artgrp_VisaFlerArtiklar_Markerad, .Artgrp_VisaFler a:hover {
    background: linear-gradient(to bottom, #dddddd 0%,#e4e4e4 100%);
}
.UG-Wrap-Namn h2 {
    float: left;
    font-size: 1em;
    margin: 10px 0;
}
#ListaOmArtiklarSaknas ul li {
    display: inline-block;
}
#ListaOmArtiklarSaknas ul li a, .UG-Wrap-Namn h2 a {
    padding: 10px;
    margin: 10px 10px 0 0;
    border: 1px solid;
    color: #6B99C5;
    display: inline-block;
    text-transform: uppercase;
}
#ListaOmArtiklarSaknas ul li a:after, .UG-Wrap-Namn h2 a:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 10px;
}

/*
--------------------------------------------------------------------------------------------------
  PRODUKTBESKRIVNING
--------------------------------------------------------------------------------------------------
*/
/* BILDKOLUMN */
#Bildkolumn{position:relative;}
.ProduktBild {
    width: 100%;
    margin: 0 0 10px 0;
    position: relative;
    height: 430px;
    position: relative;
    line-height: 430px;
}
.ProduktBild img{vertical-align:middle;}
.BildZoomThumbnails { width:60px; height:60px; float:left; margin:0 5px 5px 0; }
.ProduktBildtext {width:100%; margin:10px 0px;}
.BildZoomThumbnails a, .MediaPlay a {display: table-cell; width:60px; height:60px; border:1px solid #f1f1f1; margin:0px 5px 5px 0; vertical-align: middle;}
.BildZoomThumbnails img {display: block; margin: 0 auto;}
.MediaPlay {background-position: center center; background-repeat: no-repeat; }
.MediaPlay a {}
#VarumarkeFalt { position: absolute; top: 0; left: 0;z-index: 1;background: #fff;}
.MediaPlay a.youtube:before {content: "\f16a";font-family: FontAwesome;font-size: 35px;color: #C10B0B;}

/* PRODUKTKOLUMN */
#VarumarkeFalt {margin:0 0 15px 0;}
#Avbetalning {background:#F2F2F2; padding:10px;}
#FaltRader, #KundBetygRad {margin:10px 0;}
.TextKort li {margin:0 10px;}
#Produktinfo li {margin:0 15px;}
.ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {margin:0 0 5px 0;}
.TeknSpec_Tabell{width:100%; border:0; margin:10px 0; padding:0;background: #E8E8E8;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{padding:5px;vertical-align:top;}
.egenskapstabell {text-align: left;}
#Faktablad { overflow: hidden;position: relative;}
#Faktablad.overflow{max-height:1100px;}
#Faktablad.overflow:after { content: "";position: absolute; bottom: 0;left: 0;height: 100px;box-shadow: inset 0px -100px 50px -50px #FFF; width: 100%;}
.showmore{border-bottom:1px solid;text-align:center;cursor:pointer;height:35px;line-height:35px;text-transform:uppercase;width:100%;display:inline-block;}
.showmore:after {content: "\f078"; font-family: FontAwesome;padding: 0 0 0 10px;display: inline-block; position: relative;bottom: 1px;}
.showmore.active:after{content:"\f077";}
#Bildkolumn, #Faktakolumn, #ArtikelnamnFalt{padding: 0 10px;}
#Produktinfofalt {  text-align: left;}
#Produktinfofalt i {font-size: 22px;}

/* VARIANTARTIKLAR */
.Egenskaper_Tabell {width:100%; margin:0 0 10px;}
.Egenskaper_Tabell td {line-height:40px;}
.Egenskaper_Tabell select {margin:0px 0px 5px 0px;width:100% !important;}
#Faktakolumn .egenskapstabell a {color: #000;}
.ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:35px; line-height:35px;}
.Laggikorgen_Antalsfalt {border:1px solid #F1F1F1; text-align:center; width:40px !important;}
#PrisFalt {font-size: 2em;font-weight: 400;margin-bottom:20px;}
#SubmitFalt table, #SubmitFalt td.Knapp_Kop { width: 100%;}
#FraktFalt, #ArtnrFalt, #LevtidFalt {
    padding: 0 0 0 5px;
}

/*
--------------------------------------------------------------------------------------------------
  SÖKFUNKTION
--------------------------------------------------------------------------------------------------
*/
#LSS_Result {
    position: absolute;
    left: 0;
    top: 101%;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 10px;
}
#LSS_Result .col.span_4_of_12 ul,  #LSS_Result .col.span_4_of_12 li {
    display: inline-block;
    list-style-type: none;
    width:100%;
    padding:5px 0;
}
a.LSS_Artikel {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.LSS_Artiklar .Bild {
    height: 100px;
    line-height: 100px;
}
.LSS_Artiklar .Bild img {
    max-height: 90px;
    width: auto;
    max-width: 100%;
    height: auto;
}
ul.LSS_Artiklar {
    display: inline-block;
    border: 1px solid #EEEEEE;
    height: 482px;
    overflow-y: scroll;
    background: #F9F9F9;
    width:100%;
}
#LSS_Close {
    display: none;
}
.LSS_Art_Tex {
    height: 25px;
    overflow: hidden;
}
.LSS_Varumarken, .LSS_Artikelgrupper {
    border: 2px solid #eee;
    height: 207px;
    overflow-y: scroll;
    padding: 10px !important;
    text-align: left;
}
.LSS_Varumarken span, .LSS_Artikelgrupper span {
    float: none !important;
}
#LSS_Result .headline {
    text-align: left;
    padding: 0;
}


/*
--------------------------------------------------------------------------------------------------
  INLOGGNING
--------------------------------------------------------------------------------------------------
*/
.inloggningsruta .input, .inloggningsruta .submit{float: left;text-align: left;padding: 20px 10px;}
.inloggningsruta input, .inloggningsruta label, .LSS_Input input{float:left;margin:0 5px;height:35px;line-height:35px;}
a.forgotpassword{ float: left;clear: both;font-style: italic;color: #5E96B3; padding: 5px;}
form[name="BestForm"] {
    max-width: 550px;
    margin: 50px auto !important;
}
.Kassan form[name="BestForm"] {
    max-width: 100%;
    margin: 0 !important;
}
.loggain-form {
    max-width: 550px;
    margin: 50px auto;
}
.loggain-form label {
    height: 35px;
    line-height: 35px;
}
.loggain-form .col.span_2_of_12 {
    width: 110px;
}
.loggain-form .col.span_10_of_12 {
    width: calc(100% - 120px);
    -moz-width: calc(100% - 120px);
    -webkit-width: calc(100% - 120px);
}
.loggain-form a {
    margin: 5px 0;
    min-height: 35px;
    height: auto;
}

/*
--------------------------------------------------------------------------------------------------
  KNAPPAR
--------------------------------------------------------------------------------------------------
*/
/* KÖPKNAPPAR */
.PT_Knappar td{display:none;}
.PT_Knappar td.Knapp_Info{display:inline-block;}
#SubmitFalt .Knapp_Kop_Tabell_Artikel a {float: left; height:40px; line-height:40px; padding:0; width:100%;}

/*
--------------------------------------------------------------------------------------------------
  VARUKORG
--------------------------------------------------------------------------------------------------
*/
#kundvagn {box-shadow: inset 0px 0px 20px #567EA5;position:relative;}
.Varukorg { float:left;}
.AIRvarukorg-Text span{padding:0 10px 0 0;}
#AIRvarukorg-Wrap {
    position: absolute;
    right: -1px;
    width: 100%;
    top: 100%;
    display: inline-block;
    width: 500px;
    border: 1px solid #C0D0D8;
    max-height: 500px;
    overflow: scroll;
}
#AIRvarukorg-Wrap .Img {width: 100px; height: 100px; padding: 0 10px;float: left; line-height: 100px;}
#AIRvarukorg-Wrap .Img img {  vertical-align: middle;}
.Sub, .Add, .Rem {height: 40px;line-height: 40px;display: inline-block;padding: 0 10px;cursor:pointer;}
.Sub img, .Add img, .Rem img {width: 15px;}
.DescrWrap { width: calc(100% - 345px); float: left; display: inline-block;text-align: left;}
.TxtWrap input { width: 40px; height: 40px; text-align: center;font-size: 16px;  display:inline-block;font-weight:bold;}
.TxtWrap {height: 100px;line-height: 100px;}
.Price {width: 100px;display: inline-block;font-weight:bold;}
#AIRvarukorg-Wrap .Footer {position: absolute;top: 0;left: 0;height: 100px;line-height: 100px; width: 100%;background: #f9f9f9;}
.RowWrap {
    display: inline-block;
    padding-top: 100px;
    width:100%;
}
.BWrap{display:inline-block;width:100%;}
.SumWrap, .SumTxt, .Sum, .Checkout {display: inline-block;width: auto; padding: 0 10px;font-size:1.1em;}
.Row {display: inline-block;width: 100%;height: 100px;float: left;overflow-y: hidden;}
#AIRvarukorg-Wrap a {display: inline-block;width: 100%;}
span.AIRvarukorg-Qty{float:right !important;}

/*
--------------------------------------------------------------------------------------------------
  LSS
--------------------------------------------------------------------------------------------------
*/


/*
--------------------------------------------------------------------------------------------------
  BLANDAT 
--------------------------------------------------------------------------------------------------
*/
#dialogruta {visibility:hidden; position:absolute; left:0px; top:0; z-index:3005; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0; width:100%; height:100%;}
#Felmeddelande {line-height:16px; width:40%; top:7%; margin:0 auto; padding:15px; position:relative; background:#fff; box-shadow: 0 0 6px 0 rgba(200, 200, 200, 0.8); 
-moz-box-shadow: 0 0 6px 0 rgba(200, 200, 200, 0.8); -webkit-box-shadow: 0 0 6px 0 rgba(200, 200, 200, 0.8);}
#Felmeddelande img {display:none;}
.popupfonster-top {width:430px; margin:10px 0px 10px 10px}
.popupfonster-content {width:430px; border:1px solid #999; padding:10px; margin:0px 0px 0px 10px;}
/*
--------------------------------------------------------------------------------------------------
  Kassan
--------------------------------------------------------------------------------------------------
*/
.Snabbkassa_Artiklar_FyndaIKassan td.Knapp_Kop { display: inline-block;}



/*
--------------------------------------------------------------------------------------------------
  CSS3-EFFEKTER
--------------------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------------------------
 ACM 
 --------------------------------------------------------------------------------------------------
 */

.consentInput {
	align-items: center;
	border-radius: 100px;
	display: flex;
	font-weight: 700;
	margin-bottom: 16px;
}
.consentInput:last-of-type {
	margin: 0;
}
.consentInput input[type='checkbox'] {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.consentInput input:disabled + .check-slider {
	cursor: not-allowed;
	opacity: 0.7;
}
.consentInput input:disabled + .check-slider:hover .toggle-indicator:after  {
	content: unset;
}
.check-slider {
	background-color: #ccc;
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	height: calc(16px * 2);
	margin-right: 16px;
	position: relative;
	width: calc(16px * 4);
}
.check-slider .toggle-indicator {
	align-items: center;
	background: #fff;
	border-radius: calc(16px * 2);
	bottom: 3px;
	left: 3px;
	display: flex;
	height: 26px;
	justify-content: center;
	outline: solid 2px transparent;
	position: absolute;
	width: 26px;
}
@media (prefers-reduced-motion: no-preference) {
	.check-slider .toggle-indicator {
		transition: .4s;
	}
}
.consentInput input:checked + .check-slider {
	background-color: #008448;
}
.consentInput input:checked + .check-slider .toggle-indicator {
	transform: translateX(32px);
}
.consentInput input:focus + .check-slider {
	outline: 2px solid #410080 !important;
}

/* Bar */
#cookie_consent{
	position: fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:calc(16px * 2);
	z-index:12;
	background:#fff;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}
.cookie_consent_wrap{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
#cookie_consent h2{
	margin:0;
}
#cookie_consent_text p{
	margin:16px 0 calc(16px * 2) 0;
}
#cookie_consent .button-wrapper{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
    justify-content: center;
	/* align-items:center; */
	gap: 1rem;
    flex-wrap: wrap;
}

@media only screen and (min-width: 64.01em) {
	.cookie_consent_wrap{
		flex-wrap: nowrap;
	}
	#cookie_consent_text{
		margin-right:calc(16px * 2)
	}
	#cookie_consent_text p {
		margin-bottom:0;
	}
}

/* Popup */
#cookie_consent_manager{
	position: fixed; 
	top: 50%; 
	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%); 
	max-width: 640px;
	width: 90%;
	height: auto; 
    max-height: calc(100vh - 2* 1rem);
    max-height: calc(100vh - 8* 1rem);
	overflow-y: auto; 
	padding: 40px; 
	background: #fff; 
	z-index: 30; 
	-webkit-box-shadow:2px 0px 9px 0 rgba(25,25,25,0.3); 
	box-shadow:2px 0px 9px 0 rgba(25,25,25,0.3);
	text-align: center;
	border-radius: 4px;
}
#cookie_consent_manager_wrapper .consentInput{
	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex; 
	-webkit-align-items: center; 
	-ms-flex-align: center; 
	align-items: center; 
	flex-wrap: nowrap;
	margin-bottom:16px; 
	font-weight: bold;
}
#cookie_consent_manager_confirm{
	margin-top:16px;
}
.cookie_consent_manager_block{
	margin:0 0 calc(16px * 2) 0;
}
.cookie_consent_manager_block h2{
	margin: 0;
}
.cookie_consent_manager_block p{
	margin:16px 0 0 0;
}
.cookie_manager_head{
	font-weight: bold;
	display: block;
}
@media only screen and (min-width: 64em) {
	#cookie_consent_manager{
		top: 50%; 
	}
}

/*Button*/
#cookie_consent_manager_wrapper button{
	border:1px solid transparent;
	/* width: 50%; */
	/* height: 35px; */
	/* line-height: 35px; */
	padding: 1rem 2rem;
	font-size: 14px;
	cursor: pointer;
}

input[type=checkbox]:checked::after {
	opacity: 1;
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	content: "\f00c";
	speak: never;
	font-family: "FontAwesome";
	font-weight: 900;
	font-size: 0.8em;
	pointer-events: none;
}