*{
    max-height: 999999px; /* Disable font boosting on android */
}

@media screen and (max-width: 950px) {
    /*.hidden {
        display: none;
    }*/
    /*body div#SkjemaSection div#MainContent div.SkjemaContainer,
    div.SkjemaContainer div#skjema h3,
    .help-message,
    body div#SkjemaSection div#MainContent div.SkjemaContainer .guidance-container{
	    font-size:13px;

    }*/
    .guidance-container .more-text, #UserFunctions ul li,#colorbox .help-message, #MainMenu ul li, #LeftContent .content, #SiteFunctions ul li, #Footer ul li, #MainContent .container, div.RightBox, div#InfoContainer ul, .CtrlMsg p {
        font-size: 1.4em;
    }
    a.toggleGuidance {
        height: 15px;
    }
    input[type="checkbox"],input[type="radio"] {
        height: 18px;
        width: 18px;
    }
    input[readonly="readonly"] {
        color: #000;
    }
    #viewer div.SkjemaContainer h2{
        font-size: 1.6em;
        padding-right: 60px;
    }
    body.sub #MainContentArea {
        margin-top: 0;
    }
    .k247-brand {
        position: absolute;
        top: 5px;
        right: 3px;
        z-index: 10000;
    }
    #PageHeader #Header > .grid_12 {
        height: auto;
        margin-top: 33px;
    }
    #PageHeader h1 {
        width: 100%;
    }
    #PageHeader h1 a {
        height: 50px;
        margin-top: 0;
    }
    #PageHeader h1 a img {
        height: 30px;
    }
    #PageHeader h1 a span {
        font-size: 14px;
        margin-left: 30px;
        padding-top: 7px;
    }
    #PageHeader #Header > .grid_12 {
        margin-top: 0;
    }
    .container_12, .grid_12, #SkjemaSection, #LeftContent, #skjema{
        width: 100% !important;
        min-width: auto !important;
    }
    #MainContent {
        min-width: auto !important;
        float: none;
    }
    .container.clearfix{
        clear:both;
    }
    .grid_12, #LeftContent{
        margin: 0 0 8px 0;
    }
    
    #LeftContent #SkjemaNav{
        height: auto !important;
    }
    #LeftContent #SkjemaNav nav > h3, #LeftContent #SkjemaNav nav > span{
        display: none;
    }
    .SkjemaContainer #skjema {
        min-height: auto;
    }
    #viewer .SkjemaContainer #skjema > table {
        position: static !important;
    } 
    #viewer .SkjemaContainer #skjema table.panelTable {
        position: static !important;
        width: 95% !important;
    }
    #viewer .SkjemaContainer #skjema table.panelTable .deletePanelRow {
        background:#A90000;
        color: white;
        border-radius: 3px;
        padding: 3px;
        text-decoration: none;
    }
    #viewer .SkjemaContainer #skjema table.panelTable .deletePanelRow.disabled {
        background:#999;
        color: white;
        border-radius: 3px;
        padding: 3px;
    }
    #viewer .SkjemaContainer #skjema table.panelTable .addPanelRow {
        background:#039;;
        color: white;
        border-radius: 3px;
        padding: 3px;
        margin: 5px 0;
        text-decoration: none;
        display: inline-table;
    }
        
    #viewer .SkjemaContainer #skjema table.panelTable tr td > div {
        margin-bottom: 20px;
    }
    #viewer .SkjemaContainer #skjema table.panelTable div {
        position: static !important;
        width: inherit !important;
        height: inherit !important;
    } 
    #skjema input[type=text] {
        max-width: 95%;
    }
    #skjema > div {
        /*display: block !important;*/
        margin: 5px;
        position: static !important;
        width: 93%;
    }
    #skjema > div {
        padding-bottom: 8px;
        padding-top: 3px;
        border-top: dotted 1px lightgray;
    }
    #skjema > div:first-child, #skjema > div.conditional-div {
        padding-bottom: 0;
        border-top: 0;
    }
    #skjema > div p{
        margin:0;
    }
    #SkjemaLinks {
        height: auto !important;
    }
    #SkjemaLinks, #Guidance, #Guidance #guidanceList, #Guidance .container {
        border: 0;
        margin: 0;
    }
    #SkjemaLinks, #Guidance #guidanceList, #Guidance .container li {
        padding: 0 5px;
    }
    #SkjemaLinks > h3 {
        display: none;
    }
    .mobile-input-full{
        width:100% !important;
    }
    .mobile-input-small{
        width:100px !important;
    }
    .error-link {
        display: block !important;
    }
    .help-message {
        color: #000000;
        padding-right: 30px;
    }
    table.datagrid p {
        padding-right: 0px;
        font-size: 1em;
    }
    .help-message:empty {
        display: none;
    }

    div.mobile-menu, div.mobile-help, div.mobile-login, div.mobile-nav {
        float: left;
        background: grey;
        color: white;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom:4px;
        cursor: pointer;
    }
    div.mobile-help a {
        color: white;
        text-decoration: none;
    }
    div.mobile-nav ol li{
        float: left;
        display: inline;
        margin: 3px;
        border-radius: 8px;
        border: 2px solid #fff;
        width: 13px;
        height: 13px;
        background: #D3D3D3;
    }
        div.mobile-nav ol.small-buttons li{
        margin: 5px 1px 5px 1px;
        border-radius: 6px;
        border: 1px solid #fff;
        width: 13px;
        height: 13px;
        background: #D3D3D3;
    }
    div.mobile-nav ol li.active {
        background: dodgerblue;
    }
    div.mobile-nav {
        height: 100%;
    }
    div.mobile-nav ol{
        float: left;
        display: inline;
        margin: 3px;
    }
    div.mobile-nav ol li a::after, div.mobile-nav ol li.active::after {
        content: " ";
    }
    div.mobile-nav ol li a {
        display: block;
        height: 12px;
    }
    div.mobile-menu.active, div.mobile-help.active, div.mobile-login.active {
        background: #D3D3D3 ;
        color: black;
    }
    #RightContent, #UserFunctions{
        width: 100%;
        margin: 0;
        padding: 0;
        padding-left: 0 !important;
    }
    #RightContent #help{
        padding: 5px 10px !important;
        font-size: 1.5em;
        display: block;
        margin-bottom: 10px;
        border: 0 !important;
    }
    body > #colorbox {

    }
    #colorbox > #cboxWrapper {

    }
    #RightContent > div, #RightContent > div ul.container{
        height: auto;
        min-height: 10px;
    }
    #UserFunctions{
        float: left;
        background: white;
    }
    #UserFunctions ul{
        float: left;
        width: 100%;
    }
    #LeftContent .content ul.cat_list li {
        background: none;
    }
    #LeftContent .content ul.cat_list li.selectedItem {
        background:lightgrey;
        position: relative;
        height: 28px;
    }
    #LeftContent .content ul.cat_list li.selectedItem:after {
        content: " ";
        display: block;
        border: 10px solid transparent;
        border-top-color: lightgrey;
        width: 0;
        height: 0;
        position: relative;
        top: -1px;
        left: 200px;
    }
    #LeftContent .content ul.cat_list li.selectedItem a {
        background:transparent;
        color: black;
    }
    #LeftContent .content ul.cat_list li.selectedItem a:focus {
        background:none !important;
    }
    .acc-content{
        margin-bottom:30px;
    }
    #UserFunctions .grid_12 {
        background: white !important;
    }
    #UserFunctions ul li{
        float: right;
        display: inline;
        margin: 0;
        border-bottom: solid 1px #E9E9E9;
        padding: 1px 1px !important;
    }
    #UserFunctions ul li a{
        text-decoration: none;
    }
    #UserFunctions h3, #LeftContent .content > h3{
        padding: 5px 0 0 7px;
        color: #000000;
        font-size:12px;
        font-weight: bold;
        background: #D3D3D3 none repeat scroll 0% 0%;
        border: 1px solid #D3D3D3 ;
        margin: 0;
        height: 18px;
    }
    #PageHeader #Header .grid_12 {
        height: auto;
    }
    #LeftContent, #RightContent, #UserFunctions.mobile-menu-items{
        display: none;
    }
    #LeftContent.active, #RightContent.active, #UserFunctions.active{
        display: block;
    }
    #LeftContent .progress_list li.active + li
    {
        margin-top: 0;
    }
    #LeftContent .progress_list li.active
    {
        background: lightgrey;
	    border: 0 none;
	    font-weight: bold;
	    padding-bottom: 0px;
        height: 20px;
    }
    #LeftContent .progress_list li.active:after {
        content: " ";
        display: block;
        border: 10px solid transparent;
        border-top-color: lightgrey;
        width: 0;
        height: 0;
        position: relative;
        top: 6px;
        left: 200px;
    }
    #Footer {
        margin: 0;
        text-align: center;
     }
    #Footer ul {
        display: inline-block;
    }
    #Footer .last, #Footer .formid{
        display: none;
    }
    #MainContentArea {
        margin-bottom: 0;
    }
    #SiteFunctions {
        position: absolute;
        top: 40px;
        right: 5px;
    }
    #MainContent .container{
        background-color:transparent;
    }
    div.accordion.login-box {
        width: 100%;
    }
    #Guidance h3:first-child{
        color: #000000;
        font-size:12px;
        font-weight: bold;
        background: #D3D3D3 none repeat scroll 0% 0%;
        border: 1px solid #D3D3D3 ;
    }
    #Guidance span.nud, span.nud {
        background: #D3D3D3;
        position: relative;
        left:210px;
        top: -7px;
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        transform: rotate(45deg);

    }
    #LeftContent .box {
        border: solid 1px #D3D3D3;
    }
    div.mobile-help, div.mobile-menu {
        font-size: 25px;
        font-weight: bold;
        padding: 0 10px 2px 10px;
    }
    div.mobile-login {
        padding: 6px 7px;
    }

    .loginUser{
        width: 20px;
        height: 20px;
        position: relative;
        text-align: center;
        overflow: hidden;
    }
    .loginUserUpper, .loginUserLower{
        display: inline-block;
        background: white;
        border-radius: 100%;
    }
    .mobile-login.active .loginUserUpper, .mobile-login.active .loginUserLower{
        background: black;
    }
    .logged-inn .loginUserUpper, .logged-inn  .loginUserLower{
        display: inline-block;
        background: #c1ffc1; /* 84c1ff*/
        border-radius: 100%;
    }
    .logged-inn.mobile-login.active .loginUserUpper, .logged-inn.mobile-login.active .loginUserLower{
        background: #00b900;
    }
    .loginUserUpper{
        width: 50%;
        height: 50%;
    }
    .loginUserLower{
        width: 100%;
        height: 100%;
        margin-top: -4px;
    }
    input, select {
        padding: 5px 2px 5px 2px;
        margin: 2px 0 2px 0;
    }
    input.search-field {
        max-width: 290px;
    }
    .SkjemaBottomNav .btn input, .SkjemaBottomNav .btn.next input{
        width: 50px;
        height: 40px;
        background-position: 50%;
    }
    .SkjemaBottomNav .btn.next.disabled input {
        background-position: 90%;
    }
    .SkjemaBottomNav .btn.submit input {
        width: 130px;
    }
    .SkjemaBottomNav p.help-message {
        display: none;
    }
    .SkjemaContainer #skjema {
        height: auto !important;
    }
    .cookie-info-container {
        padding: 10px 30px 0 10px !important;
        font-size: 12px !important;
        width: 85% !important;
    }
    .cookie-info-container h1{
        font-size: 20px !important;
    }
    #Templates ul.fullwidth li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .moveUpRowDisabled, .moveUpRow, .moveDownRowDisabled, .moveDownRow, .deleteRow {
        border: 1px solid #ccc;
        border-bottom-color: #bbb;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-position-x: 6px !important;
        background-position-y: 3px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    /* Guidance fields */
    .guidance-container{
        background: #eee;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        position:relative;
    }
    .guidance-container .text {
        padding:5px;
        border:solid 1px #bbb;
    }

    .guidance-container .guidance-text {
        background:lightblue;
    }
    .guidance-container .more-text {
        background:lightblue;
    }

    .guidance-container span{
        border:solid 1px #bbb;
        border-radius:4px;
        position:absolute;
        right:35px;
        top:-24px;
        cursor: pointer;
        width:25px;
        text-align:center;
        height:20px;
        font-size:14px;
        font-weight:bold;
    }
    .guidance-container span.active{
        height:24px;
        border-bottom:0;
        border-bottom-right-radius:0;
        border-bottom-left-radius:0;
    }
    .guidance-container span:first-child{
        right:5px;
    }
    .guidance-button{
        background:lightblue;
    }
    .more-button{
        background:lightblue;
    }
    a.addRow{
        border: 1px solid #ccc;
        border-bottom-color: #bbb;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding:5px;
        display:inline-block;
        margin-bottom:5px;
        margin-top:3px;
        text-decoration:none;
    }
}
#cboxTitle {
    display: none !important;
}
@media screen and (max-width: 520px) {
    #MainMenu ul li span {
        background: none;
        padding-left: 0;
    }
    .login-box ul.form-table li label, .login-box ul.form-table li a, .login-box ul.form-table li span, .login-box ul.form-table li input {
        display: block;
        width: 90%;
    }
    .login-box ul.form-table li.acceptPrivacy label, .login-box ul.form-table li.acceptPrivacy a, .login-box ul.form-table li.acceptPrivacy span{
        display: inline-block;
        width: 80%;
    }
    .login-box ul.form-table li.acceptPrivacy input {
        display: inline;
        width: 15%;
        vertical-align: top;
    }
    .login-box ul.form-table li {
        position: relative;
    }
    .login-box ul.form-table li .asterisk {
        position: absolute;
        right: 0;
        top: 20px;
        width: 8%;
    }
    
}
@media screen and (max-width: 440px) {
    #MainMenu ul li {
        display: inline-block;
        width: 100%;
    }
    #SiteFunctions {
        top: 100px;
    }
    #MainMenu {
        position: static;
        top: 0;
    }
    #PageHeader #Header > .grid_12 {
        margin-top: 0;
    }
    header {
        height: 40px;
        /*display: none;*/
    }
}
/* Skulle denne vært inne i media<980? 
#Guidance h3:first-child{
    padding: 5px 10px;
}*/

.autocomplete__label,
.checkbox-list__label,
.data-grid__label,
.date-box__label,
.date-calendar-box__label,
.dropdown-list__label,
.filebox__label,
.label__text,
.multiline-box__label,
.panel-row__label,
.radio-buttonList__label,
.text-box__label{
    font-size:14px;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
}

@media screen and (min-width:992px){
    .autocomplete__label,
    .checkbox-list__label,
    .data-grid__label,
    .date-box__label,
    .date-calendar-box__label,
    .dropdown-list__label,
    .filebox__label,
    .label__text,
    .multiline-box__label,
    .panel-row__label,
    .radio-buttonList__label,
    .text-box__label{
        font-size:11.172px;
    }
}