/* 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;
}

#graphcompare img, #linecompare img {
    max-width:300px;
}
.container_12 .grid_12 {
    width:100%;
}
.boxshadow.teaser {
    padding:8px !important;
  
}

#footer .body  {
	width:100%;
}

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

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

#footer .teaser {
    width:96.5%;
}

#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%;
}

#loginID .validation-summary-errors {
    margin-left: 5px;
}

.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:0;
    width: 95%;
}
#logindd em {display:none;}

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

#logindd .logout {
    margin-top:0px;
    margin-right:0;
    display:none;
}

#loginID #createuserlink {
    margin-bottom: 40px;
}
#loginID #mypageinfo_right, #loginID #getloginlinkbox {
    padding-left: 5px;

}
#loginID #getloginlinkbox.body {
    margin-bottom: 40px;
}
#loginID #createuserlink {
    margin-top: 30px;
}
#loginID ul.mypageinfo {
    padding-bottom: 30px;
}
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 {
    width:90%;
}

.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: 0;
    /*margin-left: 10px;*/
}

#readingID .box {
    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%;
    padding-left: 5px;
}

.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: 0px;
}

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



.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;
}

#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 .group440,
.box .group480, .box .group460 , .box .foot .group460, .box .foot .group480, .box .group540, .box .group283, 
.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, 
#movingorderID .group410, #movingorderID .group440, #movingorderID .group540, #movingorderID .group460, div#tabs {
    float: left;
    width: 99.9%;
}

#map iframe {
width:100%;
}

.box .below {
    width: 88%;
}

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

.error, .error2, .success, .warningWhite, .info4, .warning   {
    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: 14px;
    padding-left: 0px;
    width: 200px;
}
#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  {
    width:90%;
    padding-right:0;
    margin-bottom:2px;
    
}

.intro, .intro p {
font-size:12px
}

.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;
}

/* 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; 
}

/* FLYTTE SALGSORDRE */
#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 input.xlarge {
    width: 85%;
}

#movingorderID .group670s {
    float: left;
    width: 95%;
    margin-left: 0;
}

/******************************/
/*                            */
/*   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,
#index select.select-dp {
    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: 350px;
}
#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: 95%;
}
#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;
}

/* 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: 100%;
}
/* 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: 99%;
}
#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;
}


/* Customizations */
#body .box.boxshadow {
    width: 98%;
}
#financialreportID select#meeterSelect,
#consumID select#meeterSelect {
    max-width: 345px;
}
#reportmoveID div.chooseOneAddress table tr th,
#powerorderID div.newAddress table tr th,
#powerorderID div.newAddress table tr td {
	padding: 9px 5px 9px 0; 
}
#powerorderID div.newAddress input.xsmall{
	height: 100%;
}
#compensationID span.marginRight30{
    margin-right: 23px;
}

/***********************************************/
/* 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;
    }
}

@media only screen and (max-width: 400px) {
    .not-mobileview {
        display: none;
    }
	input[type='text'],
	input[type='number'],
	input[type='email'],
    input[type='password'],
	textarea {
	  font-size: 16px;
	}
    #login ul {
        padding-right: 10px;
    }
    div.teaser.small {
        display: none;
    }
    #mobileheader {
        display: block;
        /*background-color: #fff;*/
    }
    #mobileheader img {
        float: left;
        margin-left: 3px;
        margin-top: 3px;
        margin-right: 3px;
    }
    #mobileheader h1 {
        padding: 20px;
        margin-left: 10px;
    }
    #burgermenu {
        float: right;
        padding-top: 15px;
        padding-right: 10px;
    }
    #mobileheaderlink {
        float: left;
    }
    div.burgermenuline {
        width: 35px;
        height: 5px;
        background-color: #003366;
        margin: 6px 0;
    }
    #desktopheader {
        display: none;
    }
    .login-hoverinfo {
        display: none;
    }
    #index .container_12 .grid_12 h1 {
        display: none;
    }
    table th#set {
        width: 5%;
    }
    table.complex td.first {
        padding-left: 25px;
    }
    th#reading-method, th#remaining-amount,
    td[headers="reading-method"], td[headers="remaining-amount"] {
        display: none;
    }
    span.excel, span.print, span.email {
        display: none;
    }
    #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;
    }
    #reminderID .selectreminder input[type=text].textfield1, #reminderID .selectreminder input[type=text].textfield2 {
        margin-left: 6px;
    }
    #powerFailureID .selectreminder input[type=text].textfield1, #powerFailureID .selectreminder input[type=text].textfield2 {
        margin-left: 6px;
    }
	#choosenproduct {
		margin-top: 20px;
	}
	#movingorderID {
		padding-right: 5px;
	}
	#movingorderID input.large {
		width: 300px;
	}
	#movingorderID #manualCustomerInput {
		margin-bottom: 10px;
	}	
	#movingorderID #manualSearchFooter {
		margin-top: 15px !important;
	}
	#movingorderID .selectAccount .fieldset ul li {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 768px)
{
    .navbar-search .navicon--search-close {
        left: 15px;
    }

}

@media screen and (min-width: 1024px) {
    header nav ul li a {
        padding: 25px 15px;
    }
    .nav-container {
        position: relative;
    }
    header nav.main-navigation-desktop {
        display: -ms-flexbox;
        display: flex;
    }
    header nav {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    header .main-navigation .logo {
        position: relative;
    }
    header nav ul {
        display: block;
        width: auto;
    }
    header nav ul li {
        display: inline-block;
    }
    header nav ul li a {
        font-size: 14px;
        padding: 0 5px;
    }
    header .main-navigation-desktop__department-picker a {
        font-size: 14px;
    }
    header nav.main-navigation-mobile {
        display: none;
    }
    header nav .navbutton {
        display: none;
    }
    header .main-navigation .logo {
        position: relative;
    }
    header nav.main-navigation-mobile .top img {
        width: 100%;
    }
    .nav-container--subnav {
        position: fixed;
        border-bottom: 1px solid #f2f4f7;
    }
    header .sub-navigation__header {
        display: none;
    }
    header .sub-navigation ul {
        margin: 0 auto;
        position: relative;
    }
    header nav ul li {
        display: inline-block;
    }
    header .sub-navigation ul li a {
        font-size: 14px;
        padding: 15px 5px !important;
    }
    header nav ul li.active a::after {
        opacity: 1;
    }
    header nav ul li.active a div {
        border-bottom: none;
    }
}

@media only screen and (max-width: 540px) {
    .container_12 {
        width: 100%;
        min-width: 300px;
    }
}

@media screen and (max-width: 767px) {
    header nav.main-navigation-desktop {
        display: none;
    }
    .nav-container-inner {
        width: 100%;
    }
    #doc {
        padding-top: 0;
        margin-left: 5px;
    }
    #footer .teaser.boxshadow {
        width: 90%;
        margin-left: 5px;
    }
    div.top {
        margin-top: 5px;
        margin-left: 5px;
    }
    #menuicon_desktop {
        display: none;
    }
}

@media (max-width: 1024px) {
    .overlay.active {
        opacity: 1;
        pointer-events: all;
        height: 100%;
        transition: height 400ms linear;
    }
}

@media screen and (min-width: 940px) {
    .nav-container-inner {
        width: 940px;
        margin-left: auto;
        margin-right: auto;
    }
    .nav.nav-container-inner .logo img {
        margin-left: auto;
    }
}

@media screen and (min-width: 1280px) {
    header nav ul li a {
        padding: 0 15px;
    }
    header .sub-navigation ul li a {
        padding: 15px 15px !important;
    }
}

@media only screen and (min-width: 401px) and (max-width: 525px) {
    #plusproductionID div.chartContainerId,
    #financialreportID div.chartContainerId,
    #effectID div.chartContainerIdEffect,
    #effectID div.chartContainerId,
    #consumID div.chartContainerIdPerDay,
    #consumID div.chartContainerId {
        width: 390px;
    }
    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect,
    #index select.select-dp {
        max-width: 395px !important;
        box-sizing: border-box !important;
    }
    /* Customizations */
    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect,
    #index select.select-dp {
        max-width: 385px !important;
    }
}
@media only screen and (min-width: 526px) and (max-width: 667px) {
    #plusproductionID div.chartContainerId,
    #financialreportID div.chartContainerId,
    #effectID div.chartContainerIdEffect,
    #effectID div.chartContainerId,
    #consumID div.chartContainerIdPerDay,
    #consumID div.chartContainerId {
        width: 500px;
    }
    #financialreportID select#meeterSelect,
    #consumID select#meeterSelect,
    #index select.select-dp {
        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: 710px;
    }
    #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;
    }
}