/* Övrigt, till designen */

@font-face {
  font-family: ptsans;
  src: url(fonts/PTSans-Regular.ttf);
}

@font-face {
  font-family: ptsansbold;
  src: url(fonts/PTSans-Bold.ttf);
}


html{
	height:100%;
}



a {
    color:#000;
   /* text-decoration: underline; */
}


#mainCont a {


}
.mainContGrey {
    /*background-color: #F2F2F2;*/
    /*background: linear-gradient(#f6f6f6, #FFF);*/
    background: linear-gradient(#f7f2f3, #FFF);
}
body {
    font-family: ptsans;

}
.txtBtn {
    padding: 0em 0.3em 0.1em 0.3em;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
}

/* TA BORT
.txtBtnRed {
    padding: 0em 0.3em 0.1em 0.3em;
    background-color: rgba(255,0,0,0.8);
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
}*/




.outBtn {
    padding: 0em 0.3em 0.1em 0.3em;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;

    background-color:#ED3D3D;
    position: absolute;
    top:5.5em;
    right:1.1em;

}





.inBtn {
    font-family: ptsans, sans-serif;
    display:block;
    color:#FFF;
    background-color: rgba(102,170,126, 0.9); /*grön: 76,175,99     röd: 226,31,54*/
    text-decoration: none;
    padding:0.8em;
    text-align: center;
    font-size:1.2em;
    border-radius: 0.2em;
    /*text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);*/
      /*box-shadow:         2px 2px 5px rgba(0,0,0, 0.5);*/
     cursor: pointer;
}





#loadingImg {
    display: none;
    position: fixed;
    top: 41%;
    height: 8em;
    left: 40%;
    width: 20% !important;
    background-image: url('/images/loading.gif');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}


.inBtnRed {
    background-color: rgba(255,0,0,0.8);
}

.inBtnRedSmall {
    background-color: rgba(255,0,0,0.8);
    display: inline-block;
    padding: 0.2em 0.8em 0.2em 0.8em;
}

.inBtnEdit {
    float:right;
    background-color: rgba(0,0,0,0.8);
    display: inline-block;
    padding: 0.1em 0.6em 0.1em 0.6em;
}


h1{
    font-family: ptsans;
    font-size:2.2em;
    font-weight: bold;
    margin-top:0em;
    margin-bottom:0.4em;

}

h2{
    font-family: ptsans;
    font-size:1.7em;
    font-weight: normal;
    margin-top:0em;
    margin-bottom:0.2em;
}


h3{
   font-family: ptsans;
    font-size:1.2em;
    font-weight: normal;
    margin-top:0em;
    margin-bottom:0.5em;
}

h4{
   font-family: ptsans;
    font-size:0.9em;
    font-weight: normal;
    margin-top:0em;
    margin-bottom:0.5em;
    color: #979797;
}

.kontoH1 {
    margin-top: 0em;
}

p {
    font-family: ptsans;
    font-size:1.1em;
    margin-top:0.5em;
    margin-bottom:1.1em;
    line-height:1.3em;
}
.pc {
     font-size:1.1em;
}
.pc h2 {
     margin-top: 0.3em;
}
.messRed {
    border:solid 2px #ED3D3D;
    color:#ED3D3D;
    padding:1em;
    background-color: #FFFFE6;
    border-radius: 0.2em;
    margin-bottom: 0.5em;
    text-align: center;
}


.messGreen {
    border:solid 2px #5ba35b;
    color:#5ba35b;
    padding:1em;
    background-color: #FFFFE6;
    border-radius: 0.2em;
    margin-bottom: 0.5em;
    text-align: center;
}


.half1 {
    width: 49%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.half2 {
    width: 49%;
    float: left;
    text-align: left;
}


.half1start {
    width: 62%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.half2start {
    width: 36%;
    float: left;
    text-align: left;
}


.prodImage {
    position:relative;
     width: 39%;
    margin-right:2%;
    float: left;
    text-align: left;
    background-color: #FFF;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
    padding:1em;
    box-sizing: border-box;
}
.prodImage img {
    margin-left: auto;
    margin-right: auto;
    max-height: 40em;
}

.prodImage .icon {

    width:6em;
}


.passarBox {
    float: left;
    margin-right: 1em;
    position: relative;
    border-radius: 4em;
    border: solid 2px #FFF;
    width: 3em;
    height: 3em;
    margin: 0 1em 3em 1em;
    background-image: url(/images/passarbg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}
.circleBox {
    float: left;
    margin-right: 1em;
    position: relative;
    border-radius: 4em;
    border: solid 2px #000;
    width: 3em;
    height: 3em;
    margin: 0 1em 0 1em;
    background-color: #FFF;

}
.circleCut {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    transform: rotate(180deg);
}
.circle {
    box-sizing: border-box;
    border-radius: 4em;
     border: solid 2px #FFF;
    width: 3em;
    height: 3em;
    background-color: #000;
}
.prodInfo {
     width: 59%;
    float: left;
    text-align: left;
}
.prodInfo h4{
   font-family: ptsans;
    font-size:1.2em;
    font-weight: normal;
    margin-top:-0.5em;
    margin-bottom:0.5em;
    color: #979797;
}

.pageBox  {
    position: relative;
    /*padding:1.5em;*/
    margin:2em 0 2em 2em;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pbc {
    margin:0.5em 0.75% 0.5em 0.75%;
    width: 31.8%;
}


.category {
    position: absolute;
    bottom: 1em;
    right: 1em;
    background-color: rgba(102,170,126, 1);
    color: #FFF;
    padding: 0.4em;
    font-size: 0.78em;
    text-transform: uppercase;
}
.cte {
    right:auto;
    left: 1em;
}
.categoryDet {
    display: inline-block;

    background-color: #ffa400;
    color: #FFF;
    padding: 0.4em;
    font-size: 0.78em;
    margin-bottom: 1em;
    text-transform: uppercase;
}


.pageBoxText {
    display: block;
    position: absolute;
    top:1em;
    left: 1em;
    right:1em;
    bottom:1em;
    color: #FFF
}

.pageBoxText h2{
    font-size: 1.5em;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
     /* mix-blend-mode: difference;*/
    text-align: left;
}




#imageCont img {

    max-height: 14em;
}

.thirdFullMob {
    width: 32%;
    margin-right:1.33%;
    float: left;
    text-align: left;
}

.third {
    width: 32%;
    margin-right:1.33%;
    float: left;
    text-align: left;
}

.twoThird {
     width: 66.66%;
    float: left;
    text-align: left;
}





/* TA BORT
.add {
    background-image: url("/images/add.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: black;
    padding:0.8em;
    font-size:1.2em;
     border-radius: 0.2em;
    cursor: pointer;
    box-sizing: border-box;
}
*/




.table33 {
    width: 32%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.t33 {
    width: 32%;
    margin-right:0;
}

.table67 {
    width: 67%;
    margin-right:1%;
    float: left;
    text-align: left;
}

.table30 {
    width: 29.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

#amount {
    display: none;
}


.table32c5 {
    width: 32.3%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

.table12c5 {
    width: 12.3%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}




.tblBg {
    box-sizing: border-box;
    padding: 0.4em;
    white-space: nowrap;
    overflow: hidden;
    /*text-overflow: ;*/
}

.tableLista1 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.tableLista2 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.tableLista3 {
    width: 44.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    position: relative;
}
.tableLista4 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.tableLista5 {
    width: 15%;
    margin-right:0%;
    float: left;
    text-align: left;
}


.fakturaTableLista1 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista2 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista3 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    position: relative;
}
.fakturaTableLista4 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista4b {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista5 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista6 {
    width: 25%;
    margin-right:0%;
    float: left;
    text-align: left;
    position: relative;
}

.kundTableLista1 {
    width: 32.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.kundTableLista2 {
    width: 32.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.kundTableLista3 {
    width: 34%;
    margin-right:0%;
    float: left;
    text-align: left;
}
.kundTableLista4 {
    width: 19.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.kundTableLista5 {
    width: 20%;
    margin-right:0%;
    float: left;
    text-align: left;
}

.sendInv {
    width: 1.6em;
    display: inline-block;
}
.tblBgA {
    background-color: #CCC;
}
.tblBgB {
    background-color: #F2F2F2;
}






.sumFldBox {
    box-sizing: border-box;
    padding: 0.5em;
    border: solid 1px #000;
    margin-bottom: 1em;
}

.sumFld {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 1em 0;
}



.selCont {
    position: relative;
}
.avdrag {
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    overflow: hidden;
    height: 2.5em;
}
.RR {
    font-size: 0.7em;
    padding-top: 0.15em;
}
.table20 {
    width: 19.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.table20nomarg {
    width: 20%;
    margin-right:0%;
    float: left;
    text-align: left;
}



.table15{
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

.table15nomarg {
    width: 15%;
    margin-right:0%;
    float: left;
    text-align: left;
}

#bookLines>div {
    position: relative;
}

.table7c5 {
    width: 7.3%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.table27c5 {
    width: 22.3%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

.table10 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

.table10nomarg {
    width: 10%;
    margin-right:0%;
    float: left;
    text-align: left;
}




.delver {
    position: relative;
}
.delver:after {
      position: absolute;
      right: 10%;
      top: 47%;
      height: 3px;
      background: rgba(255, 0, 0, 0.8);
      content: "";
      width: 90%;
      display: block;
}





.noEditBox {
    background-color: #FFFFE6;
}
.noEdit{
    background-color: unset;
    border: none;
}

#showDiff {
    color:#FF0000;

}


.hideFirst {
    display: none;
}
.smallWarning {
    padding: 0em 0.5em 0em 0.5em;
    background-color: #ED3D3D;
    color:#FFF;
    border-radius: 2em;
}
.smallOk {
    padding: 0em 0.5em 0em 0.5em;
    color:#000;
    border-radius: 2em;
}
#mall0 {
    display: none;
}
#sparaBtn {
    background-color: rgba(255,0,0,0.8);
}
.inLink {
    background-color: #5ba35b;
    color: #FFF;
    text-decoration: none;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0.2em 0 0.2em;
}

.lageHead {
    float: left;
}

.menuItemLeft {
    float:left;
    padding:0.65em;
    text-align: center;
    color: #FFF;
    box-sizing: border-box;
    font-weight: normal;
    /*background-color: rgba(0, 0, 0, 0.75);*/
    background-color: rgba(76,175,99,1); /*grön: 76,175,99     röd: 226,31,54*/
    /*text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);*/
    /* box-shadow:         1px 1px 1px rgba(0,0,0, 0.5);*/
    /*background-position: bottom center;*/
   /* background-repeat: no-repeat;*/
    /*background-size: contain;*/
    border-radius: 0.1em;
    text-decoration: none;

}
.showArrow {

    background-image: url('/images/showarrow.png');
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(76,175,99,0.3); /*grön: 76,175,99     röd: 226,31,54*/
    color: #333;
     margin-right: 0.5em;
    padding-left: 1em;
}


#delConfirm {
    display: none;
}


.lageKonto {
    float: right;

}


.momsBtn {
    float: right;
    padding: 0.4em;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px #CCC;
    cursor: pointer;
    margin-left: 0.2em;
    opacity: 0.5;
}

/*
.full {
    width: 100%;

    text-align: left;
}*/





/* Layout */
.crsr {
    cursor: pointer;
}
.siteWrap{
    position: relative;
    max-width: 1040px; /*Remove to fill screen width */
    margin: 0px auto;
    /*background-color: #F2F2F2;*/
    padding:1em 1em 1em 1em;
    box-sizing: border-box;
}
.siteWrapNews{
    position: relative;
    max-width: 1040px; /*Remove to fill screen width */
    margin: 0px auto;
    /*background-color: #F2F2F2;*/
    padding:1em 1em 1em 1em;
    box-sizing: border-box;

}

#age{
    display: none;
    position: fixed;
    top:7em;
    left:0;
    right:0;
    box-shadow: 4px 4px 20px 10px rgba(0,0,0,0.2);
    max-width: 600px; /*Remove to fill screen width */
    margin: 0px auto;
    background-color: #FFF;
    color:#000;
    padding:3em 1em 4em 1em;
    box-sizing: border-box;
    z-index: 1001;
    text-align: center;

}
#age img {
    width: 40%;
    margin-left: 30%;
}



.siteWrapFull{
    position: relative;
    /*max-width: 1040px; /*Remove to fill screen width */
    margin: 0px auto;
    /*background-color: #F2F2F2;*/
    padding:1em 1em 1em 1em;
    box-sizing: border-box;
}
.siteWrapHead{
    position: relative;
    max-width: 1040px; /*Remove to fill screen width */
    margin: 0px auto;
    /*background-color: #F2F2F2;*/
    padding:0em 1em 0em 1em;

}

.swBokf {
    width: 100%;
    /*max-width: 100%*/
    max-width: 1600px;
}
#logoTop {
    display: block;
    position:relative;
    width:100%;

    margin: 0px auto;
    background-color: #FFF;
    color:#FFF;

    box-sizing: border-box;
    border-bottom:solid 1px rgba(0,0,0, 0.05);
     /*box-shadow:         0px 2px 4px rgba(0,0,0, 0.5);*/
}



.aLine {
    border-bottom: solid 1px #000;
    padding-bottom: 0.5em;
}
#siteLogo{
    display: block;
    width:15%;
    margin-left: 0%;
    float:left;
}



#headerTop {
    display: block;
    position:relative;
    width:100%;
    /*max-width: 1040px; /*Remove to fill screen width */
    margin: 0px auto;
     /* background-color: rgba(234,225,214,1);*/
    background-color: rgba(247,238,241,1);
     /*background-image: url('/images/start.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;*/
    color:#000;
    box-sizing: border-box;
    /*border-bottom:solid 1px #000;
    border-top:solid 1px #000;*/
    /*box-shadow:         0px 2px 4px rgba(0,0,0, 0.5);*/
    padding: 0 0 0em 0;
     border-bottom:solid 1px rgba(0,0,0, 0.01);
}


#nyhetsbrev {
    margin-top: 2em;
     background-color: rgba(247,238,241,1);
    z-index: 5000;
}


.nyhetsbrevBild {
    min-height: 10em;
    /*margin-bottom: -2em;*/
     background-image: url("/imagescont/bildnyhetsbrev.jpg");
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}
#nyhetsbrevBildX {
    width: 3em;
    position: absolute;
    top:0.5em;
    right:0.5em;
    display: none;
}




.centext {
    text-align: center !important;
}


#headerTop h1 {
    font-family: ptsansbold;
    font-size: 4.2em;
    color: #000;
    text-align: left;
    display: block;
    line-height: 1em;
    box-sizing: border-box;
    margin-bottom: 0.4em;
}

#headerTop p {
    font-family: ptsans;
    font-size: 1.2em;
    color: #000;
    text-align: left;
    display: block;

    box-sizing: border-box;
    margin-bottom: 0.4em;
}


.mainInfo {
    text-align: left;
    padding:1em 0em 1em 0em;
    width: 70%;
    float:left;
    box-sizing: border-box;
}

.mainInfoFull {
    width:100%;
}

.mainInfoUp {
    margin-top:1em;

}




.mainFakt {
    width: 100%;

    box-sizing: border-box;
}
.link {
    width: 100%;
    height: 100%;
}
.notice {
    color: rgba(226,31,54,1) !important;
    color: rgba(76,175,99,1) !important;
    text-transform: uppercase;
    font-family: ptsansbold !important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.7;
  }
}

.startHeight {
     min-height: 17em;
}
.startText {
    padding-top: 6em;
}



#visaPriser {
    padding-top: 3em;
    text-align: center;
}
#visaPriser #testaNu {
    display: none;
}


.instagram {
    width: 20%;
    margin-left: 2%;
    float:right;
}
.facebook {
    width: 20%;
    margin-left: 2%;
    float:right;
}
.facebook2 {
    width: 20%;
    margin-left: 2%;
    float:right;
}

.selectWine {
    display:inline-block;
    width: 5.35%;
    margin: 0 1% 0 1%;
    text-decoration: none;
    text-align: center;
}
.selectCountry {
    display:inline-block;
    width: 5.35%;
    margin: 0 1% 0 1%;
    text-decoration: none;
    text-align: center;
}




.selText {
    padding-top: 0.3em;
    font-size: 0.8em;
}
.selTextSmak {
    display: block;
    width: 4.5em;
    text-align: center;
    padding-top: 0.3em;
    font-size: 0.8em;
    position: absolute;
    bottom:-2.8em;
    margin-left: -0.5em;
    height: 2em;
}


#footer {

    /* box-shadow: 1px 1px 1px #999;*/
    border-top: solid 1px rgba(0,0,0, 0.01);


    margin:2em auto 0% auto;
    width:100%;
    height:auto;
    /*background-color: #FFF;*/
    box-sizing: border-box;
    /*background-color: #F2F2F2;*/
    background-color: #F2F2F2;
    color: #000;
    /*font-size: 0.9em;*/
    /*box-shadow: 0 50vh 0 50vh #F2F2F2;*/
    box-shadow: 0 50vh 0 50vh #F2F2F2;



}
#footerBox {
/*box-shadow:         0px -2px 5px rgba(0,0,0, 0.3);*/
}

#footerWrap{
    position:relative;
    max-width: 1040px;
    margin: 0px auto;
    padding:2em 1em 9em 1em;
     box-sizing: border-box;


}

.imgBorder {
    border: solid 1px #CCC;
}



.foot1 {
    float:left;
    width:35.3%;
    text-align:left;
    box-sizing: border-box;
}

.foot1 img {
    width:40%;

    display: inline-block;
    margin-right:1em;
    margin-bottom:0.5em;

}

.footMid {
    float:right;
    width:12.65%;
    text-align:left;
    margin:0 1.5% 0 1.5%;
}
.footMid img {
    width: 40%;
    margin-left: 30%;
}

.foot2 {
    float:right;
    width:15.3%;
    text-align:right;
}

.foot2 img {

    /*width:70%;*/

}


.footLast img {

}




.clr {
    clear:both;
    height:0px;
    width:1px;
}



.clr_two {
    clear:both;
    height:10px;
    width:1px;
}

.clr_height {
    clear:both;
    height:2em;
    width:1px;
}

.clr_height_big {
    clear:both;
    height:3em;
    width:1px;
}

.clr_line {
    clear:both;
    height:3em;
    width:100%;
    border-bottom: solid 1px #CCC;
    margin-bottom: 3em;
}


#mobMenuIcon {
    display: none;

}



.delDruva {
    background-color: #ED3D3D;
    color: #FFF;
    padding: 0.1em 0.6em 0.1em 0.6em;
    margin-left: 0.5em;
    border-radius: 0.4em;
}

#mobMenuOver {
    display:  none;
}
#menuOver {
    width: 85%;
    text-align: right;
    float:left;
    padding-top: 1.7em;
}

.menuItem {
    display: inline-block;
    padding:0.65em;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    font-weight: normal;
    text-decoration: none;
    /*background-color: rgba(0, 0, 0, 0.75);*/
    /*background-color: rgba(76,175,99,0.6); /*grön: 76,175,99     röd: 226,31,54*/
    /*background-color: rgba(163,8,49,1); /*grön: 76,175,99     röd: 226,31,54*/
    /*text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);*/
    /* box-shadow:         1px 1px 1px rgba(0,0,0, 0.5);*/
    /*background-position: bottom center;*/
   /* background-repeat: no-repeat;*/
    /*background-size: contain;*/
    border-radius: 0.1em;
    font-size: 1.1em;
    margin:0 0.05em 0.4em 0.05em;
}
.menuItem:hover {
    /*background-color: rgba(76,175,99,0.35); /*grön: 76,175,99     röd: 226,31,54*/
    background-color: rgba(102,170,126, 0.35); /*grön: 76,175,99     röd: 226,31,54*/
    background-color: rgba(244,232,234, 1); /*grön: 76,175,99     röd: 226,31,54*/


}

.sq {
    width: 100%;
}
.mmark {
    background-color: rgba(102,170,126, 0.35) !important;
   background-color: rgba(102,170,126, 0.9) !important;
    color: #FFF;

}
.menuItemFoot {
     display: block;
    padding:0.65em 0.65em 0.65em 0em;
    text-align: left;
    color: #000;
    box-sizing: border-box;
    font-weight: normal;
    text-decoration: none;
}

.menuSpace {
    display: inline-block;
    width: 1.5em;

}

.marked {
     background-color: rgba(0,0,0,0);
    color: #000;

}



.smallerText {
    font-size: 0.8em;
}
.smallDown {

    position: absolute;
    bottom: -0.8em;
    right:0.5em;
    font-size:0.8em
}

.small {
    font-style: italic;

    margin: -0.3em 0 0.4em 0;
    font-size:0.9em
}
.smallFld {

    margin: 0em 0 0em 0;
    font-size:0.9em
}


.smallReg {
    text-align: left;
    font-size:0.8em;
}

.smallRegMain {
    /*background-color: #FFF;*/

    font-size:0.9em;
     border-radius: 0.2em;
    cursor: pointer;
    box-sizing: border-box;
    margin-top: 0;
    color:#000;
    padding: 0.3em;
    text-align: right;
    /*border:solid 1px #CCC;*/
    margin-bottom: 0;
}

.hideInMob {
    display:block;
}

.hideInComp {
    display:none;
}





ul {
    margin-top:0.5em;
    padding-left:1em;
    list-style-position: inside;
 list-style: none;
}
li {
    margin-top:0.5em;


}
li::before {
  content: "✓ ";
  color: black; /* or whatever color you prefer */
    font-weight: bold;
    padding-right: 0.3em;
}




input {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding:0.6em 0.2em 0.6em 0.2em;
    border:solid 1px #CCC;
    margin:0% 0% 0.3em 0%;
    font-size:1.1em;
    color:#333;
    /*line-height:1.4em;*/
    box-sizing: border-box;
     /*border-radius: 0em;*/
    /*background-color: rgba(255, 255, 0, 0.20);*/
    background-color: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.20);
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px rgba(255, 255, 0, 0.20) inset; /* Change the color to your own background color */

}


select {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding:0.54em 0.1em 0.54em 0.1em;
    border:solid 1px #CCC;
    margin:0% 0% 0.3em 0%;
    font-size:1.1em;
    color:#333;
    line-height:1.4em;
    box-sizing: border-box;
    /*border-radius: 0em;*/
    /*background-color: rgba(255, 255, 0, 0.20);*/
    -webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.20);
}

.input[type=button] {
    background-color: #000;
}

#avdragRuta {
    border:solid 1px #000;
    padding: 1em;
    background-color: rgba(76,175,99,0.1);
    margin-bottom: 1em;
    display: none;
}

#inbRuta {
    border:solid 1px #000;
    padding: 1em;
    background-color: rgba(76,175,99,0.1);
    margin-bottom: 1em;

}

input[type=checkbox] {
    -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 0px;
    width: 3em;
    margin-left: 0%;
    margin-top: 1em;

      background-color: rgba(255, 255, 255, 0);

    -webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, 0);
    box-shadow: 0 0 0.3em rgba(0, 0, 0, 0);

}



.noEditBox {
     background-color: rgba(255, 255, 255, 1);
}
.inpBtn {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding:0.8em;
    border:none;
    margin:0% 0% 1em 0%;
    font-size:1.2em;
    color:#FFF !important;
    line-height:1.2em;
    box-sizing: border-box;
     border-radius: 0.2em;
    text-align: center;
    background-color: #000;
    cursor: pointer;
    text-decoration: none;
}

.inpBtnWh {
    background-color: #FFF;
    color:#000 !important;
    display: inline;
}
.inpBtnWhOp {
    background-color: rgba(0,0,0,0.8);
    color:#FFF !important;
    display: inline;
}
.inpFldBtn {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding:0.6em;
    border:none;
    margin:0% 0% 1em 0%;
    font-size:1.2em;
    color:#FFF !important;
    line-height:1.2em;
    box-sizing: border-box;
     border-radius: 0.2em;
    text-align: center;
    background-color: #000;
    cursor: pointer;
    text-decoration: none;
}

.opacityBtn {
    opacity: 0.2;
}
.halfBtn {
    font-family: ptsans, sans-serif;
    padding:0.8em;
    border:solid 1px #CCC;
    margin-bottom: 1em;
    font-size:1.2em;
    color:#FFF;
    line-height:1.2em;
    box-sizing: border-box;
     /*border-radius: 0em;*/
    text-align: center;
    background-color: #000;
    cursor: pointer;
}

#bokIntakt {
    display: none;
}
#bokUtgift {
    display: none;
}
/*.inpLikeFld {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding:0.8em;
    border:solid 1px #CCC;
    margin:0% 0% 0em 0%;
    font-size:1.2em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
     border-radius: 0.2em;
    background-color: #F2F2F2;
}*/
.inpLikeFld {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding: 0.4em 0.4em 0.4em 0em;
    box-sizing: border-box;
}

.okTxt {
    float: left;
    height: 2.5em;
    line-height: 2.5em;
    margin-left: 0.3em;

}
.ok {
    float: left;
    background-color: rgba(76,175,99,1);
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    border-radius: 2em;
    line-height: 2.5em;
    margin: 0.2em 0.2em 0 0;
    font-size: 0.8em;
    color:#FFF;
    box-sizing: border-box;
}
.noOk {
    float: left;
    background-color: transparent;
    border:solid 2px #ED3D3D;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    border-radius: 2em;
    line-height: 2.3em;
    margin: 0.2em 0.2em 0 0;
     font-size: 0.8em;
    color:#ED3D3D;
    box-sizing: border-box;
}

#okNoOk {
    position: relative;
}
.delOk {
    color: #ED3D3D;
    font-weight: bold;
    text-align: right;
    padding:0.6em 0 0.3em 0;
}
.flexparent {
    display: -webkit-flex;
    display: inline-flex;
    width: 100%;
    margin: 0 auto;
    justify-content: left;
    flex-wrap: wrap;

}

.infoBox {

    padding: 0.5em;
   /* background-color: rgba(255, 243, 91, 0.2);*/
    background-color: rgba(255, 255, 255, 1);
    border:solid 1px #CCC;
    margin-bottom: 1em;
    box-sizing: border-box;
   /*border-radius: 0em;*/
}
.infoBox p {
   margin:0 0 0.4em 0;
    font-size: 1em;
}
.flexchild {
    /*display: flex;*/
    width: 23%;

    margin: 1%;
    box-sizing: border-box;
    position: relative;
    /*align-items: center;*/
    justify-content: center;
    background-color: #FFF;
    border:solid 1px #CCC;
    padding:1.5em 0.5em 2.8em 0.5em;
    background-position: top right;
    background-size: auto 12.9em;
    background-repeat: no-repeat;
    overflow-wrap: anywhere;
    text-align: center;
    text-decoration: none;
    min-height: 8em;
    cursor: pointer;
    /*border-radius: 0em;*/


}

.expl {

}
.qText {
/*border-radius: 0em;*/
}
.hideOp {
    opacity: 0.35;
}







.products {
    text-align: left;
    float: left;
    width: 24%;
    margin: 0.5%;
    position: relative;
     /*border-radius: 0em;*/
    /*border: solid 1px #000;*/
    box-sizing: border-box;
    background-color: rgba(255,255,255,1); /*grön: 76,175,99     röd: 226,31,54*/
    padding: 0 1.5em 0 1.5em;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
    text-decoration: none;
}

.productsImg {
    display: block;
    margin: 1em 0 1em 0;
    margin-left: auto;
    margin-right: auto;
    max-height: 14em;
}


.products h3, .products h4{
    margin-bottom:0.2em;
}

.flag {
    margin:1.2em 0 0.4em 0;
    padding-left: 2.5em;
  background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}
.extLink {
     background-image: url("/images/extlink.png");
     margin:0 0 0 0;
        padding-left: 2.0em;
      background-position: left;
        background-size: contain;
        background-repeat: no-repeat;


}

.icon {
    position: absolute;
    top:1.2em;
    left:1.2em;
    width:4.5em;
}
.procent {
    position: absolute;
    top:1.2em;
    right:1.2em;


    padding: 0.3em 0.5em 0.3em 0.5em;
    font-size: 0.8em;
    color:#FFF;
    width: 2.3em;
    height: 2.3em;
    background-image: url('/images/procent.gif');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;

}
.price {
    display: inline-block;
    font-size: 1.8em;
    margin-bottom: 0.5em;
}

.price_low {
    display: inline-block;
    text-decoration: line-through;
    opacity: 0.5;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    margin-left: 0.2em;
}
.jfr {
    font-size: 0.8em;
    opacity: 0.5;
}
.smallInfo {
    font-size: 0.8em;
    opacity: 0.5;
    margin-bottom: 0.5em;
    margin-top: 1.4em;
}

.omdome {
    text-align: left;
    padding: 2em;
    background-color: rgba(247,238,241,1);
}
.filterProd {
    float: left;
    width: 19.6%;
    margin: 0 0.2% 0 0.2%;
}









.verImages{
    width: 100%;
}


#verImages {
    width: 100%;
    position: relative;
    padding-top:0.5em;
}

.verImagesCont {
    position: relative;
    float: left;
    width: 100%;
    /*width: 49%;
    margin: 0.5%;*/
    margin-bottom: 0.8em;
}

/* TA BORT
.rw {
     width: 49%;
}
 */



input[type="submit"] {
    font-family: ptsans, sans-serif;
    width: 100%;
    padding:0.8em;
    border:none;
    margin:0% 0% 1em 0%;
    font-size:1.2em;
    color:#FFF !important;
    line-height:1.2em;
    box-sizing: border-box;
     /*border-radius: 0em;*/
    text-align: center;
    background-color: #000;
    cursor: pointer;
}

textarea {
    width: 100%;
    padding:0.8em;
    border:solid 1px #CCC;
     margin:0% 0% 1em 0%;
    color:#333;
    resize: none;
    line-height:1.2em;
    font-family: ptsans, sans-serif;
    font-size:1.2em;
    height:6em;
    box-sizing: border-box;
   /*border-radius: 0em;*/
}
.page_area {
    height:28em !important;
}
#beskrivning_lang, #ert_omdome {
    height:14em;
}

#pageCat, #eventsCat  {
    display: none;
}

img{
    max-width: 100%;
    height: auto;
    width: auto\9;
    display:block;
    border:none;
}