/* Övrigt, till designen */

@font-face {
  font-family: 'ptsans';
  src: url('/fonts/ptsans-regular-webfont.woff2') format('woff2'),
       url('/fonts/ptsans-regular-webfont.woff') format('woff'),
       url('/fonts/PTSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ptsansbold';
  src: url('/fonts/ptsans-bold-webfont.woff2') format('woff2'),
       url('/fonts/ptsans-bold-webfont.woff') format('woff'),
       url('/fonts/PTSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


html{
	height:100%;

}



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

}


#mainCont a {


}
.mainContGrey {
    /*background-color: #F2F2F2;*/
    background: linear-gradient(#F2F2F2, #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;

}
.txtBtnAsk {
    display: inline-block;
    padding: 0em 0.3em 0.1em 0.3em;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    margin-bottom: 0.4em;
}
.askP {
    display: inline-block;
}
.askI {
    display: inline-block;
    width: 20%;
    padding: 0.2em;
    margin: 0 0.4em 0 0.4em;
    color: rgba(255, 0, 7,0.6);
}


.backAccount {
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
    margin-right: 0.4em;
    margin-bottom: -0.05em;
    box-sizing: border-box;

}
.askP {
    margin-bottom: 0.4em !important;

}
#whatId {
    width: 10em;
}
#beloppId {
    width: 4em;
}
#momsId {
    width: 4.7em;
}
.txtMenuBtn {
    display: inline-block;
    padding: 0em 0.3em 0.1em 0.3em;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    margin-bottom: 0.4em;

}

.ingKonto {
    display: block;
    float: left;
    width: 10%;
    height: 2em;
}
.ingText {
    float: left;
    width: 90%;
    padding-left: 0.5em;
    line-height: 2.4em;
    box-sizing: border-box;
}
.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;
}

.sendDiv {
    margin-bottom: 2em;
}
.txtBtnMarg {
    padding: 0.3em;
    background-color: #000;
    margin: 0.5em;
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    text-align: center;
}



.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;
    z-index: 1000;


}

.rakenskapsAr {
    padding: 0em 0.3em 0.1em 0.3em;
    color: #999;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    font-size: 0.8em;
    box-sizing: border-box;
    position: absolute;
    top:0em;
    width: 100%;
    text-align: center;



}

.kontoEmail {
    font-size: 0.7em;
    color: #999;
    margin-top: -1.3em;
}

#smallMenuBtn {
    padding: 0em 0.0em 0.1em 0.0em;

    position: absolute;
    top:0;
    left:1em;

}
.smallMenuBtn {
    padding: 0em 0.3em 0.1em 0.3em;
    background-color: #5ba35b;
    color: #FFF;
    text-decoration: none;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
    cursor: pointer;

    float: left;
    top:0;
    right:1em;
    margin-right: 0.4em;



}


.smallInBtn {
      display:block;
    color:#FFF;
    background-color: #000;
    text-decoration: none;
    padding:0.8em;
    text-align: center;
    border-radius: 0.1em;
    /*text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);*/
     box-shadow:         2px 2px 5px rgba(0,0,0, 0.5);
     cursor: pointer;
}

.inBtn {
    font-family: ptsans, sans-serif;
    display:block;
    color:#FFF;
    background-color: #000;
    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;
}
.selBoxHead {
    float: left;
    width: 28.33%;
}
.sh1 {
    width: 38.33%;
}
.sbr {
    margin-right: 1.5%;
}
.selBox {
    margin: 0.3em 0.1em 0.3em 0.1em;
     font-family: ptsans, sans-serif;
    display:inline-block;
    color:#000;
    background-color: #FFF;
    text-decoration: none;
    padding:0.3em;
    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;
    box-sizing: border-box;
    border: solid 1px #CCC;
}
.selBoxSel {
     color:#FFF;
    background-color: rgba(76,175,99,1);
}
.selBoxGrey {
     color:#FFF;
    background-color: rgba(100,100,100,0.2);
    opacity: 0.5;
}


#openOcrTemplate {
    margin-left: 0.5em;
}
.openBtn {
    float: left;
    font-family: ptsans, sans-serif;
    display:inline-block;
    color:#FFF;
    background-color: #000;
    text-decoration: none;
    padding:0.4em;
    text-align: center;
    font-size:1.0em;
    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;
}

.openBtnInp {
    width: 19.8%;


    float: left;
    font-family: ptsans, sans-serif;
    display:inline-block;
    color:#FFF;
    background-color: #000;
    text-decoration: none;
    padding:0.8em;
    text-align: center;
    font-size:1.0em;
    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;
    margin: 0 0.5em 0 0.5em;
}
#avdragbeloppId {
    margin-top: 0.3em;
    font-size: 1.2em;
}
#closeTemplate {
    display:none;
}
#openArr {
    display: none;
     float: left;
    font-size: 1.5em;
    padding: 0 0.2em 0 0.2em;
}
#openArr img {
    width: 1.5em;
    height: 1.5em;
}
#showLoading {
    display: none;
     float: left;
    width:2em;
    height: 2em;
    font-size: 1.5em;
    padding: 0 0.2em 0 0.2em;
    background-color: #ED3D3D;
}

#bokfMallar {
    display: none;
    margin-top: 0.4em;
}
.mallBtn {

    font-family: ptsans, sans-serif;
    display:block;
    color:#FFF;
    background-color: #000;
    border: solid 1px #000;
    text-decoration: none;
    padding:0.3em;
    text-align: left;
    font-size:1.0em;
    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;
    margin-bottom: 0.4em;
}



#helpMessageToUser img {
    width: 2em;
    margin-bottom: 0.5em;
    margin-left: 48%;
}

#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;
}

.draSlappA {
    float:left;

}
.draSlapp {
    float:right;
    width:3.5em;
    height: 2em;
    background-image: url('/images/drag.png');
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    margin-bottom: 0.2em;
}



.inBtnRedQ {
    background-color: rgba(255,0,0,0.4);
}

.inBtnWh {
    background-color: rgba(255,255,255,1);
    color:#000;
    border: solid 1px #F2F2F2;
}

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

.inBtnOp {
    opacity: 0.1;
}
/*

    border:solid 1px #CCC;
    margin:0% 0% 1em 0%;
    font-size:1.2em;
    color:#FFF;
    line-height:1.2em;
    box-sizing: border-box;
     border-radius: 0.2em;
    text-align: center;
    background-color: #000;
    cursor: pointer;

*/

/* Text */
h1{
    font-family: ptsansbold;
    font-size:2.2em;
    font-weight: bold;
    margin-top:0em;
    margin-bottom:0.4em;

}

h2{
    font-family: ptsansbold;
    font-size:2em;
    font-weight: bold;
    margin-top:0em;
    margin-bottom:0.2em;
}


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




.kontoH1 {
    margin-top: 0em;
}

h4 {
    font-family: ptsans;
    font-weight: bold;
    font-size:1.2em;
    margin-top:1.5em;
    margin-bottom:0.4em;
    line-height:1.3em;
}

p {
    font-family: ptsans;
    font-size:1.1em;
    margin-top:0.5em;
    margin-bottom:1.1em;
    line-height:1.3em;
}

h5 {
    font-family: ptsans;
    font-size:1.1em;
    font-weight: bold;
    margin-top:2.5em;
    margin-bottom:0.1em;
    line-height:1.3em;
}
.messRed {
    border:solid 2px #ED3D3D;
    color:#ED3D3D;
    padding:1em;
    background-color: #FFFFE6;
    border-radius: 0.2em;
    margin-bottom: 0.5em;
    text-align: center;
}
.messRedText {

    color:#ED3D3D;


}

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

.greenText {

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

.dateOne {
    width: 63%;

     margin-right:4%;
     float: left;
     text-align: left;
 }
.dateTwo {
    box-sizing: border-box;
    width: 33%;
    float: left;
    text-align: left;
    background-color: rgba(255, 254, 21, 0.15);
    padding: 1em;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
    border:solid 1px #F2F2F2;
}

.thirdOne {
    width: 28%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.thirdTwo {
    width: 70%;
    float: left;
    text-align: left;
}

#addPlusCont {
    position: relative;
}
#addCust {
    z-index: 999;
}
#addPlus {

    background-image: url("/images/addblack.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right:0;
    top:1.4em;
    z-index: 1000;
    width: 3em;
    height: 3em;
}

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

.third {
    width: 32%;
    margin-right:1.33%;
    float: left;
    text-align: left;
}
.third3 {
    width: 33.33%;
    margin-right:0%;
    float: left;
    text-align: left;
}
.halfMob1 {
    width: 49%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.halfMob2 {
    width: 49%;
    float: left;
    text-align: left;
}
.halfSmallMob1 {
    width: 69%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.halfSmallMob2 {
    width: 29%;
    float: left;
    text-align: left;
}
.qImage {
    width: 100%;
}
.questionBox {
    background-color: #FFF;
    border:solid 2px #5ba35b;
    padding: 1em;
    box-shadow:         0px 1px 5px rgba(0,0,0, 0.2);
    border-radius: 0.2em;
}



.save {
    /*background-image: url("/images/save.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;*/
    background-color: #000;
    padding:0.8em;
    font-size:1.2em;
     border-radius: 0.2em;
    cursor: pointer;
    box-sizing: border-box;
    color:#FFF;
    text-align: center;
}
.trash {
    background-image: url("/images/trash.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ED3D3D;
    padding:0.4em;
    font-size:1.2em;
     border-radius: 0.2em;
    cursor: pointer;
    box-sizing: border-box;
}

.trashImg {
    background-image: url("/images/trash.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    float:right;
    width: 2em;
    height: 2em;
    background-color: #ED3D3D;
    padding:0.4em;
    font-size:1.2em;
     border-radius: 0.2em;
    cursor: pointer;
    box-sizing: border-box;
    margin-top:0.2em;
}
.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;
}



.kontoTbl1 {
    width: 10%;
    float: left;

     background-image: url('/images/add.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

}
.kontoTbl2 {
    width: 20%;
    float: left;
}
.kontoTbl3 {
    width: 60%;
    float: left;
    overflow: hidden;
}

.kontoTbl4 {
    width: 10%;
    float: left;
    overflow: hidden;
    text-align: right;
}

.checkTbl {
    background-image: url('/images/check.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.table33 {
    width: 32%;
    margin-right:2%;
    float: left;
    text-align: left;
}
.t33 {
    width: 32%;
    margin-right:0;
}

 .tblHeadSmallInMob {
         font-size: 0.9em;
     }


::placeholder {
  color: rgba(0,0,0,0.3);
  opacity: 1; /* Firefox */
    font-size: 0.8em;
}

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

.table30 {
    width: 29.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.table30bok, .table30bokBot {
    width: 29.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.bt {
    width: 59.8%;
}
.dl {
    width: 29.8% !important;
}
.tableAmount {
    width: 19.8%;
    margin-left:0.4%;
    float: left;
    text-align: left;
    padding:0.25em;
}
.tableOresavrundning {
    width: 12.8%;
    margin-left:0.4%;
    float: left;
    text-align: left;
    padding:0.25em;
}


#amount, #oresavr {
    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;
}


.table60 {
    width: 59.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

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


.imgOcrList {
    float: left;
    width: 49%;
    margin:0.5%;
    background-color: #F2F2F2;
    border:solid 1px #CCC;
    box-sizing: border-box;
    position: relative;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    height: 35em;
    overflow: hidden;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.imgOcrList img {
    width: 100%;
}
.ocrBtn {
    float: left;
    padding:0.4em;
    background-color: black;
    color:#FFF;
    border-radius: 0.2em;
    margin-bottom: 0.2em;
    text-align: center;
    width: 49.5%;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}
.ocrBtnTwo {
    float: left;
    padding:0.4em;
    background-color: black;
    color:#FFF;
    border-radius: 0.2em;
    margin-bottom: 0.2em;
    text-align: center;
    width: 49.5%;
    margin-left: 1%;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}
.ocrBtnFull {
    width: 100%;
}
#fullReadImage {
    padding: 0.5em;
    display: none;
    background-color: #FFF;
    width: 30%;
    left:35%;
    position: fixed;
    top:0em;
    bottom: 0em;
    z-index:10000;
    overflow:scroll;
    border-left:solid 1px #CCC;
    border-right:solid 1px #CCC;
    box-sizing: border-box;
}
.closeOcr {
    width: 4.2em;
    height: 2.6em;
    position: absolute;
    top:0.5em;
    right: 0.5em;
    cursor: pointer;
}
#fullReadImageSrc img {
     margin: auto;
}

.startText {
    position: relative;
}
.gratisBokforing {
    position: absolute;
    top:3.5em;
    right:1.8em;
    padding: 0.0em 0.3em 0.0em 0.3em;
    background-color: #5ba35b;
    color:#FFF;
    font-size: 0.35em;
    transform: rotate(20deg);
    opacity: 0.8;
}
.kampanjtva {
    position: absolute;
    top:-0.75em;
    right:-0.4em;
    padding: 0.2em 0.6em 0.2em 0.6em;
    background-color: #5ba35b;
    color:#FFF;
    font-size: 0.9em;
    transform: rotate(8deg);
    opacity: 0.8;
    text-align: center;
    text-decoration: none;

}
.kampanjtvahand {
    display: block;
    position: absolute;
    top:2.5em;
    right:2.5em;
   background-image: url(images/pointerhand.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 4em;
    height: 4em;

}
.ref1three .kampanjtva {
    top:-2.75em;
     right:-0.8em;
}
.ref1three .kampanjtvahand {
    top:0.5em;
     width: 3em;
    height: 3em;
}
.ref1 .kampanjtva {
    top:-3.75em;
     right:-0.8em;
}
.ref1 .kampanjtvahand {
    top:-0.5em;
     width: 3em;
    height: 3em;
}
.kampanj {
    position: absolute;
    top:-1.75em;
    left:-1.4em;
    padding: 0.2em 0.6em 0.2em 0.6em;
    background-color: #5ba35b;
    color:#FFF;
    font-size: 0.9em;
    transform: rotate(-8deg);
    opacity: 0.8;
}
.pStyleBlock {
    display:block;
    position:relative;
    font-size:1.2em;

    margin-top: 3.9em;
}
/*#testNow {
    position: absolute;
    bottom: -2.2em;
    left: 0.5em;
    width: 40%;
}*/
#testNow {
    width: 40%;
}
.landing .gratisBokforing {
   top:2.1em;

}
.stars {
    font-size: 0.7em;
    position: absolute;
    top:-0.6em;
    right:0.1em;
}

.prefillLista0 {
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    background-image: url(/images/bokforpil.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.pf0Head {
    background-image: none;
}
.prefillLista0 span {

    padding: 0.3em 0.4em 0.1em 0.4em;
    background-color: black;
    color: #FFF;
    border-radius: 4em;
    font-size: 0.8em;
}
.prefillLista1 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.prefillLista2 {
    width: 29.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.andra2 {
     width: 39.8%;
}
.prefillLista3 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.prefillLista4 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.prefillLista5 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.prefillLista6 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.prefillLista7 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.prefillLista8 {
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    background-image: url(/images/trash-b.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.prefillLista8-70 {
    width: 70%;
}
.prefillLista8add {
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    background-image: url(/images/add-b.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.prefillLista8addToRow {
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    background-image: url(/images/add-image-to-row.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.imInline {
    width: 1.8em;
    display: inline-block;
    margin-bottom: -0.5em;
}



.prefillLista100 {
    width: 99.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    background-color: rgba(75, 154, 79, 0.4) !important;
    text-align: center;
}

#delAllBekr {
    display: none;
}
#delAll {
    display: none;
}

.connectThis div {
    background-color: rgba(75, 154, 79, 0.4);
}
#connectImage {
    position: fixed;
    top:0;
    left:0;
    max-width: 20%;
    height: 30em;
    z-index: 10000;

}
#connectImage img {
    box-shadow: 1px 10px 10px 10px rgba(0,0,0, 0.5);
    height: 100%;

}

#csvFld {
    display: none;
}

.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: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista3 {
    width: 19.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    position: relative;
}
.fakturaTableLista4 {
    width: 12.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista4b {
    width: 12.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.fakturaTableLista5 {
    width: 8.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: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.kundTableLista2 {
    width: 24.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.kundTableLista3 {
    width: 24.8%;
    margin-right:0.2%;
    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;
     margin-bottom: 0.1em;
}
.tblBgB {
    background-color: #ececec;
     margin-bottom: 0.1em;
}

.imgExist {
    position: absolute;
    right:0.1em;
    top:0.4em;
    width: 1.4em;
    height: 1em;
    background-image: url('/images/imgexist.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.pdfExist {
    position: absolute;
    right:1.7em;
    top:0.4em;
    width: 1.4em;
    height: 1em;
    background-image: url('/images/pdfexist.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.sentExist {
    position: absolute;
    right:0.1em;
    top:0.4em;
    width: 1.8em;
    height: 1.2em;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.sentemailExist {
    position: absolute;
    right:1.7em;
    top:0.4em;
    width: 1.8em;
    height: 1.2em;
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.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;
}

.table40 {
    width: 39.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.table45 {
    width: 39.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}



.tableMomsRapport1 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.2em;
    font-size: 0.85em;
}
.tableMomsRapport2 {
    width: 59.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.2em;
    font-size: 0.85em;
}
.tableMomsRapport3 {
    width: 29.8%;
    margin-right:0.2%;
    float: left;
    text-align: right;
    box-sizing: border-box;
    padding:0.2em;
    font-size: 0.85em;
}




.tableRapport1 {
    width: 9.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
}
.tableRapport2 {
    width: 59.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    padding:0.4em;
}

.tableRapport2b {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    padding:0.4em;
}
.tableRapport3 {
    width: 15%;
    margin-right:0%;
    float: left;
    text-align: right;
    box-sizing: border-box;
    padding:0.4em;
}
.tableRapportSum1 {
    width: 79.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
    font-weight: normal;
}
.tableRapportSum2 {
    width: 20%;
    margin-right:0%;
    float: left;
    text-align: right;
    box-sizing: border-box;
    padding:0.4em;
    font-weight: normal;
}


.tableAnalys1 {
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
}
.tableAnalys2 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
}
.tableAnalys3 {
    width: 39.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
}
.tableAnalys4 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
}
.tableAnalys5 {
    width: 14.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding:0.4em;
}
.tableAnalys6 {
    width: 10%;
    margin-right:0%;
    float: left;
    text-align: right;
    box-sizing: border-box;
    padding:0.4em;
}
.kAnalys {
    width: 24% !important;
    margin-right: 1%;
    float: left;
    padding: 0.6em 0.2em 0.6em 0.2em !important;
}
.reportHead {
    width: 100%;
}
.rpb {
    font-weight: bold;
}
.line_over {
    border-top:solid 1px #000;
}
.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;
}

.compare {
    border-bottom: solid 1px #CCC;
    padding-bottom: 0em;
    padding-top: 0.1em;
    margin-bottom: 0.5em;
}
.table20 {
    width: 19.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

.tablebefore {
    width: 12%;
    float: left;

    text-align: left;
    margin-bottom: 0.5em;
}
.table80nomarg {
    width: 60%;
    float: left;
    text-align: left;
    padding-bottom: 0.5em;
}
.compareTbl {
    width: 1.5em;
    float: left;
    padding-right: 0.5em;


}
.compareTblNow {
    width: 0.9em;
    float: left;
    padding-right: 0.5em;
    padding-top: 0.2em;

}
.compareTblInfo {
    width: 1.5em;
    float: left;
    padding-right: 0.5em;
    margin-bottom: 0.5em;

}
.table20nomarg {
    width: 20%;
    margin-right:0%;
    float: left;
    text-align: left;
}

.table25 {
    width: 24.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}

.table25bok {
    width: 24.8%;
    margin-right:0.2%;
    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;
}
.table5, .table5bok{
    width: 4.8%;
    margin-right:0.2%;
    float: left;
    text-align: left;
}
.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;
}
#tableAnswer td {

    border: solid 1px #CCC;
}

#tableAnswer table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.utvFunk {
    display: inline-block;

    margin-bottom: 1em;
    padding:0.2em;
    border-radius:0.2em;
    font-size: 0.8em;
    color: #FFF;
    background-color: rgba(255, 0, 7, 0.5);
}
#tableAnswer table th:first-child,
#tableAnswer table td:first-child {
  width: 50%;
    background-color: #FFF;
    padding: 0.4em;
    overflow-wrap: break-word;
}

#tableAnswer table th:nth-child(2),
#tableAnswer table td:nth-child(2) {
  width: 25%;
    background-color: #FFF;
    padding: 0.4em;
    overflow-wrap: break-word;
}

#tableAnswer table th:nth-child(3),
#tableAnswer table td:nth-child(3) {
  width: 25%;
    background-color: #FFF;
    padding: 0.4em;
    overflow-wrap: break-word;
}


.table10nomarg {
    width: 10%;
    margin-right:0%;
    float: right;
    text-align: left;
    height: 3em;
}
.table5nomarg {
    width: 5%;
    margin-right:0%;
    float: left;
    text-align: left;
}
.dropdown-content {
    position: absolute;
    top:0;
    left:0;
    z-index:5000;
}
.trashLine {
    background-image: url('/images/trashblack.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 3em;
    cursor: pointer;
}



.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;
}

.yourLogo {
     width: 30%;
    margin-bottom: 1em;
 }
.boxHelp {
    background-color: #FFF;
    border: solid 1px #CCC;
    padding: 1.1em;
    margin-top: 1em;
}

.boxArende {
    display: block;
    text-decoration: none;
    background-color: #FFF;
    border: solid 1px #CCC;
    padding: 1.5em;
    margin-top: 1em;
}
.kund {
    background-color: #FFF;
}
.admin {
 background-color: rgba(91,163,91,0.3);
}
.vem {
    font-size: 0.9em;
    padding-top: 0.4em;
    font-style: italic;
}
.addLine {
    background-image: url('/images/addblack.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 3em;
    cursor: pointer;
}

.talignR {
    text-align: right;
    line-height:3em;
}

#helpMe {
    display: block;
    position: fixed;
    bottom: 1em;
    right: 1em;
    width: 4em;
    height: 5em;
    background-image: url('/images/hjalp.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.helpMeK {
     width: 6em !important;
    height: 6em !important;
    background-image: url('/images/hjalpkontakt.png') !important;
}
.unread {
    background-image: url('/images/hjalp-read.png') !important;
}
.unreadBox {
    background-image: url('/images/unreadBox.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 2em;
}
#helpForm {
    display: none;
    padding: 1.5em;

    position: fixed;
    top: 2em;
    left: 20%;
    right: 20%;
    background-color: #F2F2F2;
    border:solid 1px #333;
     box-shadow:         1px 10px 10px 10px rgba(0,0,0, 0.5);
}

.infoRed {
    color: #ED3D3D;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
}
.infoRedText {
    background-color: #ED3D3D;
    color: #FFF;
    font-size: 1em;
    padding: 1em;

}

.forDig {
    margin-top: 1.7em;
    padding-bottom: 0.9em;
    /*font-weight: bold;
    font-size: 1em !important;*/
    /*font-style: italic;*/
}

.forLanding {
    margin-top: 2.2em;
    margin-bottom: 2.2em;
    font-size: 1.2em;
    /*font-weight: bold;
    font-size: 1em !important;*/
    /*font-style: italic;*/
}

.vidWith {
    box-sizing: border-box;
    width: 40%;
}
.vidWithFull {
    box-sizing: border-box;
    width: 100%;
}

.vidWithStart {
    box-sizing: border-box;
    width: 80%;
    margin-left: 10%;
}
.borderVid {
    border:solid 1px rgba(0,0,0,0.5);
    box-shadow:         1px 10px 10px 10px rgba(0,0,0, 0.3);
}
#closeHelp {
    position: absolute;
    top: 0.5em;
    right:0.5em;
    width: 3em;
    height: 3em;
    background-image: url('/images/x_invoice.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.noEditBox {
    background-color: #F2F2F2 !important;
}
.noEdit{
    background-color: unset;
    border: none;
}



#cookieBox {
    display: block;
    position: fixed;

    top:0em;

    left:0;
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 5000;
    padding: 2em;
    box-sizing: border-box;
}
#cookieBoxTop {
    position: fixed;
    bottom:0em;
    left:0%;
    width: 100%;
    border: solid 1px #000;
    border-bottom: none;
    background-color: rgba(255,255,255,0.9);
    z-index: 5001;
    padding: 1em;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);
    text-align: center;
}

#googleCookies, #essentialCookies{
    display: inline-block;
    height: 2em;
    line-height: 2em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:  center left;
    padding-left: 3em;
}
.cookieOn {
    background-image: url('/images/cookie-on.gif');
}
.cookieOff {
    background-image: url('/images/cookie-off.gif');
}

#saveCookies {
    display: inline-block;
    padding: 1em;
    background-color: #F2F2F2;
    border: solid 1px #CCC;
}
#acceptallCookies {
    display: inline-block;
    padding: 0.6em 1em 0.6em 1em;
    background-color: rgba(76,175,99,1);
    color: #FFF;
    margin-top: 0em;
    cursor: pointer;
    cursor: hand;
}

#showDiff {
    color:#FF0000;

}

#messInactive {
    background-color: #ED3D3D;
    color:#FFF;
    padding: 1.2em 0.2em 0.2em 0.2em;
    text-align: center;
}
.nextprev {
    text-decoration: none;
    float: left;
    margin-right: 0.2em;
    font-size: 2em;
}
.hideFirst {
    display: none;
}
.smallWarning {
    padding: 0em 0.5em 0em 0.5em;
    background-color: #ED3D3D;
    color:#FFF;
    border-radius: 2em;
    font-size: 0.8em;
}
.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;
}
.lage {
    float: left;
    padding: 0.2em;
    background-image: url('/images/check.png');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 2.5em !important;
     border:solid 1px #ccc;
    margin-left: 0.4em;
     margin-top: -1.2em;
    background-color: #FFF !important;
    color:#000 !important;

}



.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;


}

.showMidArrow {


    color: #FFF;
     margin-left: 1px;


}

.bokExHead {
    font-weight: bold;
    float: left;
    width: 33%;
    padding: 0.5em;
    box-sizing: border-box;
    border-bottom: solid 1px #000;
}
.bokEx{
    float: left;
    width: 33%;
    padding: 0.5em;
    box-sizing: border-box;
   border-bottom: solid 1px rgba(0,0,0,0.2);
     border-left: solid 1px rgba(0,0,0,0.2);
    background-color: #FFF;
    overflow-wrap: break-word;
}
.bokExL {
     border-right: solid 1px rgba(0,0,0,0.2);
}


.showArrow {

    background-image: url('/images/showarrow_line.png?id=1');
    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;

}
.showNoArrow {
     margin-right: 0.5em;
}

.noArrSpace {
     margin-right: 0.1em;
}

.lageBtn {
    float: left;
    padding: 0.5em;
    background-color: #000 !important;
    color:#FFF;
    border:solid 1px #000;
    text-decoration: none;
    margin-left: 0.4em;
    margin-top: -1.2em;
}
.lageKonto {
    float: right;

}


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

.lasBtn {
      color: #000;

     background-image: url('/images/lock.png');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 2.5em !important;
    opacity: 1;
}
.valdMoms {
    /*background-color: #FFF;*/
    color: #000;

     background-image: url('/images/check.png');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 2.5em !important;
    opacity: 1;
}
/*
.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;
}
.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 #CCC;
     /*box-shadow:         0px 2px 4px rgba(0,0,0, 0.5);*/
}

#logoTopBokfor {
     display: block;
    position:relative;
    width:100%;

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

    box-sizing: border-box;
    border-bottom:solid 1px #CCC;
     /*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:10%;
    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-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 4em 0;
}



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


#headerTop h1 {
    font-family: ptsansbold;
    font-size: 4em;
    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;
}

.landing h1 {
    /*font-size: 32.5em !important;*/
}
.mainInfo {
    text-align: left;
    padding:1em 0em 1em 0em;
    width: 70%;
    float:left;
    box-sizing: border-box;
}

.mainInfoFull {
    width:100%;
}

.mainInfoUp {
    margin-top: -6em;

}

.mainBokf {
    width: 50%;
    float:right;
    box-sizing: border-box;
}
.mainBokfImg {
    width: 48%;
    float:right;
    box-sizing: border-box;
    margin-left: 2%;
}
.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: 14em;

}
.startText {
    padding-top: 5em;
    padding-left: 1.5em;
    box-sizing: border-box;
    margin-bottom: 2em;
}

::placeholder {
  color: #000;
  opacity: 0.55; /* Firefox */
}

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


.srf {
    width: 60%;
    float:right;
}
.srfInfo {
    width: 18%;

}
.srfSmall {
     width: 12%;
    margin-left: 44%;
}
.okVillkor {
  font-size: 0.8em;
    margin: 0 0 0.3em 0;
}

.refText {
    font-style: italic;
}
.refSign {
    font-size: 0.8em;
}


.villkorLank {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    background-color: rgba(0,0,0,0.5);
    color:#FFF;
    padding: 0 0.3em 0 0.3em;
    border-radius: 0.2em;
}

.lt {
color: rgb(75, 154, 79);
}




#footer {

    /* box-shadow: 1px 1px 1px #999;*/
    border-top: solid 1px #CCC;
    margin:2em auto 0% auto;
    width:100%;
    height:auto;
    /*background-color: #FFF;*/
    box-sizing: border-box;
    background-color: #F2F2F2;
    color: #000;
    font-size: 0.9em;
    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;
}

.footerOne {
    width: 50%;
    float:left;

}
.footerTwo {
    width: 50%;
    float:left;
    text-align: right;
}
.foot1 {
    float:left;
    width:25.3%;
    text-align:left;
    box-sizing: border-box;
}

.foot1 img {
    width:70%;

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

}

.footMid {
    float:right;
    width:46.3%;
    text-align:center;
    margin:0 1.5% 0 1.5%;
}
.footMid img {
    width: 20%;
    margin-left: 45%;
}

.foot2 {
    float:right;
    width:25.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:1.5em;
    width:100%;
    border-bottom: solid 1px #000;
    margin-bottom: 1.5em;
}
.clr_line_small {
    clear:both;
    height:0em;
    width:100%;
    border-bottom: solid 1px #000;
    margin-bottom: 0em;
}

#mobMenuIcon {
    display: none;

}


  #accountIcon {
        display: none;
        position: fixed;
        bottom:0.5em;
        left:0.5em;
        width:4.5em;
        height:4.5em;
        opacity: 0.8;
        z-index: 10;
    }
     #accountIcon img {
         width: 100%;
         height: auto;
     }



#mobMenuOver {
    display:  none;
}
#menuOver {
    width: 90%;
    text-align: right;
    float:left;
}

.menuItem {
    display: inline-block;
    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;

    margin:0 0.05em 0.4em 0.05em;
}

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

}
.menuAccount {
    background-image: url("/images/loginwhite.png");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 2.5em;

}
.menuAccount.marked {
    background-image: url("/images/login.png");


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

}



.smallerText {
    font-size: 0.8em !important;
}
.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, .hideInCompInline {
    display:none;
}





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


}
li::before {
  content: "✓ ";
  color: rgba(76,175,99,1); /* 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);*f/
    /*background-color: rgba(237, 239, 94, 0.2);*/
    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);
}
.rightMobile {
    width: 10%;
}
#andraRad input {
    padding:0.1em 0.1em 0.1em 0.1em;
    font-size: 1em;
}
.bokDemo {
    width: 40%;
    margin-left: 30%;
    box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.40);
}
.demoWoo {
    width: 80%;
    margin-left: 10%;
    margin-top: 2em;
    margin-bottom: 2em;
      box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.40);
}
.txtBtnInput {
    display: inline !important;
    width: auto !important;
    padding: 0em 0.3em 0.1em 0.3em !important;
    background-color: #000;
    color: #FFF;
    text-decoration: none;
    border-radius: 0.2em;
    cursor: pointer;
    font-size: 1em !important;


}
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 {
     appearance: none;
    -webkit-appearance: none;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPSdjdXJyZW50Q29sb3InIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdNNSA2bDMgMyAzLTMnLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: right 0.2em center; /* avstånd från höger kant */
    background-size: 1em;

    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);
    /*background-color: rgba(237, 239, 94, 0.2);*/
    background-color: rgba(255, 255, 255, 1);
}






/* TEST SELECT */
/*
select, option {
  -webkit-appearance: none;
}
.select-wrapper {
  position: relative;
  display: inline;
}
.select-wrapper:after {
    content: '\0025BC';
    font: normal normal normal 12px/1 FontAwesome;
    color: rgb(0, 0, 0);
    right: 0.5em;
    top: 0.5em;
    height: 1em;
    padding: 0.5em 0 0 0.4em;
    position: absolute;
    pointer-events: none;
}


select {
    font-family: ptsans, sans-serif;
    font-size: x-large;
    color: #FFF;

}


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;

    -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);

    background-color: rgba(255, 255, 255, 1);
}
select {
  padding-right: 1em;
}

*/



/* //TEST SELECT */





.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: 50%;
    margin-left: 25%;
    margin-top: 0.75em;

      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);

}
.inklExklBox {
    width: 2em !important;
    margin-left: 0% !important;
}


#eMailTop {
    width:45%;
    float: left;
    box-sizing: border-box;
    font-size: 1.2em;
    padding: 0.75em 0.2em 0.75em 0.2em;
    border-radius: 0.2em;
}
#forgotBtnTop {
    width:45%;
    box-sizing: border-box;
    float: left;
    margin-left: 2%;
    background-color: rgba(76,175,99,1);
}
.noEditBox {
     background-color: rgba(255, 255, 255, 1);
}

.hideTemp {
    background-color: #F2F2F2
}
.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;
}

.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;*/


}
.infoBoxHalf {
    padding: 1em 1em 1em 1em;
    width: 48%;
    text-align: left;
}
.infoBoxHalf h2 {
    font-size:1.8em;
}



.expl {

}
.qText {
/*border-radius: 0em;*/
}
.hideOp {
    opacity: 0.35;
}
.hideOpImg {
    position: absolute;
    top:0;
    left:0;
    width: 70%;
}

.doneAssignment {
    background-image: url("/images/done.png");
    background-position: top right;
    background-size: 10%;
    background-repeat: no-repeat;
}
.doAssignment {
    background-image: url("/images/do.png");
    background-position: top right;
    background-size: 10%;
    background-repeat: no-repeat;
}

.fillit {
    border:none;
    width:20px;
    margin-left:-80px;

}
.mycontact {
    overflow:hidden;
    margin-top:-3.5em;
}

.inImg {
    display: inline;
    width: 1.2em;
    margin-bottom: -0.2em;
}


.ref1 {
    float: left;
    width: 32%;
    margin-right: 2%;
    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 2em 0 2em;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
}



.ref1 h2 {
    margin-bottom: 0em;
}
.ref2 h2 {
    margin-bottom: 0em;
}
.ref2 {
    float: left;
    width: 32%;
    margin-right: 0%;
    position: relative;
     /*border-radius: 0em;*/
    box-sizing: border-box;
     background-color: rgba(255,255,255,1); /*grön: 76,175,99     röd: 226,31,54*/
    padding: 0 2em 0 2em;
     box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
}

.whBox {
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(255,255,255,1); /*grön: 76,175,99     röd: 226,31,54*/
    padding: 1.6em 2em 0.5em 2em;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
}

.ref1three {
    float: left;
    width: 32%;
    margin-right: 2%;
    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: 1em 2em 0.5em 2em;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
}
.ref2three {
    float: left;
    width: 32%;
    margin-right: 0%;
    position: relative;
     /*border-radius: 0em;*/
    box-sizing: border-box;
     background-color: rgba(255,255,255,1); /*grön: 76,175,99     röd: 226,31,54*/
    padding: 1em 2em 0.5em 2em;
     box-shadow: 0 0 15px 2px rgba(0, 0, 0, .05);
}

.optIm {
    float: left;
    width: 2em;
    height: 2em;
    margin-top: -0.3em;
}


.optQu {
    float: left;
     padding-left: 0.3em;
    padding-top: 0.3em;


}

.verImages{
    width: 100%;
}


#verImages {
    width: 100%;
    position: relative;
    padding-top:0.5em;
}
#verImagesBtn {
    width: 100%;
    position: absolute;
    top:0;
    left:47%;
    width: 6%;
    padding: 0.5em;
    cursor: pointer;
    display: none;
}
.verImagesCont {
    position: relative;
    float: left;
    width: 100%;
    /*width: 49%;
    margin: 0.5%;*/
    margin-bottom: 0.8em;
}
.verImagesDel {
    position: absolute;
    top:0;
    left:0;
    background-image: url('/images/trash.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 3em;
    height: 3em;
    background-color: rgba(255, 0, 0, 0.3);
    cursor: pointer;
}
.ocrImages {
    position: absolute;
    top:0;
    right:0;
    background-image: url('/images/read.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 3em;
    height: 3em;
    background-color: rgba(255, 0, 0, 0.3);
    cursor: pointer;

}
.rw {
     width: 49%;
}


.ref1 img,.ref2 img {
    width: 30%;
    margin-left: 35%;
    margin-top: -3em;
}

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:4em;
    box-sizing: border-box;
   /*border-radius: 0em;*/
}

#csvInfo {
    margin-top: 0.4em;
    display: none;
    padding: 0.5em;
    background-color: rgba(255, 233, 102, 0.2);
    border: solid 1px #000;
}
#csvInfo p {
    margin-bottom: 0.2em;
}
.csvInfoWhite {
    background-color: #FFF;
    padding: 0.3em;
    border: solid 1px #CCC;
}
#inCsvLines {
 height:8em;
    margin-bottom: 0.2em;
    margin-top: 0.4em;
}

.aHeight {
    height:6em;
}


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


#fixedInfo {
    position: fixed;
    bottom:0;
    left:0;
    background-color: #000;
    color:#FFF;
    width: 7em;
    height: 7em;
    border-top-right-radius: 7em;
}
.okVillkorTop {
    float: right;
  font-size: 0.8em !important;
    margin: 0 26% 0.3em 0;
    text-align: center !important;

}





/************************************************************* Dropdown Button */

.dropdown-content div {
   /* display: inline;*/
    padding: 0.4em;
}

.dropdown-content {
  display: none;
  position: absolute;
    top:4.4em;
  background-color: #f6f6f6;
  min-width: 230px;
  border: 1px solid #ddd;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


/************************************************************* SLUT/ Dropdown Button */


/* A */

.boxestest {
  display: flex;
  flex-direction: column;
  align-items: center;

  font-family: sans-serif;
}

.box {
  padding: 1em;
  margin: 10px;
  background-color: #4da6ff;
  color: white;
  font-size: 1em;
  border-radius: 10px;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}

.active {
  transform: scale(1.1);
}









/* PRINT */

@media print and (min-width: 480px) {
  body {
    margin-left: 0;
    margin-right: 0;
  }

  #logoTopBokfor {
    display: none;
  }
   #footer {
    display: none;
  }
    #helpMe {
    display: none;
  }
      #printRep {
    display: none !important;
  }

  #dateForm {
      display: none;
  }

  .mainContGrey {
      background: linear-gradient(#FFF, #FFF);
  }

  #printReport {
      margin-top: -4.2em;
  }

}