/* Very large display targeting */
@media only screen and (min-width: 1441px) {
    .hide-for-small, .hide-for-medium, .hide-for-large, .show-for-xlarge {
        display: block !important;
    }

    .show-for-small, .show-for-medium, .show-for-large, .hide-for-xlarge {
        display: none !important;
    }
}

/* Small display targeting */
@media only screen and (max-width: 767px) {
    .show-for-small, .hide-for-medium, .hide-for-large, .hide-for-xlarge {
        display: block !important;
    }

    .hide-for-small, .show-for-medium, .show-for-large, .show-for-xlarge {
        display: none !important;
    }
}

/* Visibility Classes ---------------------- */
/* Standard visibility targeting */
.show-for-small, .show-for-medium, .hide-for-large, .show-for-xlarge {
    display: none !important;
}

.hide-for-xlarge, .show-for-large, .hide-for-small, .hide-for-medium {
    display: block !important;
}

/*Touch responsive css*/
@media only screen and (max-width: 767px) {

    #head > h1 {
        display: none;
    }

    body {
        margin: 3px;
    }

    .container_12 {
        width: 100%;
        min-width: 300px;
    }

    img {
        max-width: 100%;
        width: auto;
    }

    .chartContainer {
        max-width: 100%;
        width: auto;
    }

    .chartContainerMargin {
        margin-top: 0;
        margin-left: 0;
    }


    #graphcompare img, #linecompare img {
        max-width: 300px;
    }

    .container_12 .grid_12 {
        width: 100%;
    }

    .boxshadow.teaser {
        padding: 8px !important;
    }

    #footer .body {
        width: 100%;
    }

    #index #powerlimitnotificationlink {
        clear: both;
    }

    #footer dl {
        margin-bottom: 15px;
        margin-right: 20px;
    }

        #footer dl dd {
            max-width: 90%;
        }

    #footer .teaser {
        width: 98%;
    }

    #body .body {
        margin-bottom: 15px;
    }

    #head {
        margin-top: 0px;
    }

    .head {
        width: 95%;
    }

    #menu .category {
        width: 98%;
    }

    #logindd .user-select {
        margin: 0 0 0 0px;
        margin-bottom: 5px;
        margin-right: 0px;
        width: 93%;
        float: left;
    }

    #logindd .dropdownUser dd ul, #logindd .dropdownUser dd {
        width: 100%;
    }

    .dropdownUser dt a, #meeter-select dt a {
        /*font-size:12px;*/
    }

    #logindd .user-select a, #meeter-select dt a {
        min-width: 100px;
        max-width: 100%;
        width: 90%;
    }

    #meeter-select {
        margin-left: 0;
    }

        #meeter-select dt {
            margin-bottom: 10px;
        }

    #contactusID .container_12 .grid_9 {
        width: 100%;
    }

    #logindd {
        float: left;
        margin: 0;
        margin-top: 10px;
        padding-top: 5px;
        margin-left: 1em;
        width: 95%;
    }

        #logindd em {
            display: none;
        }

        #logindd .user-select {
            float: left;
            margin-bottom: 5px;
            margin-right: 0px;
        }

        #logindd .logout {
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 20px;
        }

    h2 {
        font-size: 18px;
    }

    .box .head h2 {
        margin: 0 0 15px;
    }

    .buttonsecondary {
        margin-top: 10px !important;
        margin-right: 10px !important;
    }

    .box .group700,
    .box .foot .group670, #consumptionfeeID .boxitems {
        width: 90%;
    }

    #consumptionfeeID .dialogbox2 {
        width: 87%;
    }

    #consumptionfeeID .box .group440, #consumptionfeeID .info3, #reportdamageformID .boxitems, #reportdamageformID textarea, #reportdamageformID .info5, #reportdamageformID .success2 {
        width: 90%;
    }

    #faqID .container_12 .grid_9, #loginID .container_12 .grid_11, #effectID .box .group250 {
        width: 99%;
    }

    fieldset .chooseOneAddress {
        max-width: 500px;
        overflow-x: scroll;
    }

    #deliverypointgroupsID input.xlarge {
        max-width: 260px;
    }

    #deliverypointgroupsID #filter, #deliverypointgroupsID #filter2 {
        width: 270px;
    }

    .box .foot .group670s {
        width: 90%;
        margin-left: 10px;
    }

    .box .group40,
    .box .group60 {
        float: left;
        width: 98%;
    }

    .box .group840 {
        width: 100%;
    }

    .box .foot .group840 {
        width: 95%;
    }

    .container_12 .grid_10, .box .group670 {
        width: 98%;
    }

    .box .group670s {
        width: 98%;
        /*margin-left: 10px;*/
    }

    #readingID #body .box, #loginstakeholderID .box .group250 {
        width: 98%;
    }

    .container_12 .grid_12, .container_12 .grid_3, .container_12 .grid_6, .container_12 .grid_11, .container_12 .grid_9, .box .group880 {
        width: 99.9%;
        margin-bottom: 10px;
    }

    #body .box.boxshadow {
        width: 99%;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        margin-left: 1px;
    }

    .table-sampleinvoice {
        overflow-x: scroll;
    }

    #consumID #ui-datepicker-div {
        overflow-x: unset;
    }

    .move .box .body .current_product .box, .move .box .body .current .box, .move .box .body .choice1 .box, .move .box .body .choice2 .box, .move .box .body .choice3 .box, .move .box .body .choice4 .box {
        height: auto;
    }

    #exploreMore .teaser {
        padding-left: 0;
    }


    .box .body .registeredStand {
        margin-top: 17px;
    }

    #filter {
        height: auto;
        float: left;
    }

        #filter .right {
            float: left;
        }

    #contactusID .marginTopContactUs {
        margin-top: 10px;
    }

    .marginTopContactUs .teaser {
        margin-left: 10px;
    }

    #exploreMore .teaser .head {
        margin-left: 10px;
    }

    #dpslist {
        padding-left: .5em;
    }

    #changeinvoiceadressID .periodechange {
        float: left;
        margin-right: 0;
    }

    #changeinvoiceadressID .typeForm {
        margin-top: 0;
    }

    #changeinvoiceadressID #norwayForm .marginTop {
        width: auto;
    }

    .marginTop {
        margin-top: 5px !important;
    }

    .marginTop40, #adressID .marginTopContactUs {
        margin-top: 10px !important;
    }

    #readingID dl.list {
        padding: 5px;
    }

    #readingID .registeredStand input {
        width: 150px;
    }

    .box .body p {
        margin-bottom: 10px;
    }

    .box .body h4 {
        margin-bottom: 5px;
    }

    #paymentdelayID .fieldset ul li em {
        width: auto;
        margin-right: 10px;
    }

    .profile .label {
        width: 110px;
    }

    .buttonsecondary.right, .buttonsecondary p.right {
        clear: both;
        float: left;
    }

    #process ul li.step {
        margin-right: 5px;
    }

    dl.list {
        width: 80%;
    }

    .box {
        margin-top: 15px;
        padding-top: 10px;
    }

        .box .group570, .box .group400, .box .foot .group900, .box .group900, .box .group800, .box .group540,
        .box .group480, .box .group460, .box .foot .group460, .box .foot .group480, .box .group540, .box .group283, .box .group410, .box .group440,
        .box .foot .group460, .selectreminder, .paymentdelay table.simple, .paymentdelay table.complex, #reportmoveID p.intro, .move .box .body .newAddress #input_label, .box .body .newAddress #input_label, .box .foot .group700, .move .body .product, .product dl, .container_12 .grid_7, .selectAddress .fieldset ul li, .selectAccount .fieldset ul li, .paymentmethod .fieldset ul li,
        #emailSendUsage .dropdownBox input, #emailSendUsage .dropdownBox textarea, #emailSendCost .dropdownBox input, #emailSendCost .dropdownBox textarea, table.simple, table.complex, .totalamount-sampleinvoice, .partialamount-sampleinvoice, .group350,
        #invoiceoverviewID .liststyle, #changeinvoiceadressID .liststyle, #sampleinvoiceID .liststyle, #efaktura-avtalegiroID .liststyle, div#tabs, #plusproductionID .box .group250 {
            float: left;
            width: 99.9%;
        }

    /* adaptive selvbetjening */
    div.my_dps_container {
        float: left;
        width: 99%;
    }

    a.closedplist {
        display: none;
    }

    #dpslist div.head {
        width: 100%;
    }

    #map iframe {
        width: 100%;
    }

    .box .below {
        width: 88%;
    }

    #smsinvoiceID .leftcontent,
    #emailinvoiceID .leftcontent {
        width: 95%;
    }

    .error, .error2, .success, .warningWhite, .info4, .warning, .warning2, .success2 {
        width: 88%;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .functions-index a {
        background: url(../img/pil_forside.png) no-repeat scroll 2px 4px transparent;
        float: left;
        font-size: 1.166666em;
        padding-left: 0px;
        width: 200px;
    }

    #personalinfoID .profile .value {
        margin-left: 1em;
    }

    #contactusID .message {
        width: 90%;
    }

    .selectInvoice .fieldset ul li strong {
        width: 80%;
        float: right;
    }

    .move .box .body .newAddress {
        margin-top: 10px;
    }

    .selectInvoice .fieldset ul li {
        line-height: 20px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .chooseproduct {
        padding-right: 0;
        margin-bottom: 1em;
    }

    .intro, .intro p {
        font-size: 1em;
    }

    .paymentdelay .fieldset ul li {
        width: 100%;
    }

    #contactusID .message textarea {
        width: 100%;
    }

    .box .body, .box .foot {
        margin-left: 5px !important;
        width: 96%;
    }

    .box .head {
        margin: 0 0 0 5px;
    }

    #faqID .marginTopFaq {
        margin-top: 5px;
    }

    #exploreMore hr, .group880 #exploreMore hr, #personalinfoID #exploreMore hr, .box .body .fieldset ul li .helptext {
        width: 90%;
    }

    .totalamount-sampleinvoice ul li h3 {
        font-size: 14px;
    }


    .alpha, .omega {
        margin-left: 0px;
    }

    li.step span.h5, li.step h5 {
        display: none;
    }

    li.step.current span.h5, li.step.current h5 {
        display: block
    }

    #index h1 {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #footer {
        margin-left: 0px;
        margin-top: 10px;
        width: 98.5%;
    }

    /*myproducts*/
    #myproducts .product dl {
        width: 95%;
    }

    .product {
        padding: 5px;
    }

    .myproducts .product dl, .myproducts .product ul {
        margin-top: 10px;
    }

    .product dt {
        width: 40%;
    }

    .productoverview .meterDetails {
        float: left;
        margin: 0;
        padding: 0;
    }

    #changeproductID .entry {
        float: left;
        margin-top: 0;
    }

    /*forms*/
    input.xlarge {
        width: 95%;
    }

    #choose li#lastName {
        margin-left: 0;
    }

    #choose li#or {
        float: none;
        margin-bottom: 18px;
    }

    /*tables*/
    table tr th, table tr td, table th#amount-w-tax, td[headers="amount-w-tax"], td[headers="set"] {
        font-size: 10px;
    }

    #consumID .group880 .body {
        overflow-x: scroll;
    }

    /* VARSEL STRØMSTANS  */
    #powerFailureID input.email-address,
    #powerFailureID input.contactperson {
        font-size: 12px;
        margin: 0;
        padding: 3px 5px 3px 5px;
    }

    #powerFailureID input.mobilenumber {
        font-size: 12px;
        margin: 0;
        padding: 3px 5px 3px 5px;
        width: 55px;
    }

    /*******************************************/
    /*                                         */
    /* Flytteløsning v1 og Bestillingsløsning  */
    /*                                         */
    /*******************************************/
    #movingorderID div.leftWindowMoving,
    #movingorderID div.leftWindowOrder,
    #movingorderID div.leftWindowConfirm {
        width: 98%;
        margin-top: 10px;
        border-bottom: 1px dotted #CCCCCC;
    }

    #movingorderID div.rightWindow {
        clear: left;
    }

    #movingorderID div.marginBottom_20 {
        margin-bottom: 20px;
    }

    #movingorderID div.oldDpInInfo {
        margin-bottom: 30px;
    }

    #movingorderID #onlySpace.height70 {
        height: 10px;
    }

    #movingorderID div.product,
    #movingorderID .selectAccount .fieldset ul li strong {
        width: 92%;
    }

    #movingorderID #choosenproduct {
        margin-top: 20px;
    }

    #movingorderID .group670s {
        float: left;
        width: 90%;
    }

    #movingorderID .group410, #movingorderID .group440, #movingorderID .group460, #movingorderID .group540, #movingorderID .group670 {
        float: left;
        width: 99.9%;
    }

    #movingorderID #ChangeProduct,
    #movingorderID #PowerOrder {
        width: 99.9%;
    }

    /******************************/
    /*                            */
    /*   Flytteløsning v.2        */
    /*                            */
    /******************************/
    #movingID .group410 {
        float: left;
        width: 99.9%;
    }

    #movingID .group670m {
        float: left;
        width: 90%;
    }


    /* Plus Customer Production */
    #plusproductionID .button a {
        padding: 10px 10px;
    }

    .scrollifnecessary,
    #powerFailureID div.chooseOneAddress,
    #reportmoveID div.chooseOneAddress,
    #powerFailureID div.extendedoutagenotification fieldset,
    #consumID div#tableYearBusiness,
    #financialreportID div#tableYearBusiness,
    #plusproductionID div#tableYearBusiness {
        clear: left;
        overflow-x: scroll;
        margin-top: 10px;
    }

    #plusproductionID div.group900 {
        width: 99.9%;
    }

    /*   REMINDER READING */
    #reminderID .selectreminder input.textfield1,
    #reminderID .selectreminder input.textfield2 {
        margin-left: 5px;
        margin-bottom: 10px;
    }

    #effectID div.meterselector,
    #financialreportID div.meterselector,
    #consumID div.meterselector {
        clear: both !important;
        margin-bottom: 5px !important;
    }

    #financialreportID #periodSelect a.ui-slider-handle.ui-state-default.ui-corner-all,
    #financialreportID #periodSelect div.demo,
    #consumID #periodSelect a.ui-slider-handle.ui-state-default.ui-corner-all,
    #consumID #periodSelect div.demo {
        display: none;
    }

    /* Adaptiv selvbetjening */
    #dpsTable th[headers="meteringpointid"],
    #dpsTable td[headers="meteringpointid"] {
        display: none;
    }

    /*****************************/
    /*                           */
    /* Universell utforming      */
    /*                           */
    /*****************************/
    #logindd .user-select {
        max-width: 355px !important;
        box-sizing: border-box !important;
    }

    #loginID #loginSMSForm,
    #loginID #loginemailform {
        box-sizing: border-box !important;
    }

    #changeinvoiceadressID .fieldset ul li {
        margin-right: 0;
    }

    #changeinvoiceadressID .box .body .fieldset ul li .helptext {
        width: 320px;
    }

    #changeinvoiceadressID .fieldset#periode {
        padding-left: 10px;
        padding-right: 0;
    }

    #changeinvoiceadressID ul li#datechange {
        margin-left: 15px;
        padding-right: 0;
    }

    #changeinvoiceadressID .product {
        width: 95%
    }

        #changeinvoiceadressID .product dd {
            width: auto;
        }

    #reportmoveID div.group800,
    #powerorderID div.product.group283,
    #changeproductID div.product.group283,
    #changeproductID div.product.group460,
    #changeinvoiceadressID div.group700 {
        width: 97%;
    }

    #reportmoveID .registeredStand,
    #changeproductID fieldset.registeredStand,
    #emailinvoiceID fieldset.registeredStand {
        margin-left: 0;
    }

    #reportmoveID div.propertySummary div.product,
    #personalinfoID div.group700,
    #compensationID div.group570,
    #powerorderID div.terms,
    #changeproductID div.terms,
    #sunbankID .group440,
    #sunbankID select#deliveryPoints {
        width: 98%;
    }

    #sunbankID div.sunbankregistration.group440 {
        width: 96%;
    }

    #sunbankID select#deliveryPoints {
        box-sizing: content-box;
    }

    .product dt,
    .product dd {
        padding: 4px 0;
    }

    #powerorderID div.body.marginTop40 {
        overflow-x: scroll;
    }

    #compensationID dl.list dt {
        width: auto;
    }

    #reportmoveID #choose li#or {
        float: left;
    }

    .selectInvoice .fieldset ul li strong,
    #invoiceoverviewID .liststyle,
    #changeinvoiceadressID .liststyle,
    #sampleinvoiceID .liststyle,
    #efaktura-avtalegiroID .liststyle {
        width: 90%;
    }

    .paymentdelay .fieldset ul li,
    .paymentmethod .fieldset ul li {
        width: 99.0%;
    }

    .container_12 .grid_10, .box .group670 {
        width: 99.9%;
    }

    dl.list {
        width: 85%;
    }

    .profile .label {
        width: 120px;
    }

    #personalinfoID .profile .label {
        width: 130px;
    }

    fieldset {
        padding: 0;
    }
    /* Send på e-post */
    #consumID #emailSendUsage .dropdownBox,
    #consumDayID #emailSendUsage .dropdownBox,
    #financialreportID #emailSendCost .dropdownBox,
    #financialreportWeeksID #emailSendCost .dropdownBox {
        left: 0;
    }


    /* Invoice Altibox */
    #tabs .step {
        font-size: 13px;
        padding-left: 5px;
    }

    /* Kundeklubb */
    #loyaltyclubID .group283,
    #loyaltyclubID .group440 {
        width: 97%;
    }

    #loyaltyclubID .container_12 .grid_10 {
        width: 99.9%;
    }

    /******************************/
    /*                            */
    /*   Booking for tilsyn       */
    /*                            */
    /******************************/
    #bookingID div.customercontainer {
        margin-top: 20px;
    }

    #bookingID .not-mobileview {
        display: none !important;
    }

    #bookingID div.selectedTimePointContainer span.selectedTimePoint,
    #bookingID div.suggestedTimePointContainer span.suggestedTimePoint {
        display: block;
    }

    #bookingID div.selectedTimePointContainer div.button,
    #bookingID div.suggestedTimePointContainer div.button {
        clear: left;
    }

    #bookingID div.day {
        float: none;
    }

    #bookingID .scrolling-wrapper-flexbox {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    #bookingID .day {
        flex: 0 0 auto;
    }

    /*************************************************/
    /*                                               */
    /*   Nytt google chat API og responsive grapher  */
    /*                                               */
    /*************************************************/
    #index div.chartContainerId {
        display: block;
        margin: auto;
        min-height: 240px;
        width: 100%;
        margin-top: 20px;
    }

    #plusproductionID div.chartContainerId,
    #financialreportID div.chartContainerId,
    #effectID div.chartContainerIdEffect,
    #effectID div.chartContainerId,
    #consumID div.chartContainerIdPerDay,
    #consumID div.chartContainerId {
        display: block;
        margin: auto;
        min-height: 250px;
        width: 100%;
    }

    #plusproductionID div.sumandaverage {
        margin-top: 0;
    }

    /* vis forbruk/kostnadsoversikt/effektkurver */
    #financialreportID #display div.views-select div.button,
    #financialreportID #display div.views-select,
    #consumID #display div.views-select div.button,
    #consumID #display div.views-select {
        padding-top: 10px;
    }

    #consumID #display p {
        padding-top: 20px;
        clear: left;
    }

    #financialreportID #display p {
        clear: left;
        padding-top: 10px;
    }

    #effectID #filter,
    #financialreportID #filter {
        margin-top: 20px;
        margin-left: 0;
        width: 95%
    }

    #consumID #filter {
        margin-top: 10px;
        width: 90%;
    }

    #filter .right {
        margin-top: 15px;
    }

    #effectID .buttonsecondary {
        margin-top: 0 !important;
    }

    #effectID #effect_curve_highlights {
        margin-top: 20px;
    }

    .goToTouchSite {
        padding-top: 20px;
    }

    #effectID #meterAutomatic .dropdownBox {
        left: -20px;
    }

    #consumID span.dropdown {
        min-width: 70px !important;
        padding-right: 28px !important;
    }

    #consumID #filter .filter-selectors h4 {
        margin-right: 8px !important;
    }

    #display {
        clear: left;
    }

    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect {
        max-width: 355px;
        box-sizing: border-box;
        margin-left: 0;
    }

    #financialreportID div.chartContainerId, #consumID div.chartContainerIdPerDay, #consumID div.chartContainerId {
        display: block;
        margin: auto;
        min-height: 250px;
        width: 100%;
        margin-left: -0.7em;
    }

    /* Plus customer production */
    #plusproductionID #meterAutomatic {
        left: -175px;
    }

    #plusproductionID .box .body, #plusproductionID .box .foot {
        width: 98%;
    }

    #plusproductionID .buttonsecondary {
        margin-top: 0 !important;
    }
    /* Kontakt oss */
    #contactusID .container_12 .grid_9 {
        width: 98%;
    }
    /* Graf på forsiden */
    #consumptionbox {
        width: initial;
    }
    /* invoiceoverviewID og sampleinvoiceID */
    #invoiceoverviewID .totalamount-sampleinvoice ul li h3,
    #sampleinvoiceID .totalamount-sampleinvoice ul li h3 {
        width: 255px !important;
        margin-right: 5px !important;
        font-size: 16px;
        text-align: right !important
    }
    /* loginID */
    #loginID .box .body, #loginID .box .foot {
        margin-left: 5px !important;
        width: 99%;
    }

    #loginID div.selectAccount legend {
        width: 99%;
    }

    #loginID div.selectAccount .fieldset ul li {
        width: 95%;
        padding-right: 0;
    }

    #loginID .selectAccount .fieldset ul li strong {
        width: 93%;
        padding-right: 0;
    }

    #loginID .head {
        width: 90%;
    }

    #loginID b.login_hover_info {
        display: none;
    }
    /* diverse justeringer */
    #contactpowerID div.body,
    #emailinvoiceID div.group700,
    #sampleinvoiceID div.info-sampleinvoice {
        width: 99.9%;
    }

    #changepasswordID .profile .label,
    #restorepasswordID .profile .label {
        width: 200px;
    }

    #submitcomplaintID .casetype {
        width: 95%;
    }

    #index #footer .teaser {
        width: 99%;
    }

    /******************************/
    /*                            */
    /*   Interessenthåndtering    */
    /*      (StakeHolders)        */
    /*                            */
    /******************************/
    #useradminID div.customized,
    #stakeholdercaseID div.customized {
        margin-top: 0;
    }

    #useradminID div#head,
    #stakeholdercaseID div#head {
        margin-top: 25px;
    }

    div.inlogininfo {
        float: left;
        padding-left: 5px;
    }

    #stakeholdercaseID textarea {
        width: 95%;
    }

    #stakeholdercaseID input#FileName {
        width: 65%;
    }


    /****************************************/
    /*                                      */
    /*   Digitalisering av forbruksavgift   */
    /*                                      */
    /****************************************/
    #consumptionfeeID .tblContainer {
        overflow: scroll;
    }

    #consumptionfeeID table.simple tbody tr td.codetext {
        top: -20px;
    }
    /*#consumptionfeeID table.simple tr th,
#consumptionfeeID table.simple tr td {
    padding-left: 10px;
}*/

    /****************************************/
    /*                                      */
    /*   Effektkurver                       */
    /*                                      */
    /****************************************/
    #effectfilter {
        width: 92%;
    }

        #effectfilter #day {
            margin-top: 11px;
        }

    /**************************************************************/
    /*                                                            */
    /*   54  Spenningsklagehåndtering (Klageskjema og Mine Saker) */
    /*                                                            */
    /**************************************************************/
    #submitcomplaintID div.casetype.box.boxitems {
        padding-left: 3px;
    }

    #submitcomplaintID textarea {
        width: 98%;
        padding: 0;
        margin-left: 2px;
    }
    /***********************************************/
    /* for å unngå at iPhone zoomer inn automatisk */
    /***********************************************/
    input[type='email'],
    input[type='email']:focus,
    input[type='text'],
    input[type='text']:focus,
    input[type='number'],
    input[type='number']:focus,
    input[type='password'],
    input[type='password']:focus,
    textarea,
    textarea:focus,
    select,
    select:focus,
    input {
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 401px) {
    #mobileheader {
        display: none;
    }

    consumID #periodSelect div.dropdownBox {
        position: relative !important;
        top: 0;
    }
}

@media only screen and (max-width: 430px) {
    /*   REMINDER READING */
    #reminderID .selectreminder input.textfield1,
    #reminderID .selectreminder input.textfield2 {
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .not-mobileview {
        display: none;
    }

    #login ul {
        padding-right: 10px;
    }

    div.teaser.small {
        display: none;
    }

    #mobileheader {
        display: normal;
    }

        #mobileheader img {
            width: 100%;
        }

    #desktopheader {
        display: none;
    }

    .login-hoverinfo {
        display: none;
    }

    table th#set {
        width: 5%;
    }

    table.complex td.first {
        padding-left: 25px;
    }

    th#periode, th#period, th#reading-method, th#remaining-amount {
        display: none;
    }

    td[headers="period"], td[headers="reading-method"], td[headers="remaining-amount"] {
        display: none;
    }

    table tr th, table tr td {
        padding: 9px 5px 9px 0;
    }

    span.excel, span.print, span.email {
        display: none;
    }

    #personalinfoID table.loginaccounts span.email {
        display: block !important;
    }

    #invoiceoverviewID .group540 .box dl.list {
        padding: 5px;
        width: 90%;
    }

    .selectnotification {
        width: 330px;
    }

    #consumID .left h4, #consumID #period span.dropdown {
        display: block;
    }

    #financialreportID #periodSelect a.ui-slider-handle.ui-state-default.ui-corner-all,
    #financialreportID #periodSelect div.demo,
    #consumID #periodSelect a.ui-slider-handle.ui-state-default.ui-corner-all,
    #consumID #periodSelect div.demo {
        display: none;
    }

    #footer .teaser {
        width: 95%;
    }

    #financialreportID select#meeterSelect, #consumID select#meeterSelect, #effectID #filter, #financialreportID #filter, #reportdamageformID .success2 {
        width: 90%;
    }

    input.large {
        width: 80%;
    }

    #deliverypointgroupsID .box .group410 {
        overflow-x: scroll;
        max-width: 300px;
    }
    #consumID #day .dropdownBox {
        left: -10em;
    }
    #outagecompensationsID table tr th, #outagecompensationsID table tr td {
        padding: .6em;
    }
    #reportmoveID fieldset .chooseOneAddress {
        max-width: 300px;
        overflow-x: scroll;
    }
    #index #footer .teaser {
        width: 97%;
    }

}

@media only screen and (min-width: 401px) and (max-width: 500px) {
    #plusproductionID div.chartContainerId,
    #financialreportID div.chartContainerId,
    #effectID div.chartContainerIdEffect,
    #effectID div.chartContainerId,
    #consumID div.chartContainerIdPerDay,
    #consumID div.chartContainerId {
        width: 100%;
    }

    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect {
        max-width: 395px !important;
        box-sizing: border-box !important;
    }
}

@media only screen and (min-width: 501px) and (max-width: 667px) {
    #plusproductionID div.chartContainerId,
    #financialreportID div.chartContainerId,
    #effectID div.chartContainerIdEffect,
    #effectID div.chartContainerId,
    #consumID div.chartContainerIdPerDay,
    #consumID div.chartContainerId {
        width: 100%;
    }

    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect {
        max-width: 645px !important;
        box-sizing: border-box !important;
    }

    input.xlarge {
        width: 60%;
    }

    #reminderID div.selectreminder strong.choose_mobile_label {
        margin-right: 10px;
    }
}

@media only screen and (min-width: 668px) and (max-width: 736px) {
    #plusproductionID div.chartContainerId,
    #financialreportID div.chartContainerId,
    #effectID div.chartContainerIdEffect,
    #effectID div.chartContainerId,
    #consumID div.chartContainerIdPerDay,
    #consumID div.chartContainerId {
        width: 100%;
    }

    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect,
    #index select.select-dp {
        max-width: 710px !important;
        box-sizing: border-box !important;
    }

    input.xlarge {
        width: 60%;
    }

    #reminderID div.selectreminder strong.choose_mobile_label {
        margin-right: 10px;
    }
}


@media only screen and (min-width: 767.1px) and (max-width: 1220px) {
    .container_12 .grid_6 {
        width: calc(100vw * 0.44 - 1em);
    }

    .container_12 .grid_3 {
        width: calc(100vw * 0.24 - 1em);
    }

    .warningWhite {
        width: calc(100vw * 0.8 - 1em);
    }

    #footer {
        width: calc(100vw * 0.965 - 1em);
    }

    #index #footer {
        width: calc(100vw * 0.97 - 3em);
    }

    .container_12 .grid_10, .container_12 .grid_11 {
        width: calc(100vw * 0.98 - 2em);
    }

    #loginID .container_12 .grid_11, #loginstakeholderID .profile .box, #stakeholdercaseID .container_12 .grid_11 {
        width: calc(100vw * 0.98 - 2em);
    }

    #faqID .container_12 .grid_9 {
        width: calc(100vw * 0.50);
    }

    #contactusID .container_12 .grid_9 {
        width: calc(100vw * 0.70 - 1em);
    }

    #contactusID .box .group570 {
        width: calc(100vw * 0.50 - 1em);
    }

    #faqID .container_12 .grid_9, #contactusID .container_12 .grid_9 {
        width: calc(100vw * 0.69 - 1em);
    }

    .box .group880, .box .group900, #readingID .box .foot .group460, .box .foot .group900, .box .foot .group480, .box .foot .group840,
    .box .group840, #invoiceoverviewID .box .foot .group460, .box .foot .group700, #invoiceoverviewID .box .group700 {
        width: calc(100vw * 0.90 - 1em);
    }

    .container_12, #invoiceoverviewID .box, #filter {
        width: 99%;
    }

    .container_12 .grid_12 {
        width: 98%;
    }

    #header img, #index .news {
        max-width: 100%;
    }

    #exploreMore hr, h3.residence, #loginID #bankidlogin div.entrance_stakeholder, #loginstakeholderID .body, div.my_dps_container {
        max-width: 90%;
    }

    .box .group800, #invoiceoverviewID .box .group880, #consumptionfeeID #body .boxitems, .paymentdelay .fieldset ul li {
        width: 90%;
    }

    .chooseOneAddress fieldset {
        overflow-x: scroll;
    }

    .profile .box .head {
        width: auto;
    }

    #hanportID div.dpinfo {
        width: 60%;
    }

    #readingID .box .group480 {
        float: none;
    }

    #logindd {
        margin: 1em;
        max-width: 70%;
    }

    .box .group250, #consumID .box .group283, #financialreportID .box .group283 {
        width: 30%;
    }

    #effectfilter #day .group250 {
        width: auto;
    }

    #productoverviewID .foot .navigation .left a {
        width: 100%;
    }

    #powerorderID div.body.marginTop40 {
        overflow-x: scroll;
    }

    #contactusID .message textarea {
        width: 400px;
    }

    #faqID ol {
        width: 80%;
    }

    .body, .box .head {
        width: 96%;
    }

    #loginID .box .group40 {
        clear: both;
    }

    #plusproductionID .graphs {
        width: 60%;
    }

    #plusproductionID .box .group250 {
        margin-left: 2em;
    }

    .functions-index a {
        width: 35%;
        margin-right: 1em;
    }

    .functions-index span {
        width: 50%;
    }

    .functions-index {
        width: 100%;
    }

    #reportmoveID .foot .navigation {
        width: 80vw;
    }

    fieldset .chooseOneAddress {
        max-width: 700px;
        overflow-x: scroll;
    }
    /* Unngå at "Min side" lenken legger seg øverst på siden */
    #efaktura-avtalegiroID .box .foot .group460, #sampleinvoiceID .box .foot .group460 {
        width: 80vw;
    }
}

@media only screen and (min-width: 1221px) {
    /* Unngå at "Min side" lenken legger seg øverst på siden */
    #invoiceoverviewID .box .foot .group460, #emailinvoiceID .box .foot .group480, #sampleinvoiceID .box .foot .group460 {
        width: 640px;
    }
    /* Små justeringer */
    #loginID .box .group40 {
        clear: both;
    }

    .container_12 .grid_12 {
        width: 99%;
    }

    #index .container_12 .grid_12 {
        width: 100%;
    }

    #plusproductionID .graphs {
        width: 65%;
    }

    #plusproductionID .box .group250 {
        width: 30%;
        margin-left: 2em;
    }
}

@media only screen and (min-width: 767.1px) and (max-width: 970px) {
    #consumID #filter .right {
        float: left;
        clear: left;
        margin-top: 1em;
    }
    #consumID #filter .foot .right {
        float: right;
    }
    #consumID #filter {
        height: 11em;
    }
    #consumID #meterAutomatic #filter {
        height: 24px;
    }
    #consumID #ui-datepicker-div .right {
        float: right;
        clear: none;
    }
}

@media only screen and (max-width: 540px) and (min-width: 431px) {
    #footer .teaser {
        width: 97%;
    }
}

@media only screen and (max-width: 540px) {
    fieldset .chooseOneAddress {
        max-width: 400px;
        overflow-x: scroll;
    }
}

/* Kostnadsoversikt dropdown */
@media only screen and (min-width: 767px) and (max-width: 1040px) {
    #meterCombinedGroup .dropdownBox, #meterAutomatic-kvarh .dropdownBox {
        left: -30em;
    }
}

@media only screen and (min-width: 767px) and (max-width: 880px) {
    #meterCombined .dropdownBox {
        left: -17em;
    }
}

@media only screen and (max-width: 670px) {
    #meterCombinedGroup .dropdownBox, #meterCombined .dropdownBox {
        width: 75vw;
    }

    #meterCombined .group540 .body, #meterCombinedGroup .group540 .body, #meterAutomatic .group480 .body, #meterAutomatic-kvarh .group480 .body {
        overflow-x: scroll;
    }
}


@media only screen and (min-width: 670px) and (max-width: 767px) {
    #financialreportID .box .group540 {
        width: 540px;
    }
    #financialreportID #periodSelect .group540 {
        width: 99%;
    }
}

/* Forbruksoversikt dropdown */
@media only screen and (min-width: 768px) and (max-width: 950px) {
    #meterManualGroup .dropdownBox {
        left: -28em;
    }

    #meterAutomatic .dropdownBox, #meterAutomaticGroup .dropdownBox {
        left: -13em;
    }
}

@media only screen and (min-width: 621px) and (max-width: 767px) {
    #consumID .box .group480 {
        width: 480px;
    }
}

@media only screen and (min-width: 879.1px) and (max-width: 1250px) {
    #meterManual .dropdownBox {
        left: -30em;
    }
}

@media only screen and (min-width: 841px) and (max-width: 879px) {
    #meterManual .dropdownBox {
        left: -28em;
    }
}

@media only screen and (min-width: 767.1px) and (max-width: 840px) {
    #meterManual .dropdownBox {
        left: -15em;
    }
}

@media only screen and (max-width: 620px) {
    #meterManual .dropdownBox, #meterAutomatic .dropdownBox, #meterManualGroup .dropdownBox, #meterAutomaticGroup .dropdownBox, #meterAutomatic-kvarh .dropdownBox {
        width: 75vw;
    }
}

@media only screen and (max-width: 450px) {
    #meterManual .dropdownBox, #meterAutomatic .dropdownBox, #meterManualGroup .dropdownBox, #meterAutomaticGroup .dropdownBox, #meterAutomatic-kvarh .dropdownBox,
    #meterCombinedGroup .dropdownBox, #meterCombined .dropdownBox {
        width: 70vw;
    }
}

/* Justering av dropdown boks på Plusskunde for små skjermer */
@media only screen and (max-width: 342px) {
    .chooseproductiondps .dropdownBox {
        left: 14em;
    }
}

@media only screen and (min-width: 600px) {
    #norgespristeaserbox {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    #powersupportbox {
        display: none;
    }
}