html{
	-webkit-text-size-adjust: none;
}


@media only screen and (max-width: 1090px){



     /*#testNow {
        bottom: -1.8em;
        left: -0.5em;

    }*/


    .gratisBokforing {
        top:1.5em;
        right:1.5em;
    }

    .landing .gratisBokforing {
       top:1.0em;
       right:0.5em;
    }



.mycontact {
    overflow:hidden;
    margin-top:-60px;
}


    .menuItem, .menuItemLeft {
        padding: 0.7em;
         font-size: 0.95em;
    }


    .menuAccount {
        padding-left: 2.8em;

    }


    .startText {
        padding-top: 3em;
        padding-left: 0em;
    }

}




@media only screen and (max-width: 1050px){


     .gratisBokforing {
        top:1.5em;
        right:0.5em;
    }


    .mycontact {
        overflow:hidden;
        margin-top:-60px;
    }


    .menuItem, .menuItemLeft {
        padding: 0.6em 0.5em 0.6em 0.5em;
         font-size: 0.9em;
    }

    .menuAccount {
        padding-left: 2.4em;

    }


    #verImagesBtn {
        display: block;
        position: absolute;
        top:0;
        left:44%;
        width: 6%;
        padding: 0.5em;
    }


    #verImagesComputershow {
        display: none;
    }



    .imgOcrList {
        height: 30em;
    }


}



@media only screen and (max-width: 900px){

     .gratisBokforing {
        top:2.5em;
        right:2em;
    }


     .imgOcrList {
        height: 25em;
    }

.mycontact {
    overflow:hidden;
    margin-top:-60px;
}


    .menuItem, .menuItemLeft {
        padding: 0.3em;
        font-size: 0.9em;
    }

    .menuAccount {
        padding-left: 1.8em;

    }

    .startText {
        padding-top: 2em;
    }


    #headerTop h1 {
        font-size:3em;
    }

}


@media only screen and (max-width: 850px){


    .pStyleBlock {
       text-align: center;
    }
    .kampanj {

        top:-1.75em;
        left:0em;

    }


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

        text-align: left;
        margin-bottom: 0.5em;
        overflow: visible;
        white-space: nowrap;
    }
    .table80nomarg {
        width: 70%;
        float: left;
        text-align: left;
        padding-bottom: 0.5em;
    }



    .utvFunk {

        margin-bottom: 3em;

    }


   /* .startText {
        margin-bottom: 5em;
    }*/

   /* #testNow {
        position: absolute;
        bottom: -1.8em;
        left: -0.5em;
        width: 50%;
    }*/

    #eMailTop {
        width:49%;

    }

    .okVillkorTop {
        margin: 0 20% 0.3em 0;

    }
    #forgotBtnTop {
        width:49%;
    }


    .srfInfo {
        width: 30%;

    }


    .prefillLista0 {
        width: 14.5%;
        margin-right:0.5%;
        font-weight: bold;

    }
    .prefillLista0 span {
        padding: 0.3em 0.4em 0.1em 0.4em;
    }
    .prefillLista1 {
        width: 24.5%;
        margin-right:0.5%;
        font-weight: bold;

    }
    .prefillLista2 {
        width: 59.5%;
        margin-right:0.5%;
        font-weight: bold;
    }
    .pfl2mob {
            width: 74.5%;
    }
    .andra2 {
         width: 74.5%;
    }
    .prefillLista3 {
        width: 14.5%;
        margin-right:0.5%;
        font-size: 0.9em;

    }
    .prefillLista4 {
        width: 24.5%;
        margin-right:0.5%;
        font-size: 0.9em;
    }
    .prefillLista5 {
        width: 14.5%;
        margin-right:0.5%;
        font-size: 0.9em;
    }
    .prefillLista6 {
        width: 19.5%;
        margin-right:0.5%;
        font-size: 0.9em;
    }
    .prefillLista7 {
        width: 9.5%;
        margin-right:0.5%;
        font-size: 0.9em;
    }
    .prefillLista8 {
        width: 14.5%;
        margin-right:0.5%;
        font-size: 0.9em;
    }
    .prefillLista8-70 {
        width: 70%;
    }
    .prefillLista8add {
        width: 4.8%;
        margin-right:0.2%;
    }
    .connectThis .prefillLista8add {
            width: 14.5%;
    }

    .prefillLista8addToRow {
        width: 14.8%;
        margin-right:0.2%;
    }



    #cookieBoxTop {

        border-left: none;
        border-right: none;

    }


    .menuItem, .menuItemLeft {
        padding: 0.3em;
        font-size: 0.85em;
    }

    .menuAccount {
        padding-left: 1.8em;

    }

}


/* Small version */
@media only screen and (max-width: 1000px){


.mainBokf {
        width: 100%;

    }
    .mainBokfImg {
        width: 100%;

        margin-left: 0%;
    }




    #verImages {
        padding-top:1em;
    }


    #moreImgMob {

    }
    #moreImgMobBtn {
        width: 100%;
        height: 2em;
        display: none;
        background-image: url('/images/imgadd.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 2em;
    }
    .moreImgMobBtnShow {
        display: block !important;
    }

}



/* Small version */
@media only screen and (max-width: 800px){

       .okVillkorTop {
        margin: 0 20.5% 0.3em 0;

    }


    #testNow {
    width: 50%;
}





.bokDemo {
    width: 80%;
    margin-left: 10%;
    box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.40);
}

    .bgTransp {
        background: transparent;
        border: solid 1px rgba(204,204,204,0.7);
        box-shadow: none;
    }
     /* .startText {
        padding-bottom: 2em;
          margin-bottom: 0.5em;
    }*/

    /*#testNow {
        position: absolute;
        bottom: 0em;
        left: -0.5em;
        width: 30%;
    }*/


    .bh1 {
        width: 50%;
    }
    .bh2 {
    width: 25%;
    }


    .gratisBokforing {
        top:0.1em;
        right:0em;
    }

     .landing .gratisBokforing {
       top:-0.1em;
       right:-0.3em;
    }

    #connectImage {
        height: 16em;
         bottom:0;
        top:unset;
         max-width: 35%;

    }


    .ocrBtn {
        font-size: 0.81em;
        overflow: hidden;
    }
    .ocrBtnTwo {
        font-size: 0.81em;
        overflow: hidden;
    }

    #fullReadImage {
        display: none;
        background-color: #FFF;
        width: 100%;
        left: 0;
        position: fixed;
        top:0;
        bottom: 0;
        z-index:10000
    }


     .imgOcrList {
        height: 24em;
    }


    .vidWith {

        width: 100%;
    }
    .vidWithFull {
        width: 100%;
    }
    .vidWithStart {
    width: 100%;
         margin-left: 0%;
}

    .borderVid {

    }


    #helpForm {
        padding: 1em;

        top: 4em;
        left: 2%;
        right: 2%;

    }




    #logoTopBokfor {
     display: none;

    }


    .outBtn {


        top:0em;
        left:0.5em;
        width: auto;
        width: 20%;
        text-align: center;
        z-index: 5000;

    }

    .yourLogo {
    width: 60%;
}

    .showArrow {
        background-image: none;
        padding: 0.5em 0.5em 0.5em 1.2em !important;
    }
    /*.showArrow:first-letter {
        font-size: 1.2em;
    }*/


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

    .tableOresavrundning {
        width: 32.8%;
        margin-right:0.2%;
        float: left;
        text-align: left;
    }


    .tableLista1 {
        font-size: 0.8em;
        overflow: hidden;
    }
    .tableLista2 {
        font-size: 0.8em;
        width: 18.8%;
        overflow: hidden;
    }
    .tableLista3 {
        font-size: 0.8em;
        width: 36.8%;
        overflow: hidden;
    }
    .tableLista4 {
         width: 18.8%;
        font-size: 0.8em;
        overflow: hidden;
    }
    .tableLista5 {
        font-size: 0.8em;
        overflow: hidden;
    }


    .hideRab {
       /* display: none;*/
    }

    .break_mob {
        clear: both;
    }

    .tableFakt1 {
        margin-top: 2em;
        width: 9.8% !important;
        margin-right: 0.2%
    }
    .tableFakt2 {
         margin-top: 2em;
        width: 49.8% !important;
        margin-right: 0.2%
    }
    .tableFakt3 {
         margin-top: 2em;
        width: 9.8% !important;
        margin-right: 0.2%
    }
    .tableFakt4 {
         margin-top: 2em;
        width: 9.8% !important;
        margin-right: 0.2%
    }
    .tableFakt5 {
         margin-top: 2em;
        width: 9.8% !important;
        margin-right: 0.2%;

    }
    .tableFakt6 {
        width: 9.8%;
        margin-right: 0.2%;
        clear: both;
    }
    .tableFakt7 {
        width: 9.8%;
        margin-right: 0.2%
    }
    .tableFakt8 {
        width: 9.8%;
        margin-right: 0.2%
    }
     .tableFakt10 {
        display: none;
    }
    .tableFakt9 {
        width: 59.8% !important;
        margin-right: 0.2%
    }

    .tableFakt10 {
        width: 9.8%;
        margin-right: 0.2%
    }
    .tableFakt11 {
        width: 9.8%;
        margin-right: 0.2%;

    }


    .table5 {
        width: 9.8%;
    }
    .table5bok {
        display: none;
    }
     .table25 {
        width: 19.8%;
    }
 .table25bok {
        width: 69.8%;
    }
 .table30bok {
        width: 69.8%;
     position: absolute;
     top:3em;
     left: 0em;
    }
 .table30bokBot {
      width: 69.8%;
 }
.dl {
    width: 69.8% !important;
}
 .table30bokwide {
        width: 100%;
    }
     .table45 {
         width: 24.8%;
     }

     .smallBokInfo {
         font-size: 0.85em;
         margin-bottom: -1em;
     }


     .ref1three {
        float: left;
        width: 100%;
        margin-right: 0%;
         margin-bottom: 1em;
    }
    .ref2three {
        float: left;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1em;

    }

    .srfSmall {
         width: 30%;
        margin-left: 35%;
    }


     .smbi {
         margin-bottom: -0.9em
     }
     #bookLines > div {
         margin-top: 1.2em;
     }
     .fakturaTableLista1 {
        font-size: 0.8em;
    }
    .fakturaTableLista2 {
        font-size: 0.8em;
    }
    .fakturaTableLista3 {
        font-size: 0.8em;
    }
    .fakturaTableLista4 {
        font-size: 0.8em;
    }
    .fakturaTableLista4b {
        font-size: 0.8em;
    }
    .fakturaTableLista5 {
        font-size: 0.8em;
    }
    .fakturaTableLista6 {
        font-size: 0.8em;
    }




     .tblHeadSmallInMob {
         font-size: 0.7em;
     }

     .fldMobSmaller {
         font-size: 0.8em;
     }
    .menuItemLeft {
        display: none;
    }


    .datInMob {
        width: 25% !important;
    }
    .forfInMob {
        width: 27% !important;
    }

    .beskrInMob {
        width: 40% !important;
    }

    .thirdFullMob {
        width: 100%;
        margin-right:0%;
        float: left;
        text-align: left;
    }



    .hideBfe {
        display: none !important;
    }

    .lage {


        box-sizing: border-box;
        margin-left: 0%;
        margin-right: 1%;

        padding: 0.5em;
        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-top: -1.9em;
         margin-bottom: 1.4em;
        background-color: #FFF !important;
        color:#000 !important;

    }

    .lageBtn {

        box-sizing: border-box;

        padding: 0.5em;
        background-color: #000 !important;
        color:#FFF;
        border:solid 1px #000;
        text-decoration: none;

        margin-top: -1.9em;
        margin-bottom: 1.4em;
    }





    .verImagesCont {
        width: 100%;
        margin: 0.5em 0 0.5em 0;
    }
    .bookInput {
        font-size: 0.60em;
    }
    .bookInputBok {
        font-size: 0.8em;
    }

    .talignR {
        text-align: right;
        line-height:2em;
    }
    .rightMobile {
        float: right;
        width: 15%;
        text-align: left;
        margin-right: 0%;
        margin-bottom: 0.7em;
        border:none;
        font-size: 0.7em;
        padding:0.2em 0.2em 0.2em 0.4em;
        background-color: rgba(255,255,255,0) !important;
    }

      .flexparent {
            flex-wrap: wrap;
      }
      .flexchild {
        width: 48%;

      }

      .infoBoxHalf {
        padding: 1em 1em 1em 1em;
            width: 100%;
            text-align: left;
          margin-bottom: 1em;
        }



      .hideOpImg {

        width: 80%;
    }

.questionBox {
    background-color: #FFF;
    border-left: none;
    border-right: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    margin: 0 -1em 0 -1em;
    box-shadow:         0px 1px 5px rgba(0,0,0, 0.2);
}

     #accountIcon {
         display: block;
     }

    .srf {
        width: 40%;
        margin-right: 30%;

    }



    .siteWrapHead{


        padding:0em 1em 0em 1em;
    }


    #headerTop h1 {
        text-align: center;
    }

    #headerTop p {
        text-align: center;
    }








    .ref1 {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 4em;
    }
    .ref2 {

        width: 100%;
        margin-right: 0%;
        margin-bottom: 1em;
    }


.startHeight {
     min-height: 6em;

}


    #headerTop {
        position:relative;
        width:100%;
        /*background-image: url('/images/start-mobil-v4.jpg');*/
        background-size: cover;
       /* color:#FFF;*/
        padding:0em 0em 1.7em 0em;

    }

    #headerTop li {
        text-align: center;


    }



    .siteWrap{

        padding:2em 0.5em 0em 0.5em;
    }




    .kontoH1 {
        margin-top: -0.7em;
    }

    .mainInfo {
        width: 100%;
        padding:0.2em 0em 0.2em 0em;
    }


    input[type=checkbox] {

        margin-top: 0.45em;


    }

    #siteLogo{
        width:30%;
        margin-left: 35%;
        margin-bottom: 2em;
    }




    .boxesHeight {
        display: unset;
    }






    .footerOne, .footerTwo {
        width: 100%;
        text-align: center;
        padding-bottom:1em;

    }

    #footer {

        padding-bottom:4em;
             /*   margin-top: 90em;*/
    }

    .foot1 {
        float:left;
        width:100%;
        text-align:center;
        margin-top:0em;


    }

    .foot2 {
        float:left;
        width:100%;
        text-align:center;
        margin-top:1em;

    }

    .footMid {
        width:100%;
        margin:3em 0 0 0;
    }

    .footMid img {
       width: 40%;
        margin-left: 31%;
    }


    .foot2 img {
        /*width: 60%;
        margin-left: 20%;*/
    }

    .foot1 img {
      width: 40%;
        margin-left: 30%;
        margin-right: 30%;
        height: auto;
    }



    .mycontact {
        overflow:hidden;
        margin-top:-40px;
    }








    #mobMenuIcon {
        display: block;
        position: fixed;
        top:0em;
        right:0em;
        width:4.5em;
        height:4.5em;
        opacity: 0.8;
        z-index: 10;
    }
     #mobMenuIcon img {
         width: 100%;
         height: auto;
     }

     #mobMenuOver {
         position: fixed;
         top:0;
         right:0;
         width: 85%;
         height: 100%;
         opacity: 0.9;
         background-color: #FFF;
         z-index: 9;
         box-shadow: -5px 0px 10px #333;
         overflow-y: scroll;
         z-index: 5001;
     }

    .mobMenuItem {
        display: block;
        width: 100%;
        padding:1em;
        text-align: left;
        color: #FFF;
        border-bottom:solid 1px #FFF;
        box-sizing: border-box;
        float:none;
        background-color: #000;
        text-decoration: none !important;
        background-position: left;
    }
    .mobMenuItemWh {
        color: #000;
        background-color: #FFF;
        border-bottom:solid 1px #000;
    }
    .mobMenuItemSub {
        font-size: 0.8em;
        width: 100%;
        padding:0.5em;
        text-align: left;

        color: #FFF;
        border-bottom:solid 1px #FFF;
        box-sizing: border-box;

    }


    .menuAccount {
        padding-left: 4.0em;
        background-position: 0.5em center;

    }



    .hideInMob {
        display:none;
    }

    .hideInComp {
        display:block;
    }

    .hideInCompInline {
        display:inline-block;
    }





.smallReg {

    word-break: break-all;
}

    .half1 {
        width: 100%;
        margin-right:0%;
    }
    .half2 {
        width: 100%;

    }





    ul {
        padding-left:0em;
    }
    li {
        margin-top:0.5em;
    }
    li::before {

    }




    .dateOne {
        text-align: center;
        width: 100%;
        margin-right:0%;

     }
    .dateTwo {
        width: 100%;
    }


    .sh1 {
        width: 100%;
    }
    .sbr {
        margin-right:0%;
    }

   .selBoxHead {
        width: 100%;
       margin-bottom: 0.3em;
    }


}



@media only screen and (max-width: 740px){

  /*  #testNow {
        position: absolute;
        bottom: -2em;
        left: -0.5em;
        width: 40%;
    }*/
}



@media only screen and (max-width: 540px){

     #verImagesBtn {
        position: absolute;
        top:0;
        left:44%;
        width: 12%;
        padding: 0.5em;
    }
}