html {



}

body {
        background-color: #003B81;
        margin:0;

        font-family: 'Lato', sans-serif;

        font-size: 15px;
        color:#333;

}

h1 {
        font-family: 'PT Sans', sans-serif;
        font-size: 2.5em;
        font-weight: bold;
        margin:0 0 0.3em 0;

}
#logoarea h1 {
    color:#FFF;
    text-align: center;
    margin-top: 1.35em;
}
#logoarea h2 {
    color:#FFF;
    text-align: center;
    margin-top: 1em;
}



h2 {
        font-family: 'PT Sans', sans-serif;
        font-weight: bold;
        font-size: 1.3em;
        font-weight: bold;
        margin:0.8em 0 0.8em 0;
}
.subH {
    margin-top:2em;
}

h3 {
        font-size: 1.15em;
        font-weight: bold;
        margin:0 0 0.4em 0;
}
h4 {
        font-size: 1em;
        font-weight: bold;
        margin:1.3em 0 -0.3em 0;
}

p {
    font-size: 1.0em;
    margin:0.7em 0 0.5em 0;
    line-height: 1.4em;
}

a {
    color: #003B81;
}
img {
        display: block;
        max-width: 100%;
        width: 100%;
}


#fullTop {

    width:100%;
    padding:0;
    background-color:#003B81;
    min-height:40em;

    background-image: url(images/plan.jpg?id=1);
    background-repeat: no-repeat;
    background-position: top center;
}

#fullTopAdmin {

    width:100%;
    padding:0;
    background-color:#003B81;
    min-height:5em;

    background-image: url(images/plan.jpg?id=1);
    background-repeat: no-repeat;
    background-position: top center;
}


#logoarea {
    max-width:1000px;
    margin:0em auto 0em auto;
    padding:1em 3em 1em 3em;
    overflow: hidden;
    box-sizing: border-box;
}



.logoareaImgLeft {
    float:left;
    width:25%;
    text-decoration: none;
    color: #FFF;
    margin-top:0.6em;
}

#theMenu {
    float:right;
    width:75%;
    margin-top:0.3em;

}

#theLink {
    background-color: #F75A33;
    color:#FFF;
    width:50%;
    margin: 1em 0 1em 25%;
    padding:0.5em;
    border-radius:0.5em;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    box-shadow:  0px 0px 10px #333;

}
#theMenu a {
    float:right;
    padding:0.5em 0.3em 0.5em 0.3em;
    text-decoration: none;
    color: #FFF;
    margin-left:0.15em;
    margin-top:0.15em;
    font-size:1.1em;
    border-radius:0.5em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.05em;
}


#mobMenu {
    display: none;
 }

#theMobMenu {
    position: fixed;
    top:0.5em;
    right:0.5em;
    width:12%;
    height:6em;
    background-image: url(images/menu.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1001;

}

.formBen {
    width:100%;
    float:left;
    padding-bottom:0.4em;
    line-height: 1.25em;
    text-align: left;
    font-weight: bold;

}
.formFld {
    width:100%;
     float:left;
}
.formWide {
    width: 100%;
    line-height: 1.4em;
    margin-bottom:0.4em;
}

.sugg {
    width: 100%;
    padding:0.5em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFF;
}
.suggSel {
    display: none;
    width: 100%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius:0.5em;
}

.showSeleted {
    width: 100%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius:0.5em;
}


.showSeletedWithSideBox {
    width: 90%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFF;
    border-radius:0.5em;
    float:left;
    box-sizing: border-box;
}


.visible {
   display: block;
}
.invisible {
   display: none;
}

.loading {
    display:none;
}
.loading img {
    width: 10% !important;
    margin-left:45%;
}


.infoBox {
    font-weight: bold;
    cursor: pointer;
    background-color: #003B81;
    color:#FFF;
    padding:0.2em 0.7em 0.2em 0.7em;
    border-radius: 1em;
    line-height: 0;
}



.removeBox {
    float:left;
    width: 8%;
    margin-right:2%;
    font-weight: bold;
    cursor: pointer;
    background-color: #FF0000;
    color:#FFF;
    line-height: 1.2em;
    padding:1em 0.7em 1em 0.7em;
    border-radius: 0.5em;
     box-sizing: border-box;
    text-align: center;
}

.plusBox {
    float:left;
    width:1.4em;
    height:1.4em;
    margin-right:0.3em;
    margin-top:-0.1em;
    font-weight: bold;
    cursor: pointer;
    border:solid 0.1em  #006600;
    color:#006600;
    padding:0em;
    border-radius: 1.4em;
    line-height: 1.4em;
    text-align: center;
}
.minusBox {
    display:none;
    float:left;
    width:1.4em;
    height:1.4em;
    margin-right:0.3em;
    margin-top:-0.1em;
    font-weight: bold;
    cursor: pointer;
    border:solid 0.1em  #FF0000;
    color:#FF0000;
    padding:0em;
    border-radius: 1.4em;
    line-height: 1.4em;
    text-align: center;
}

.plusMinusWider {
     width:1.6em;
    height:1.6em;
    border-radius: 1.6em;
    line-height: 1.6em;
}

.stegForSteg>span {
    padding:0.3em 0.6em 0.3em 0.6em;
    background-color: #DADADA;
    margin-right:0.2em;
    margin-bottom:0.2em;
    display: inline-block;
}


.activeStep {
   background-color: #003B81 !important;
    color:#FFF;
    box-sizing: border-box;
}



.showTheInfo {
    display:none;
    border: solid 0.1em #003B81;
    border-radius:  0.5em;
    padding:0.5em;
    background-color: #FFF;
    margin-bottom:0.4em;
    font-size: 0.9em;
}







.theBtn {
    width:100%;
    background-color: #003B81;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}


.smallBtn {
    display: inline-block;
    background-color: #003B81;
    color:#FFF;
    padding:0.3em 0.5em 0.3em 0.5em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}

.rattEjRatt {
    width: 1.4em;
    height: 1.4em;
    float:left;
    margin-right:0.5em;
}

.bidBtn {
    width:100%;
    background-color: #2B6078;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}


#bankIdImage {
    display: block;
    width: 20%;
    margin-left: 40%;
    text-align: center;
}





.table10 {
    width:10%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}

.table20 {
    width:20%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}
.table30 {
    width:30%;
    height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;
}
.table80 {
    width:80%;
    min-height: 1.6em;
    float:left;
    margin-bottom:0.4em;
    overflow: hidden;
    padding:0.3em 0.3em 0.3em 0em;
    box-sizing: border-box;

    overflow-wrap: normal;
    overflow-wrap: break-word;


}

.theForm {
    position: relative;
    background-color:#FFF;
    background-image: linear-gradient(#F2F2F2, #FFF); /* Standard syntax (must be last) */
    width:100%;
    float:left;
    min-height:10em;
    border-radius: 1em;
    padding: 1.5em;
    text-align: left;
    box-sizing: border-box;
    border:solid 0.1em #F2F2F2;
    opacity: 0.9;
    margin-bottom:2em;

}

.third {
    background-color:#F2F2F2;
    background-image: linear-gradient(#F2F2F2, #FFF); /* Standard syntax (must be last) */
    width:30%;
    float:left;
    min-height:20em;
    border-radius: 1em;
    padding: 1.5em;
    text-align: center;
    box-sizing: border-box;
    border:solid 0.1em #F2F2F2;
}
.thirdMid {
    background-color:#F2F2F2;
    background-image: linear-gradient(#F2F2F2, #FFF); /* Standard syntax (must be last) */
    width:30%;
    margin-left:5%;
    margin-right:5%;
    float:left;
    min-height:20em;
    border-radius: 1em;
    padding: 1.5em;
    text-align: center;
    box-sizing: border-box;
    border:solid 0.1em #F2F2F2;
}
.third img, .thirdMid img {
    width: 40%;
    margin-left: 30%;
}

.halfInput1 {
    width:49%;
    float:left;
}
.halfInput2 {
    width:49%;
    margin-left:2%;
     float:left;
}


.refName {
    font-style: italic;
}

.kampanj {

    width: 14em !important;
    position: absolute;
    top:-11em;
    right:-3.5em;
    display: block;

    /* display: none !important; */
}
.leftP {
    text-align: left !important;
    color:#333 !important;
}


.oneThirdClean {
    width: 30%;
    margin-right:3.3%
}

.logoInWhite {
    width:30%;
    margin-left:35%;
}
.footLink {
    display: inline-block;
    margin:0.2em 0 0.2em 0;
    padding:0em 0em 0.2em 0em !important;
}

.footLink>a {
    color: #FFF;
    text-decoration: none;
    margin:0 0 0.5em 0;
}


#footerarea {
    width:100%;
    /* background-color: #003B81;*/
    margin:0em auto 2em auto;
    min-height:5em;
    /*box-shadow: 0px 1000px 0px 1000px #003B81;*/
    text-align: left;
    padding-top:2em;
    color:#FFF;
}
#footerarea p {
   text-align: left;
    padding:0em 2em 1em 0em;

}

.footerBack {
    background-image: url('/images/bottomback_nowhite.jpg');
    background-repeat: repeat-x;
    background-position: top;

}

.smallTimePick {
    width:32%;
    margin-right:1%;
    float:left;
}

#footerOne {
    box-sizing: border-box;
    float:left;
    width:33%;
    margin-right:3.5%;
    /*border-right:solid 0.1em #FFF;*/
    height: 8em;
}
#footerTwo {
    box-sizing: border-box;
    float:left;
     width:31%;
    margin-right:3.5%;
    /*border-right:solid 0.1em #FFF;*/
    height: 8em;
}

.contactIcons {
    width:20%;
    float:right;
    margin-left:2%;
}
.contactIconsOnContact {
    width:3%;
    float:left;
    margin-left:0%;
    margin-right:0.5%;
}
#footerThree {
    box-sizing: border-box;
    float:left;
    width:29%;
    text-align:right;
}



.fullContainer {

    width:100%;
    margin:0 auto 0 auto;
    background-color: #003B81;
}


.container {
    padding:3em;
    max-width: 1000px;
    margin:0 auto 0 auto;
    box-sizing: border-box;

}




#cookieInfo {
    position: fixed;
    bottom:0;
    left:40%;

    width: 20%;
    display: none;
    background-color: #FFFF99;
    color: #000;
    padding:0.5em;
    text-align: center;
    border:solid 0.05em #000;
    border-bottom:none;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;

}

.inLink {
    background-color: #003B81;
    color:#FFF;
    padding:0.4em;
    border-radius:0.5em;
}



input, select {
    width: 100%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius:0.5em;
}

input[type=submit] {
    width:100%;
    background-color: #003B81;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-radius: 0.5em;
}
label {
    width:5em;
    text-align: center;
    border:solid 0.05em #CCC;
    padding:1em;
    float:left;
    margin-right:1em;
    border-radius: 0.5em;
    background-color: #FFFAD9;
}
textarea {
    width: 100%;
    padding:2%;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    color:#333;
    resize: none;
    line-height:1.2em;
    font-family: 'Lato', sans-serif;
    font-size:1em;
    height:8em;
    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius:0.5em;
    overflow: scroll;

}
#showTerms {
    font-size: 0.9em;
    border:solid 0.1em #CCC;
    background-color: #FFF;
    padding: 0.5em;
}
#showTerms h1 {
    display:none;
}
#showTerms .theForm {
    padding: 0em;
    border:none;
}
#showTerms .clr_two {
height:0;
}


.messRed {
    color:#FF0000;
    padding:0.5em;
    border:solid 1px #FF0000;
    margin-bottom:0.5em;
    border-radius:0.5em;

}
.messGreen {
    color:#006600;
    padding:0.5em;
    border:solid 1px #006600;
    margin-bottom:0.5em;
    border-radius:0.5em;

}


.point-down {
    width: 1.4em;
    display: inline-block;
    margin-bottom:-0.5em;
    margin-left:0.5em;
}


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

.clr_one {
    clear:both;
    width: 1px;
    height: 0.8em;
}

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

.clr_line {
    clear:both;
    height: 1em;
    margin-top:1em;
    border-top:solid 1px #CCC;
}

.contForm {
    height: 30em;
    overflow: hidden;
     position:relative;
}

.verif {
    position:absolute;
    top:-100px;
}


.hideInMob {
    display:block;
}

.hideInComp {
    display:none;
}

.hideInAll {
    display:none;
}

.nodec {
    text-decoration: none;
    color:#333;
}

.checkThisText {
    width: auto;
    float: left;
    padding: 0 0.2em 0 0.2em;
    line-height: 3.5em;
}
.checkThis {

    background-repeat: no-repeat;
    background-size: cover;
    width:2em;
    height: 2em;
    border: solid 0.15em #CCC;
    float:left;
    margin-right:0.7em;
    margin-top:0.6em;
    border-radius:0.2em;
}
.cChecked {
    background-image: url(images/checkbox_1.png);
}
.cNotChecked {
    background-image: url(images/checkbox_0.png);
}

.crsr {
    cursor: pointer;
    cursor: hand;
}


li {
    padding:0.3em;
}


#partOne {
    margin-top:2em;
}


#partTwo {
    display: none;
}

#partThree {
    display: none;
}

#partFour {
    display: none;
}

#partBankId {
    /*display: none;*/
}

#signeraAnmalan {
    height: 20em;
}

#signeraAnmalanDiv {
    width: 100%;
    padding:2%;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    color:#333;
    resize: none;
    line-height:1.2em;
    font-family: 'Lato', sans-serif;
    font-size:1em;
    height:auto;
    box-sizing: border-box;
    background-color: #FFFAD9;
    border-radius:0.5em;

}


#signWithBankIdLoading {
    display: none;
}

p#bidinfop{
    padding:1em;
    border:1px solid #FF0000;
    color:#FF0000;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /* max-width: 500px; */
    display: none;
    box-sizing: border-box;
}

div#bankIdDoneBox{
    padding:1em;
    border:1px solid #006600;
    color:#006600;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /* max-width: 500px; */
    display: none;
    box-sizing: border-box;
}

span.bid-fors-igen{
    padding:0.3em;
    text-decoration: none;
    cursor: pointer;
    background-color: #FF0000;
    color:#FFF;
}