/* 1em = 16px */
.mobile_content {
    position: relative;
    min-height: 388px;
    height:100%;
    color: #666666;
    font-family: "Arial Regular", Arial, sans-serif;
}



.mobile_content * {
    margin: 0;
    padding: 0;
}

.signingtext {
    position: relative;
    width: 330px;
    color: #666666;
    font-family: "Arial Regular", Arial, sans-serif;
    font-size: 10px;
    text-align: left;
}

.mobile_content .layout1 {
    height: 240px;
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
}

.mobile_content .layout2 {
    height: 240px;
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
}



.mobile_content .layout3 {
    height: 240px;
    background-image: url(../images/bubble2.png);
    background-repeat: no-repeat;
}

.mobile_content .bubble {
    height: 240px;
    background-image: url(../images/bubble2.png);
    background-repeat: no-repeat;
}
.mobile_content .bubblebig {
    width:500px;
    height: 309px;
    background-image: url(../images/bubble2.png);
    background-repeat: no-repeat;
    background-position:center;

}


.mobile_content .layout4 {
    height: 240px;
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
}

.mobile_content .layout5 {
    height: 240px;
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
}

    .mobile_content .layout5 .errorImg {
        position: absolute;
        top: 146px;
        left: 30px;
        padding: 2px;
        text-align: right;
        color: #666666;
    }

    .mobile_content .layout5 .errorTxt {
        position: absolute;
        font-size: 10px;
        font-family: "Arial Regular", Arial, sans-serif;
        top: 151px;
        left: 70px;
        padding: 2px;
        text-align: right;
        color: #666666;
    }

.mobile_content h1 {
    position: absolute;
    font-size: 12px;
    top: 72px;
    left: 30px;
    color: #666666;
    font-family: "Arial Bold", Arial, sans-serif;
}

.mobile_content .layout4 h1 {
    position: absolute;
    font-size: 24px;
    left: 0;
    top: 80px;
    width: 100%;
    text-align: center;
}

.mobile_content h2 {
    position: absolute;
    font-size: 24px;
    top: 106px;
    left: 30px;
}

.mobile_content .layout2 .ref_nr {
    color: #000000;
    padding: 4px;
    font-family: "Arial Bold";
    font-size: 10px;
}
.mobile_content .layout2 .help_text {
    font-family: "Arial Bold", Arial, sans-serif;
    text-align: left;
    top: 110px;
    position: absolute;
    font-size: 10px;
    width: 200px;
    padding: 5px;
    left: 20px;
}
.mobile_content .layout2 .help_textbig {
    font-family: "Arial Bold", Arial, sans-serif;
    text-align: left;
    top: 120px;
    position: absolute;
    font-size: 12px;
    width: 200px;
    padding: 20px;
    left: 20px;
    
}

.mobile_content .layout2 .help_text2 {
    position: relative;
    top: 24px;
    width: 232px;
}

.mobile_content .layout3 .help_text {
    position: absolute;
    top: 115px;
    width: 200px;
    padding: 5px;
    left: 20px;
    text-align: left;
    font-size: 10px;
    font-family: "Arial Regular", Arial, sans-serif;
}

.mobile_content .field {
    width: 200px;
    font-size: 10px;
    top: 96px;
    color: #666666;
}

    .mobile_content .field.phone {
        position: absolute;
        left: 30px;
        text-align: left;
    }

.input_field_img {
    background-image: url(../images/background_in.png);
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
}

.mobile_content .field.alias {
    position: absolute;
    left: 218px;
    text-align: left;
}

.mobile_content .field input {
    background-color: transparent;
    width: 163px;
    margin-top: 7px;
    padding: 1px;
    padding-left: 3px;
    border: none;
}

.mobile_content #submit_button {
    position: absolute;
    top: 192px;
    left: 328px;
    width: 40px;
    height: 18px;
    font-size: 13px;
    color: #666666;
    font-family: "Arial Regular", Arial, sans-serif;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    padding: 0;
    min-width: auto;
}

.mobile_content #cancel_button {
    position: absolute;
    top: 192px;
    left: 278px;
    width: 40px;
    height: 18px;
    font-size: 13px;
    color: #666666;
    font-family: "Arial Regular", Arial, sans-serif;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    padding: 0;
    min-width: auto;
}

.mobile_content .layout5 #submit_button {
    top: 193px;
}

.isGreen .bankidlogin .usermessage {
    /*display: none;*/
    margin-top: 270px;
}

.center {
    text-align: center;
}

.inline_block_form {
    display: inline-block;
}

.Box {
    max-width: 600px;
    /*min-width:300px;*/
    /*margin: auto;*/
    /*height:420px;*/
    padding: 0;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    font-size: 100%;
}

.mobile_content_main {
    flex: 1 1 auto;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    /*margin-top: 3em;
    margin-bottom: 3em;*/

    
}

/*body {
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: #f7f8fa;
    color: #222;
    font-family: "Open Sans",sans-serif;
    line-height: 1.5em;
    letter-spacing: .1px;
}*/

.Box_Section {
    background-color: #fff;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
}
.Box_Section-ServiceProvider {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1.8rem;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #e6ebf0;
}

.Box_Section_Title {
    font: 600 .875em "Open Sans",sans-serif;
    color: #5e6b77;
    text-transform: uppercase;
}

.Box_header {
    padding: 0 1rem 0 1rem;
    border-bottom: 1px solid #e6ebf0;
    background-color: #f7f8fa;
    line-height: 1.5em;
    letter-spacing: .1px;
    box-sizing: border-box;
}

.Box_footer, .Box_header {
    display: flex;
    justify-content: space-between;
   
    
}


    
    .Box_footer > *, .Box_header > * {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.Box_header-title.with-logo {
    position: relative;
    padding-left: calc(.5em + 25px);
}

.Box_header-title {
    text-transform: uppercase;
    font-size: .875em;
    line-height: 1.2em;
    color: #222;
    font-weight: 700;
    min-height: 60px;
    margin: 0;
}


.Box_header-provider img {
    height: 2em;
}

.Box_main {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #fff;
}

.fm-Progress_Container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3em;
}
.fm-Progress_Dot.active, .fm-Progress_Dot.current {
    width: 1em;
    height: 1em;
    background-color: #006cff;
}

.fm-Progress_Dot {
    width: .65em;
    height: .65em;
    border-radius: 1em;
    background-color: #c8c8c8;
    margin: 0 .25em;
}
.fm-Fields {
    background-color: #fff;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
}
.fm-Field:first-child {
    margin-top: 0;
}

.fm-Field {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}



input[type=email], input[type=password], input[type=tel], input[type=text], textarea {
    border: 1px solid #e7e8ea;
    padding: 8px 12px;
}

.fm-Controls.with-Normal.with-Action {
    flex-direction: row-reverse;
}

.fm-Controls.with-Action {
    flex-direction: column;
    align-items: flex-end;
}

.fm-Controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3rem 1rem 1rem 1rem;
    flex-wrap: wrap;
}

    .fm-Controls.with-Normal.with-Action > * {
        flex: 1 1 0;
    }

.btn-Action {
    color: #fff;
    background-color: #006cff;
    height: 4.5em;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .875em;
}

.fm-Controls > * {
    padding: 0 2rem;
    margin: 0 1rem 1rem 1rem;
    white-space: nowrap;
}


.btn-Normal {
    color: #5e6b77;
    background-color: #fff;
    border: 1px solid #e7e8ea;
    outline: 0;
    height: 4.5em;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .875em;
}
.Box_footer {
    padding: 0 1rem 0 2rem;
    border-top: 1px solid #e6ebf0;
    min-height: 2.5em;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.Box_header-title.with-logo:before {
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    top: 1.25em;
    background-repeat: no-repeat;
    background-size: 100%;
}

.Box_header-title.logo-eid-gray:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2NCA2NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjQgNjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkE2QTZBO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3LjQsNDAuOEwyNy40LDQwLjhMMjAsNTAuN2wwLDBjLTEsMS45LDAuOSwyLjksMS4xLDNsMCwwdjIuNEgxMGMtMC40LDAtMC44LTAuMy0wLjgtMC44di05YzAsMCwwLDAsMC4xLDAKCWMxLjMtMC4xLDIuMS0wLjksMi4xLTIuMXYtNy43YzAtMC40LTAuMS0wLjgtMC40LTEuMWMtMC40LTAuNi0wLjgtMC45LTEuNy0wLjljMCwwLDAsMC0wLjEsMFYyMy45aDExLjl2Mi40bDAsMAoJYy0wLjIsMC4xLTIuNCwxLTEuNiwyLjhsMCwwTDI3LjQsNDAuOEwyNy40LDQwLjhMMjcuNCw0MC44TDI3LjQsNDAuOHoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU0LjgsMzQuNUw1NC44LDM0LjVjLTAuOSwwLTEuMywwLjMtMS44LDAuOWMtMC4yLDAuMy0wLjQsMC43LTAuNCwxLjF2Ny43YzAsMS4yLDAuNywyLjEsMi4xLDIuMQoJYzAsMCwwLDAsMC4xLDB2OWMwLDAuNC0wLjMsMC44LTAuOCwwLjhINDIuOXYtMi40bDAsMGMwLjItMC4xLDIuMi0xLjEsMS4xLTNsMCwwbC03LjUtOS45bDAsMGwwLDBsMCwwbDAsMGw3LjktMTEuNmwwLDAKCWMwLjgtMS44LTEuNS0yLjgtMS42LTIuOGwwLDBWMjRoMTEuOUw1NC44LDM0LjVMNTQuOCwzNC41eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTQuOCwxOS43SDkuMnYtOS40YzAtMS4zLDEtMi40LDIuMi0yLjZsMCwwaDYuMnY1LjZoOS4yYzAuNSwwLDAuNy0wLjIsMC43LTAuN1Y3LjdoOS4xdjQuOQoJYzAsMC41LDAuMiwwLjcsMC43LDAuN2g5LjFWNy44aDUuOWMxLjQsMCwyLjUsMS4yLDIuNSwyLjZDNTQuOCwxMC40LDU0LjgsMTkuNyw1NC44LDE5Ljd6Ii8+Cjwvc3ZnPgo=);
}

.Box_footer-links a {
    color: #222;
    text-decoration: none;
    position: relative;
    padding: .5em;
    font-size: .875em;
}