@charset "UTF-8";
/* ==========================================================================
   LEW Resouces SCSS Version 4.0
========================================================================== */
/*! Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */

.padding-none {
    padding: 0 !important;
}

.logout-button {
    color: gray !important;
}

.search-container {
    background-color: #ebf7fe;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    border: 0;
    border-radius: 2px;
}

md-card.md-default-theme, md-card {
    background-color: #ebf7fe;
}

treecontrol.meter-structure-tree-gkp {
    background-color: #ebf7fe;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    border: 0;
    border-radius: 2px;
}

.inner-sidenav, .meter-structure-content, nli-user-meter-structure #nli_user_meter_dashboard_container {
    background-color: rgba(0, 0, 0, 0);
    border: none;
}

.nli-inline-text label {
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

.nli-invoice-overview {
    background-color: inherit;
}

.row-col {
    padding: 0 8px;
}

.md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    color: #0066aa;
}

.portal-body md-toolbar.portal-header.md-default-theme:not(.md-menu-toolbar), .portal-body md-toolbar.portal-header:not(.md-menu-toolbar) {
    background-color: white;
}

.portal-header {
    min-height: 80px;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
}

.padding-1-rem {
    padding: 1rem !important;
}

.user-meter-structure-left {
    max-height: 700px;
}

.lew-body {
    flex: 1 0 auto;
    padding: 0;
    width: 100%;
    background: linear-gradient(#ddeffb, #8ecdec);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ddeffb), to(#8ecdec));
    background: -moz-linear-gradient(top, #ddeffb, #8ecdec 100%);
}

.gkp-customer-structure {
    overflow-x: hidden;
    overflow-y: auto;
}

.side-menu-container {
    padding: 0 !important;
    height: 100%;
    background-color: #f5f5f5;
    z-index: 999 !important;
    position: fixed !important;
    overflow-y: auto;
    border-right: 2px solid white;
}

.header2, .header2 span {
    margin-bottom: 0.9rem;
}

.nli-inline-icon {
    position: inherit;
}

.nli-invoice-overview {
    width: 100%;
}

.nli-dropdown .nli-dropdown-base input.nli-button {
    float: right;
    background-color: transparent;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    border-style: none none solid;
    border-width: medium medium 1px;
    height: 49px;
    width: 37px;
    border-bottom: 1px solid #555555;
}

input:not([type]), input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}

th .header {
    text-overflow: ellipsis;
    overflow: hidden;
}

.panel-white-bg, .panelWhiteBg {
    position: relative;
    float: left;
    background-color: white !important;
    padding: 16px;
    margin-bottom: 8px;
    border-style: none;
    width: 100%;
    box-shadow: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.nli-inline-icon {
    top: 0.77rem !important;
}

table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%;
}

.tablesaw {
    border-collapse: collapse;
    width: 100%;
}

/* Structure */
.tablesaw {
    border: solid 1px #eee;
    padding: 0;
    table-layout: fixed;
}

.tablesaw th {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.75em !important;
}

/*.menuDeadlineCalendar {*/
/*  width: calc(100% - 15px)!important;*/
/*  position: relative;*/
/*  left: 1.05rem;*/
/*  padding: 0 0 0 35px;*/
/*  background: url("../imgs/menu-calendar-icon.svg") no-repeat left center;*/
/*}*/

/*.menuDeadlineCalendarOptin {*/
/*  width: calc(100% - 15px) !important;*/
/*  position: relative;*/
/*  left: 0.4rem;*/
/*  padding: 0 0 0 45px;*/
/*  background: url("../imgs/menu-opt-in.svg") no-repeat 10px;*/
/*}*/

.tablesaw td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.25em 0.75em 0.25em 0.75em !important;
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf;
}

.table-border-bottom tbody tr {
    border-bottom: 5px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
    /* Show the table cells as a block level element */
    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }

    /* Make the label elements a percentage width */
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        padding: 0 .6em 0 0;
        width: 38%;
        display: inline-block;
    }

    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }

    .tablesaw-cell-label {
        display: block;
    }

    /* Avoid double strokes when stacked */
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }

    /* Avoid double strokes when stacked */
    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
    }

    .tablesaw-cell-label {
        vertical-align: top;
    }

    .tablesaw-cell-content {
        max-width: 58%;
        display: inline-block;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }

    .tablesaw-cell-label.right,
    .tablesaw-cell-content.right {
        float: left !important;
    }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 768px) {
    .tablesaw-stack tr {
        /*display: table-row;*/
    }

    /* Show the table header rows */
    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }

    /* Hide the labels in each cell */
    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none;
    }
}

/*
===========================================
only for the table nli-procurement-electricity.html nli-procurement
===========================================
*/
@media (max-width: 1600px) {
    nli-procurement .tablesaw-stack thead td,
    nli-procurement .tablesaw-stack thead th {
        display: none;
    }

    nli-procurement .tablesaw-stack tbody td,
    nli-procurement .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
    }

    nli-procurement .tablesaw-cell-label {
        vertical-align: top;
    }

    nli-procurement .tablesaw-cell-content {
        max-width: 60%;
        display: inline-block;
    }

    nli-procurement .tablesaw-stack td:empty,
    nli-procurement .tablesaw-stack th:empty {
        display: none;
    }

    nli-procurement .tablesaw-stack thead tr {
        display: none;
    }
}

@media (min-width: 768px) {
    nli-procurement .tablesaw-stack td,
    nli-procurement .tablesaw-stack th,
    nli-procurement .tablesaw-stack thead td,
    nli-procurement .tablesaw-stack thead th {
        display: block;
    }

    nli-procurement .tablesaw-stack td .tablesaw-cell-label,
    nli-procurement .tablesaw-stack th .tablesaw-cell-label {
        display: inline-block;
    }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 1601px) {
    nli-procurement .tablesaw-stack thead td,
    nli-procurement .tablesaw-stack thead th {
        display: none;
    }
}

@font-face {
    font-family: "RWEText-Regular";
    src: url("../fonts/RWEText-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RWEText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RWEText-Regular.otf") format("opentype"), url("../fonts/RWEText-Regular.svg") format("svg"), url("../fonts/RWEText-Regular.ttf") format("truetype"), url("../fonts/RWEText-Regular.woff") format("woff"), url("../fonts/RWEText-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RWEText-RegularCondensed";
    src: url("../fonts/RWEText-RegularCondens.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RWEText-RegularCondens.eot?#iefix") format("embedded-opentype"), url("../fonts/RWEText-RegularCondens.otf") format("opentype"), url("../fonts/RWEText-RegularCondens.svg") format("svg"), url("../fonts/RWEText-RegularCondens.ttf") format("truetype"), url("../fonts/RWEText-RegularCondens.woff") format("woff"), url("../fonts/RWEText-RegularCondens.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RWEHeadline-Regular";
    src: url("../fonts/RWEHeadline-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RWEHeadline-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RWEHeadline-Regular.otf") format("opentype"), url("../fonts/RWEHeadline-Regular.svg") format("svg"), url("../fonts/RWEHeadline-Regular.ttf") format("truetype"), url("../fonts/RWEHeadline-Regular.woff") format("woff"), url("../fonts/RWEHeadline-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RWEHeadline-MediumCondens";
    src: url("../fonts/RWEHeadline-MediumCondens.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RWEHeadline-MediumCondens.eot?#iefix") format("embedded-opentype"), url("../fonts/RWEHeadline-MediumCondens.otf") format("opentype"), url("../fonts/RWEHeadline-MediumCondens.svg") format("svg"), url("../fonts/RWEHeadline-MediumCondens.ttf") format("truetype"), url("../fonts/RWEHeadline-MediumCondens.woff") format("woff"), url("../fonts/RWEHeadline-MediumCondens.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RWEHeadline-RegularCondensed";
    src: url("../fonts/RWEHeadline-RegularCondens.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/RWEHeadline-RegularCondens.eot?#iefix") format("embedded-opentype"), url("../fonts/RWEHeadline-RegularCondens.otf") format("opentype"), url("../fonts/RWEHeadline-RegularCondens.svg") format("svg"), url("../fonts/RWEHeadline-RegularCondens.ttf") format("truetype"), url("../fonts/RWEHeadline-RegularCondens.woff") format("woff"), url("../fonts/RWEHeadline-RegularCondens.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

.display1,
.header1,
.headline,
.header2,
.title,
.header3,
.subheading,
.body2,
.header4 {
    font-family: LEW-Light, Helvetica, sans-serif;
    color: #232323;
}

.display1 span,
.header1 span,
.headline span,
.header2 span,
.title span,
.header3 span,
.subheading span,
.body2 span,
.header4 span {
    font-family: LEW-Light, Helvetica, sans-serif;
}

.body1,
div,
.caption {
    font-family: LEW-Medium, Helvetica, sans-serif;
}

.position-relative {
    position: relative;
}

.highlight1,
.highlight2,
.highlight3,
.highlight4,
.highlight5,
.greenAccount,
.succeeded {
    color: #4caf50;
}

.highlight1 span,
.highlight2 span,
.highlight3 span,
.highlight4 span,
.highlight5 span,
.greenAccount span,
.succeeded span {
    color: #4caf50;
}

.error-text,
.errorText,
.info-error-text,
.infoErrorText,
.redAccount,
.failed {
    color: #f44336;
}

a {
    color: #0066aa;
}

a:focus, a:hover {
    color: #3385bb;
}

a.link-icon-small {
    background: url("../imgs/icon-link-8x5.png") no-repeat 0 3px transparent;
    padding: 0 0 0 10px;
    font-size: 11px;
    line-height: 15px;
    display: inline-block;
    text-decoration: none;
}

.navigation-link {
    color: #585858;
    text-transform: uppercase;
}

.navigation-link:focus, .navigation-link:hover {
    color: #3385bb;
}

label {
    cursor: default;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-family: LEW-Medium, Helvetica, sans-serif;
}

input:focus ~ .bar:after {
    width: 50%;
}

input:focus ~ .bar:before {
    width: 50%;
}

.secondary-description-2 {
    font-size: 0.875rem;
}

.account-text-color {
    color: #585858;
}

.preloader-wrapper {
    position: absolute;
}

hr {
    border: solid #e0e0e0;
    border-width: 1px 0 0;
    clear: both;
    margin: 0;
    height: 0;
}

.highlight {
    font-weight: bold;
}

.menu-item hr {
    position: relative;
    bottom: -5px;
}

.nli-inline-text {
    width: calc(100% - 8px);
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.gray-out-option {
    color: #969696;
}

.virtualMeterData-scroll {
    max-height: 300px;
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.panel-white-bg,
.panelWhiteBg {
    background: none repeat scroll 0 0 #ebf7fe;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.selected {
    background-color: #cde9f8 !important;
}

.nvd3 .nv-groups path.nv-line {
    stroke-width: 2px;
    stroke-linecap: round;
}

.circleSucceeded {
    color: #e0e0e0;
}

.circleInProgress,
.portalBlueColor,
.in-progress {
    color: #3385bb;
}

.circleFailed {
    color: #ffcdd2;
}

.label-color,
.labelColor,
.selected {
    color: #585858;
}

.listActive {
    background-color: #e0e0e0;
}

.portal-header {
    background-color: white;
    background-image: url("../imgs/logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120px;
    align-items: center;
    height: 80px;
    box-shadow: none;
    border-bottom: 2px solid #f5f5f5;

}

.flex-column {
    display: flex;
    flex-direction: column;
}

i.arrow {
    padding: 8px 16px;
}

i.menuicon {
    padding: 8px;
}

#side-nav {
    background: #e0e0e0 none repeat scroll 0 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    bottom: 0;
    display: block;
    font-family: LEW-Light, Helvetica, sans-serif;
    left: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #585858;
}

.side-nav-wrapper {
    min-height: 100%;
    padding-bottom: 96px;
    position: relative;
    display: block;
}

.side-menu-nav a {
    padding: 10px;
    display: block;
}

.side-menu-nav hr {
    margin: 0 !important;
}

.side-menu-nav li:hover {
    background-color: #e0e0e0;
}

#c-button--slide-left {
    display: flex;
    align-items: center;
}

.footer-style {
    background-color: white;
    border-top: 0;
    padding-top: 30px;
}

.footer-style a:hover {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #0066aa;
}

.product .header2 {
    margin-bottom: 0 !important;
}

.product a:hover {
    color: #3385bb;
}

.lew-link-1 {
    background: url("../imgs/sprites.png") no-repeat 4px -1003px transparent;
    padding: 0 0 0 18px;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    color: #0066aa;
}

.lew-link-2 {
    background: url("../imgs/sprites.png") no-repeat 2px -872px transparent;
    padding: 0 0 0 18px;
    font-size: 12px;
    text-decoration: none;
    color: #0066aa;
}

.nav-footer-top {
    background-color: #C1C1C1;
    display: inline;
    float: left;
    line-height: 11px;
    margin: 0;
    padding: 10px 15px 10px 0;
    width: 100%;
}

.nav-footer-top .footer-nav-link {
    font-size: 13px;
}

.nav-footer-top li {
    display: inline-block;
    list-style-type: none;
    padding-right: 1em;
    padding-bottom: 8px;
}

.nav-footer-top li:first-child {
    border-left: none;
    padding-left: 0;
}

.nav-footer-top li:first-child a {
    background: url("../imgs/icon-link-8x5.png") no-repeat 0 1px transparent;
    padding-left: 0.75em;
}

.nav-footer-top li a {
    background: url("../imgs/icon-link-8x5.png") no-repeat 0 1px transparent;
    padding-left: 1em;
    color: #585858;
}

.nav-footer-top li.print a {
    background: url("../imgs/print.png") no-repeat 0 1px transparent;
    padding-left: 1.5em;
    width: auto;
}

.nav-footer-bottom {
    padding-top: 0.7em;
    background-color: #F5F5F5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.disclaimer {
    display: block;
    padding: 15px;
    margin: auto 0.9375rem;
    font-size: 12px;
    text-align: center;
    border-top-color: #3385bb;
    border-top-style: solid;
    border-top-width: 1px;
}

span.headline {
    font-family: 'RWEHeadline-RegularCondensed', 'Arial';
    color: #585858;
    font-size: 15px;
}

span.bar.columns {
    display: none !important;
    position: absolute !important;
    top: -9999em !important;
    left: -9999em !important;
}

.social-links-list {
    overflow: hidden;
}

.social-links-list li {
    display: inline;
    float: left;
    margin-right: 10px;
}

#vertical_container {
    top: 128px;
}

#client_structure_side_menu .side-menu-content {
    height: calc(100vh - 128px);
}

.vertical_section_small {
    height: 100px;
}

.vertical_section_customer_account {
    height: auto;
}

.site-content {
    flex: 1 0 auto;
    padding: 0;
    width: auto;
    background-color: white;
}

.site-content::after {
    content: '\00a0';
    display: block;
    margin-top: 0;
    height: 0;
    visibility: hidden;
}

.terms-of-use-modal {
    overflow-y: auto;
    max-height: 700px;
    margin-bottom: 24px;
}

.first-step-image-content {
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    max-height: 700px;
}

.cursor-on-hover:hover {
    cursor: pointer;
}

#nliModal {
    top: 100px !important;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.customIcon {
    color: #3385bb;
}

.search-icon {
    color: #3385bb;
}

.nli-span {
    margin: 0;
}

.material-textarea .input-field.col.s12 {
    padding: 0;
}

.f-dropdown.drop-left {
    max-width: 200px;
}

nav ul {
    float: none;
}

.logout-link {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 999;
}

.admin-body .nli-dropdown .nli-dropdown-base .nli-button {
    /*height: 46px;*/
}

.contact-textarea textarea {
    /*color: $white;*/
}

.contact-textinput input {
    /*color: $white;*/
}

.nvtooltip table {
    margin: 6px;
    border-spacing: 0;
    background-color: transparent;
}

.login-button[disabled]:hover {
    background-color: #0066aa !important;
    border-color: #0066aa !important;
}

.raised[disabled]:hover {
    background-color: #0066aa !important;
    border-color: #0066aa !important;
}

[class*='column'] + [class*='columns']:last-child {
    display: inline;
    float: left;
}

#categoryPlans table tr td {
    padding: 0.625rem 0.9375rem !important;
}

.navbar-nav > li {
    display: inline;
    float: left;
}

.nav-wrap ul {
    margin: 50px 15px 0 0;
    padding: 10px 0 0;
}

.nav > li > a {
    display: block;
    position: relative;
}

.navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.lew-account-manager img {
    border-radius: 100%;
    border: solid 1px #969696;
    width: 100px;
    height: 100px;
}

.nli-faq-answer {
    display: inline;
}

.nli-faq-answer label {
    padding-left: 20px;
}

.nli-faq-question {
    display: inline;
}

.nli-icon {
    display: inline;
}

.nli-dropdown .nli-dropdown-list-wrapper .nli-dropdown-list li > span {
    color: #0066aa;
}

nav.materialized {
    background-color: #0066aa;
}

.matpagination li.active {
    background-color: #0066aa;
}

.matpagination li:not(.disabled):hover {
    background-color: #3385bb;
}

.matpagination li:not(.disabled):hover a {
    color: white;
}

select {
    margin: 0 !important;
}

.bar {
    position: relative;
    display: block;
}

.bar:after {
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    content: '';
    height: 2px;
    width: 0;
    bottom: 15px;
    position: absolute;
    background: #0066aa;
    right: 50%;
}

.bar:before {
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    content: '';
    height: 2px;
    width: 0;
    bottom: 15px;
    position: absolute;
    background: #0066aa;
    left: 50%;
}

:focus {
    outline: none;
}

.nli-slider {
    border: 1px solid #e0e0e0;
    display: block;
    height: 2px;
    margin: 23px 0;
    padding: 0;
    position: relative;
    background: #e0e0e0;
}

.nli-slider .slider-handle {
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #ffa000;
    border-color: #ffa000;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    top: -10px;
    width: 20px;
    z-index: 1;
}

.nli-slider .slider-handle:after {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nli-slider .slider-handle:hover:not([disabled]) {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.nli-slider .slider-handle:active:not([disabled]) {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.nli-slider .slider-active-segment {
    background: none repeat scroll 0 0 #ffa000;
    display: inline-block;
    height: 2px;
    position: absolute;
    top: -1px;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row .row,
nli-contact .row {
    width: auto;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1;
}

.row .row:before,
.row .row:after,
nli-contact .row:before,
nli-contact .row:after {
    content: " ";
    display: table;
}

.row .row:after,
nli-contact .row:after {
    clear: both;
}

nli-contact {
    padding: 0.75rem;
}

.contact-textarea .nli-textarea textarea {
    margin-bottom: 16px;
}

.nli-meter-chart .row,
.nli-time-period .row {
    margin-bottom: 20px;
}

.tabs .tab-title > a {
    padding: 0.25rem !important;
}

.tabs dd > a {
    padding: 0.25rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0 !important;
}

nli-meter-chart .login-button,
nli-meter-chart .button.success,
nli-meter-chart button.success {
    margin-left: 0;
}

nli-meter-chart .raised {
    margin-left: 0 !important;
}

nli-meter-chart .aggregation-button-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

nli-meter-chart .aggregation-button-container .btn-aggregation {
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}

.columns-no-padding-right {
    padding-right: 0;
    padding-left: 0.9375rem;
    position: relative;
    display: inline;
    float: left;
}

.columns-no-padding-left {
    padding-left: 0;
    padding-right: 0.9375rem;
    position: relative;
    display: inline;
    float: left;
}

.columns-no-padding {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}

.customColumns {
    padding-left: 0.9375rem;
}

.fa-stack-1x {
    width: 30px;
}

.fa-stack-2x {
    width: 30px;
}

#registrationTabs a {
    border-bottom: solid 4px transparent;
    background-color: white;
}

#registrationTabs a h5 {
    color: #969696;
}

#registrationTabs a:hover {
    border-bottom: solid 4px #969696;
}

#registrationTabs .active a {
    border-bottom: solid 4px #969696;
}

#registrationTabs .active a h5 {
    color: #0066aa;
}

.tariffName {
    font-size: 1.375em;
}

.gasCaculator {
    display: inline;
    float: left;
    margin-left: 0.9375em;
    height: 50px;
    overflow: hidden;
}

.gasCaculator img:hover {
    cursor: pointer;
}

.gray-scale,
.grayscale {
    position: relative;
    top: -50px;
}

.tarif-gas-label {
    padding-top: 20px;
    text-align: center;
}

.payMentTableHeader {
    font-size: 1rem;
    color: #232323;
    font-weight: 500;
    padding: 0.9375rem !important;
    background-color: #e0e0e0;
}

.paymentTableHeaderRight {
    text-align: right;
}

.widgetPaymentPlanLeftDiv {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.widgetPaymentPlanRightDiv {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.widgetPaymentPlanMiddleDiv {
    border-top: 1px solid #e0e0e0;
}

.widgetPostboxInboxLeftDiv {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.widgetPostboxInboxRightDiv {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.payment-table-right {
    display: inline;
    float: right;
    padding-right: 0.75rem;
}

.balancValueColor {
    display: inline;
    float: right;
    color: #585858;
}

.widgetPostBoxInboxButton {
    top: 12px;
}

.faq-label-padding {
    padding: 0.5rem 0 0;
}

#myModal .panel-white-bg {
    margin-left: 25% !important;
}

#myModal .panelWhiteBg {
    margin-left: 25% !important;
}

.block-image {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}

.module-header {
    display: flex;
    align-items: center;
}

.module-header span {
    font-size: 2.125rem;
    color: #0066aa;
}

.customer-logo-collapsed {
    display: block;
    width: 100%;
    padding: 8px;
}

.nav-logo {
    display: inline-block;
    height: 50px;
    margin: 10px 0 0 15px;
    vertical-align: middle;
}

.dark-bg {
    background: #232323;
}

.light-bg {
    background: white;
}

.container {
    margin-right: auto;
    margin-left: auto;
}

.navbar-default {
    background: #969696;
    margin-bottom: 0;
    border: none;
}

.navbar-default .navbar-header {
    width: 28%;
    padding-left: 45px;
}

.navbar-default .nav-wrap {
    width: 50%;
}

.navbar-default .social-media {
    display: inline;
    float: right;
    padding: 0 15px;
}

.navbar-default .social-media i {
    font-size: 22px;
}

.navbar-default .nav > li > a {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 0.875rem;
    color: #969696;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 15px;
}

.navbar-default .nav > li > a:active {
    color: white;
}

.navbar-default .nav > li > a:focus {
    color: white;
}

.navbar-default .nav > li > a:hover {
    color: white;
}

.navbar-default .navbar-nav > .active > a {
    background: transparent;
    color: white;
    border-bottom: 4px solid;
}

.navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: white;
    border-bottom: 4px solid;
}

.navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: white;
    border-bottom: 4px solid;
}

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1004;
    min-height: 64px;
}

.navbar-fixed-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navigation-container {
    margin-top: 50px;
}

.top-nav-collapse {
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background: #232323;
}

.top-nav-collapse .navbar-brand {
    padding: 0;
    height: auto;
}

.top-nav-collapse .navbar-brand > img {
    margin-top: 13px;
}

.top-nav-collapse .navbar-brand img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.top-nav-collapse .nav-wrap ul {
    margin: 30px 15px 0 0;
}

.top-nav-collapse .nav > li > a {
    padding: 5px 15px;
}

.navbar-brand {
    display: inline;
    float: left;
}

.navbar-brand > img {
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    display: block;
    margin-top: 28px;
}

.add-meter-button span i {
    color: #3385bb;
}

.side-menu-content::-webkit-scrollbar {
    display: none;
}

.text-bold {
    font-weight: bold;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.virtualMeterDropdownList.nli-dropdown .nli-dropdown-list-wrapper {
    overflow-y: auto;
    max-height: 300px;
}

.sbbheading span {
    font-size: 1rem;
    font-family: LEW-Light !important;
}

nvd3 svg {
    display: block;
}

.arrow-down input {
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-image: url(../imgs/arrowDown.svg) !important;
    width: 37px;
    height: 37px;
    border: 1px solid #e0e0e0;
    background-color: white;
}

.arrow-down input:hover {
    background-color: #e0e0e0;
}

.arrowDown input {
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-image: url(../imgs/arrowDown.svg) !important;
    width: 37px;
    height: 37px;
    border: 1px solid #e0e0e0;
    background-color: white;
}

.arrowDown input:hover {
    background-color: #e0e0e0;
}

.side-menu-header {
    background-color: rgba(245, 245, 245, 1);
}

side-menu-list-active:hover {
    color: #ffc107 !important;
}

.menu-tree ul li {
    border-bottom: solid 1px #e0e0e0;
    margin: 0;
    clear: both;
}

.menu-tree ul li a {
    font-family: LEW-Light, Helvetica, sans-serif !important;
    padding: 0px;
}

.menu-tree ul li a:hover {
    font-weight: 500;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    color: #0066aa !important;
}

.menu-tree .tree-leaf:hover a {
    color: #0066aa;
}

.tree-selected a {
    font-weight: 500;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    color: #0066aa !important;
}

nli-login a:hover {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #0066aa !important;
}

nli-registration a:hover {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #0066aa !important;
}

.fa-paperclip:before {
    content: "" !important;
}

.expanded-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
}

.expanded-header-container,
.customer-account {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}

.lew-add-meter-button {
    margin-bottom: 16px;
}

.nli-meter-chart {
    margin-bottom: .75rem;
}

.fa-no-padding:before {
    padding-left: 0;
}

table tr td {
    padding: 0.25rem !important;
}

.nli-data-table .nli-data-table-row {
    display: block;
}

.nli-data-table .nli-data-table-row .nli-data-table-col {
    display: inline-block;
    width: 100px;
}

.nli-bar-chart svg g text {
    fill: black;
}

.nli-bar-chart svg g.axis g.tick line {
    fill: black;
    stroke-width: 5px;
}

.nli-bar-chart svg g.axis g.tick text {
    fill: black;
    font-size: 11px;
}

.nli-bar-chart svg g.axis path.domain {
    fill: none;
    stroke: black;
    stroke-width: 2px;
}

.dashboard-manager .dashboard-tree {
    background-color: white;
}

.dashboard-manager .dbm-container {
    border-bottom: 1px solid #3385bb;
}

.source-dropdown-style:hover,
.source-dropdown-style i:hover {
    color: #0066aa;
}

treecontrol .context-menu .context-menu-item a:hover {
    color: #0066aa;
}

span.secondary-description {
    word-break: break-all;
}

.nli-invoice-overview .more-info-container {
    margin-top: 24px;
}

.invoice-overview {
    padding-top: 0px !important;
}

.invoice-overview {
    background-color: inherit !important;
}

.reveal-modal input.btn-flat {
    color: white;
}

.nvd3.nv-noData {
    font-size: 14px;
    font-weight: normal;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    color: black;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #0066aa;
}

.postbox-transaction {
    background: none repeat scroll 0 0 #ebf7fe;
    margin: 8px;
    border-radius: 3px;
    padding-top: 0;
}

.menuPostbox,
.menuCustomerData {
    padding: 0;
}

.menu-item {
    background-position-y: 8px;
}

.postbox-document {
    background: none repeat scroll 0 0 #ebf7fe;
    margin: 8px;
    padding: 8px;
    border-radius: 3px;
}

.orbit-bullets {
    margin: 16px auto;
    position: static;
    float: none;
    text-align: center;
    display: block;
}

nli-faq-item ul {
    padding-left: 16px !important;
}

nli-faq-item ul li {
    list-style: disc !important;
}

nli-faq-item strong {
    font-weight: bold !important;
}

nli-faq-item label {
    color: #232323;
}

#client_structure_side_menu .side-menu-content {
    overflow-y: auto;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li .tree-label {
    padding-top: 5px;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li .tree-label span {
    cursor: pointer;
    display: inline;
    font-size: 13.125px;
    font-size: 0.8203125rem;
    color: #585858;
    font-family: LEW-Light, Helvetica, sans-serif;
    font-weight: 500;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li .tree-label span {
    position: relative;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li .tree-label .consumption-object-label-container {
    padding-bottom: 5px;
    top: 0;
    left: 0;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li .tree-label .consumption-object-label-container span {
    display: inline;
    left: auto;
    padding: 0;
    top: auto;
    width: auto;
}

.consumption-object-label-container .icon-division {
    float: left;
    height: 20px;
    margin: 5px 5px 0 5px;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li .tree-label .customer-label-container {
    padding: 5px 0 0 30px;
    top: 0;
    left: 0;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li i.tree-branch-head {
    cursor: pointer;
    float: left;
    position: absolute;
    left: 0px;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li.tree-expanded i.tree-branch-head {
    padding: 15px;
    background: url(../imgs/angle-down.svg) no-repeat;
    width: 15px;
    height: 50px;
    top: 0;
    background-position: 8px 12px;
}

.gkp-customer-structure treecontrol.customer-tree-menu-gkp li.tree-collapsed i.tree-branch-head {
    padding: 15px 15px;
    background: url(../imgs/angle-right.svg) no-repeat;
    width: 15px;
    height: 50px;
    top: 0;
    background-position: 8px 12px;
}

.customer-meter-structure treecontrol.meter-structure-tree-gkp li.tree-expanded . tree-collapsed i.tree-branch-head {
    padding: 10px;
    width: 48px;
    height: 48px;
    background-position: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(../imgs/angle-down.svg);
    z-index: 9;
}

@-moz-document url-prefix() {
    scrollbar {
        -moz-appearance: none !important;
        background: #4caf50 !important;
    }

    scrollbarbutton,
    thumb {
        -moz-appearance: none !important;
        background-color: #0066aa !important;
    }

    scrollbarbutton:hover,
    thumb:hover {
        -moz-appearance: none !important;
        background-color: #f44336 !important;
    }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient='vertical'] {
        width: 5px !important;
    }
}

.nli-number-input .spinner {
    display: inline;
    float: right;
    width: 37px;
    height: 37px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-left: 0;
}

.nli-number-input .spinner .down {
    overflow: hidden;
    border: 0;
    text-align: center;
    background: white;
    font-size: 0.8em;
    border: 0;
    border-top: 1px solid #232323;
}

.nli-number-input .spinner .down:hover {
    background: #969696;
}

.nli-number-input .spinner .up {
    overflow: hidden;
    border: 0;
    text-align: center;
    background: white;
    font-size: 0.8em;
}

.nli-number-input .spinner .up:hover {
    background: #969696;
}

.nli-number-input .spinner input {
    height: 17px;
    line-height: 17px;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.nli-number-input .number-input {
    text-align: left;
}

input[type='password'] {
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Arial;
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
}

.nli-email-input input {
    border-color: #e0e0e0;
    line-height: 25px;
    line-height: 1.5em;
    background-color: transparent;
}

.nli-email-input input[disabled] {
    background: #e0e0e0;
    border-bottom: none;
}

.nli-text-input input[disabled] {
    background: #e0e0e0;
    border-bottom: none;
}

.nli-text-input input {
    min-height: 48px;
}

input[type='checkbox'] {
    margin: 0 !important;
}

input[type='file'] {
    margin: 0 !important;
}

[type="radio"].with-gap:checked + label:after,
[type="radio"].with-gap:checked + label:before,
[type="radio"]:checked + label:after {
    border: 2px solid #0066aa;
}

[type="checkbox"]:checked + label:before {
    border-right: 2px solid #0066aa;
    border-bottom: 2px solid #0066aa;
}

[type="checkbox"]:indeterminate + label:before {
    border-right: 2px solid #0066aa;
}

[type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #0066aa;
    background-color: #0066aa;
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    background-color: #0066aa;
    border-color: #0066aa;
}

input[type='radio'] {
    margin: 0 !important;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: rgba(25, 118, 210, 0.25);
}

.side-nav a.btn-floating:hover,
.picker__date-display,
.switch label input[type=checkbox]:checked + .lever:after,
[type="radio"].with-gap:checked + label:after,
[type="radio"]:checked + label:after {
    background-color: #0066aa;
}

.nli-dropdown {
    /*height: 48px;
    margin: 0 0 1em;*/
}

.nli-dropdown .nli-dropdown-base {
    position: relative;
    background-color: transparent;
}

.nli-dropdown .nli-dropdown-base .nli-text-input {
    width: 100%;
    padding-right: 37px;
}

.nli-dropdown .nli-dropdown-base .nli-text-input input {
    border-bottom-color: #969696;
}

.nli-dropdown .nli-dropdown-base input.nli-button {
    display: inline;
    float: right;
    border-bottom: 1px solid #969696;
}

.nli-dropdown .nli-dropdown-base input.nli-button:focus {
    background-color: transparent;
}

.nli-dropdown .nli-dropdown-base input.nli-button:hover {
    background-color: transparent;
}

.dropdown-icon {
    background-image: url(../imgs/dropdown-icon.svg) !important;
}

.dropdown-button {
    width: 37px;
    height: 37px;
    border: 1px solid #0066aa;
    border-left: none;
}

.dropdown-button:hover {
    background-color: #e0e0e0;
}

.nli-switch-contract-account .selected {
    color: #585858 !important;
}

.nli-switch-contract-account .nli-dropdown .nli-dropdown-base .nli-button {
    border-bottom: none !important;
}

.nli-switch-contract-account .nli-dropdown .nli-dropdown-base .nli-button:hover {
    background-color: transparent;
}

.nli-switch-contract-account .nli-dropdown .nli-dropdown-base .nli-text-input input {
    color: white !important;
    border-bottom: none !important;
}

.nli-switch-contract-account .nli-dropdown-base .dropdown-icon {
    background-image: url(../imgs/dropdown-icon-white.svg) !important;
}

.nli-password-input input {
    border: 1px solid #e0e0e0;
    line-height: 25px;
    padding: 0 5px;
}

.nli-password-input input[disabled] {
    background: #e0e0e0;
}

textarea {
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
}

textarea:focus ~ .bar:after {
    width: 50%;
}

textarea:focus ~ .bar:before {
    width: 50%;
}

.nli-textarea textarea {
    border: 1px solid #969696;
    line-height: 25px;
    padding: 0;
    background-color: transparent;
    height: 110px !important;
}

.nli-textarea textarea:focus {
    background-color: transparent;
}

.nli-textarea textarea[disabled] {
    background: #e0e0e0;
}

.nli-areacode-city-form .nli-number-input {
    display: inline;
    float: left;
}

.nli-areacode-city-form .nli-number-input input {
    width: 45px;
}

.nli-areacode-city-form .nli-text-input {
    float: none;
}

fieldset[disabled] input[type='color'],
fieldset[disabled] input[type='date'],
fieldset[disabled] input[type='datetime'],
fieldset[disabled] input[type='datetime-local'],
fieldset[disabled] input[type='email'],
fieldset[disabled] input[type='month'],
fieldset[disabled] input[type='number'],
fieldset[disabled] input[type='password'],
fieldset[disabled] input[type='search'],
fieldset[disabled] input[type='tel'],
fieldset[disabled] input[type='text'],
fieldset[disabled] input[type='date'],
fieldset[disabled] input[type='time'],
fieldset[disabled] input[type='url'],
fieldset[disabled] input[type='week'],
fieldset[disabled] textarea {
    background-color: transparent !important;
}

input[type='color'][disabled],
input[type='color'][readonly],
input[type='date'][disabled],
input[type='date'][readonly],
input[type='datetime'][disabled],
input[type='datetime'][readonly],
input[type='datetime-local'][disabled],
input[type='datetime-local'][readonly],
input[type='email'][disabled],
input[type='email'][readonly],
input[type='month'][disabled],
input[type='month'][readonly],
input[type='number'][disabled],
input[type='number'][readonly],
input[type='password'][disabled],
input[type='password'][readonly],
input[type='search'][disabled],
input[type='search'][readonly],
input[type='tel'][disabled],
input[type='tel'][readonly],
input[type='text'][disabled],
input[type='text'][readonly],
input[type='time'][disabled],
input[type='time'][readonly],
input[type='url'][disabled],
input[type='url'][readonly],
input[type='week'][disabled],
input[type='week'][readonly],
textarea[disabled],
textarea[readonly] {
    background-color: transparent !important;
}

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='date'],
input[type='time'],
input[type='url'],
input[type='week'] {
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: medium none !important;
    border-bottom: 1px solid #969696;
}

input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=datetime]:disabled,
input[type=datetime][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
    border-bottom: 1px dotted #0066aa;
}

.dropdown-content li > a,
.dropdown-content li > span {
    color: #0066aa;
}

input:not([type]):focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #0066aa;
    box-shadow: 0 1px 0 0 #0066aa;
}

input:not([type]):focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #0066aa;
}

input:not([type]).valid,
input:not([type]):focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #0066aa;
    box-shadow: 0 1px 0 0 #0066aa;
}

.input-field .prefix.active {
    color: #0066aa;
}

.input-error,
.inputError {
    border-bottom-color: #f44336 !important;
}

.dashboard-edit-buttons .btn-add-widget,
.dashboard-edit-buttons .btn-edit-dashboard,
.dashboard-edit-buttons .btn-cancel-edit,
.dashboard-edit-buttons .btn-toggle-edit {
    background-color: #0066aa;
}

.dashboard-edit-buttons .btn-add-widget:hover,
.dashboard-edit-buttons .btn-edit-dashboard:hover,
.dashboard-edit-buttons .btn-cancel-edit:hover,
.dashboard-edit-buttons .btn-toggle-edit:hover {
    background-color: #3385bb;
}

/*.btn,

.button input.button {
    background-color: $lew-blue;
    color: $white;
    &:active,
    &:focus,
    &:hover {
        background-color: $lew-blue_light;
    }
    &.btn-inactive {
        background-color: $grey_light;
        color: $black;
        &:hover {
            background-color: $lew-blue_light;
            color: $white;
        }
    }
}*/
/*.button.flat-secondary,
button.flat-secondary {
    background-color: $grey_light;
    color: $grey_dark;
}*/
/*.btn,
button {
    &.flat-secondary:hover {
        background-color: $grey_middle;
    }
}*/
.aggregation-button-container .btn.grey {
    color: #232323;
}

.aggregation-button-container .btn.grey:hover {
    background-color: #969696;
}

.btn-floating,
.btn-login {
    background-color: #0066aa;
}

.btn-floating:hover,
.btn-login:hover {
    background-color: #3385bb;
}

.button {
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    text-transform: uppercase;
    font-weight: 500;
    height: 36px;
    font-family: LEW-Light, Arial, Helvetica, sans-serif;
    border: none;
}

.button:active {
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.button:hover {
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.button.success {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0;
    margin-left: 0.9375rem !important;
    background-color: #0066aa !important;
    border-color: #0066aa !important;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    font-weight: 500;
    min-width: 88px;
}

.button.success:hover {
    background-color: #0066aa !important;
    border-color: #0066aa !important;
}

.button.success:focus {
    background-color: #0066aa !important;
    border-color: #0066aa !important;
}

.button.secondary {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    font-weight: 500;
    min-width: 88px;
}

.button.secondary:focus {
    background-color: #969696;
    border-color: #969696;
}

.button.secondary:hover {
    background-color: #969696;
    border-color: #969696;
}

.button.flat {
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0;
    color: #0066aa;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 88px;
}

.button.flat:focus {
    background-color: #3385bb;
}

.button.flat:hover {
    background-color: #3385bb;
}

.button.flat-secondary {
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0;
    background-color: transparent;
    border-color: transparent;
    color: black;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
}

.button.flat-secondary:focus {
    background-color: rgba(0, 0, 0, 0.2);
}

.button.flat-secondary:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.button.success[disabled]:hover {
    background-color: #0066aa;
    border-color: #0066aa;
}

/*
button {
    @include box-shadow(0 2px 5px 0 $grey_dark_20);
    //padding: 0.625rem 0;
    margin-bottom: 0;
    background-color: $grey_light;
    border-color: $grey_light;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    height: 36px;
    font-family: LEW-Light, Arial, Helvetica, sans-serif;
    &.success {
        @include border-radius(3px);
        //padding: 0.625rem 1rem !important;
        margin-bottom: 0 !important;
        margin-left: 0.9375rem !important;
        background-color: $lew-blue!important;
        border-color: $lew-blue!important;
        font-family: LEW-Light, Helvetica, sans-serif!important;
        font-weight: 500;
        min-width: 88px;
        &:hover {
            background-color: $lew-blue!important;
            border-color: $lew-blue!important;
        }
        &:focus {
            background-color: $lew-blue!important;
            border-color: $lew-blue!important;
        }
    }
    &.secondary {
        @include border-radius(3px);
        font-family: LEW-Light, Helvetica, sans-serif!important;
        font-weight: 500;
        min-width: 88px;
        &:focus {
            background-color: $grey_middle!important;
            border-color: $grey_middle!important;
        }
        &:hover {
            background-color: $grey_middle!important;
            border-color: $grey_middle!important;
        }
    }
    &.flat {
        @include box-shadow(none!important);
        @include border-radius(3px);
        //padding: 0.625rem 1rem !important;
        margin-bottom: 0 !important;
        background-color: transparent!important;
        border-color: transparent!important;
        color: $lew-blue;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 500;
        min-width: 88px;
        &:focus {
            background-color: $lew-blue_light!important;
        }
        &:hover {
            background-color: $lew-blue_light!important;
        }
    }
    &.flat-secondary {
        @include box-shadow(none!important);
        @include border-radius(3px);
        //padding: 0.625rem 1rem !important;
        margin-bottom: 0 !important;
        background-color: transparent!important;
        border-color: transparent!important;
        color: $black;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 500;
        &:focus {
            background-color: $grey_dark_20!important;
        }
        &:hover {
            background-color: $grey_dark_20!important;
        }
    }
    &.success[disabled]:hover {
        background-color: $lew-blue!important;
        border-color: $lew-blue!important;
    }
}*/

#index_side_menu > md-content {
    background-color: rgba(245, 245, 245, 1);
}

.login-button {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white !important;
    margin-bottom: 0 !important;
    margin-left: 0.9375rem !important;
    background-color: #0066aa !important;
    border-color: #0066aa !important;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    font-weight: 500;
    min-width: 88px;
}

.login-button:hover {
    background-color: #0066aa !important;
    border-color: #0066aa !important;
}

.login-button:focus {
    background-color: #0066aa !important;
    border-color: #0066aa !important;
}

input.raised,
button.raised, .portal-body .md-button.md-primary:not([disabled], #index_site_content md-content nli-user-meter-structure md-sidenav button) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    line-height: 1rem;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: .75rem 1.5rem;
    border: none;
    border-radius: 1.25rem;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    background-color: rgba(255, 160, 0, 1) !important;
    border-color: rgba(255, 160, 0, 1) !important;
}

input.raised:hover,
button.raised:hover, .portal-body .md-button.md-primary:not([disabled], #index_site_content md-content nli-user-meter-structure md-sidenav button):hover {
    background-color: rgba(245, 135, 0, 1) !important;
    border-color: rgba(245, 135, 0, 1) !important;
}

input.raised:focus,
button.raised:focus, .portal-body .md-button.md-primary:not([disabled], #index_site_content md-content nli-user-meter-structure md-sidenav button):focus {
    background-color: rgba(245, 135, 0, 1) !important;
    border-color: rgba(245, 135, 0, 1) !important;
}

input.raised.only,
button.raised.only {
    margin-left: 0 !important;
}

input.flat-secondary {
    margin-right: 0;
    min-width: 88px;
    padding: 0 16px;
}

.buttonTariffSelected {
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.625rem 1rem !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #ffa000;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
    color: #ffa000 !important;
}

.buttonTariffSelected input[type='button'] {
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.625rem 1rem !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #ffa000;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
}

.buttonTariffSelected input[type='button']:hover {
    background-color: #ffc107 !important;
}

.buttonTariffSelected input[type='button']:focus {
    color: #ffa000 !important;
}

.buttonTariffSelected:hover {
    background-color: #ffc107 !important;
}

.buttonTariffNotSelected {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.625rem 1rem !important;
    margin-bottom: 0 !important;
    background-color: #0066aa !important;
    border-color: #0066aa !important;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    font-weight: 500;
}

.buttonTariffNotSelected input[type='button'] {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.625rem 1rem !important;
    margin-bottom: 0 !important;
    background-color: #0066aa !important;
    border-color: #0066aa !important;
    font-family: LEW-Light, Helvetica, sans-serif !important;
    font-weight: 500;
}

.buttonTariffNotSelected input[type='button']:hover {
    background-color: #ff6f00 !important;
    border-color: #ff6f00 !important;
}

.buttonTariffNotSelected:hover {
    background-color: #ff6f00 !important;
    border-color: #ff6f00 !important;
}

.btn-transparent {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: transparent;
    border: 3px solid white;
    padding: 15px 30px;
    font-size: 14px;
    color: white;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.btn-transparent:active {
    background: white;
    color: #232323;
    text-decoration: none;
}

.btn-transparent:focus {
    background: white;
    color: #232323;
    text-decoration: none;
}

.btn-transparent:hover {
    background: white;
    color: #232323;
    text-decoration: none;
}

.btn-transparent-small {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: transparent;
    border: 3px solid white;
    padding: 5px 30px;
    font-size: 14px;
    color: white;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.btn-transparent-small:active {
    background: white;
    color: #232323;
    text-decoration: none;
}

.btn-transparent-small:focus {
    background: white;
    color: #232323;
    text-decoration: none;
}

.btn-transparent-small:hover {
    background: white;
    color: #232323;
    text-decoration: none;
}

/*.btn-light {
    @include border-radius(0);
    @include transition(all 0.3s ease-in-out);
    background: $white;
    border: 3px solid $white;
    padding: 15px 30px;
    font-size: 14px;
    color: $grey_dark;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    &:active {
        background: transparent;
        color: $white;
        text-decoration: none;
    }
    &:focus {
        background: transparent;
        color: $white;
        text-decoration: none;
    }
    &:hover {
        background: transparent;
        color: $white;
        text-decoration: none;
    }
}

.btn-light-small {
    @include border-radius(0);
    @include transition(all 0.3s ease-in-out);
    background: $white;
    border: 3px solid $white;
    padding: 5px 30px;
    font-size: 14px;
    color: $grey_dark;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    &:active {
        background: transparent;
        color: $white;
        text-decoration: none;
    }
    &:focus {
        background: transparent;
        color: $white;
        text-decoration: none;
    }
    &:hover {
        background: transparent;
        color: $white;
        text-decoration: none;
    }
}*/
/*.btn-block {
    @include border-radius(0);
    @include transition(all 0.3s ease-in-out);
    background: $grey_dark;
    padding: 15px 0;
    font-size: 16px;
    color: $white;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 3px solid $grey_dark;
    &:active {
        background: $white;
        color: $grey_dark;
        text-decoration: none;
    }
    &:focus {
        background: $white;
        color: $grey_dark;
        text-decoration: none;
    }
    &:hover {
        background: $white;
        color: $grey_dark;
        text-decoration: none;
    }
}*/
.nli-date {
    /*height: 37px;
    margin: 0 0 10px;*/
}

.nli-date .base {
    position: relative;
    z-index: 500;
}

.nli-date .base .nli-text-input {
    width: 100%;
    padding-right: 37px;
}

.nli-date .base .nli-button {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 0;
}

.nli-date .nli-date-wrapper {
    -moz-box-shadow: 0 0 15px #e0e0e0;
    -ms-box-shadow: 0 0 15px #e0e0e0;
    -o-box-shadow: 0 0 15px #e0e0e0;
    -webkit-box-shadow: 0 0 15px #e0e0e0;
    box-shadow: 0 0 15px #e0e0e0;
    position: absolute;
    border: 1px solid #e0e0e0;
    background: white;
    overflow: hidden;
    height: 260px;
    width: 245px !important;
    z-index: 10000;
    margin-top: -15px;
    margin-left: 0;
}

.nli-date .nli-date-wrapper .nav {
    text-align: center;
    width: 243px;
    height: 45px;
    background-color: #0066aa;
}

.nli-date .nli-date-wrapper .nav .prev_month {
    -moz-border-radius: 37px;
    -ms-border-radius: 37px;
    -o-border-radius: 37px;
    -webkit-border-radius: 37px;
    border-radius: 37px;
    display: inline;
    float: left;
    position: relative;
    left: 2px;
    top: 2px;
    width: 37px;
    height: 37px;
    background-image: url("../imgs/arrow-left-icon.svg");
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.nli-date .nli-date-wrapper .nav .prev_month:hover {
    background-color: transparent;
}

.nli-date .nli-date-wrapper .nav .curr_month {
    line-height: 45px;
    top: 2px;
    color: white;
    font-weight: 500;
}

.nli-date .nli-date-wrapper .nav .next_month {
    -moz-border-radius: 37px;
    -ms-border-radius: 37px;
    -o-border-radius: 37px;
    -webkit-border-radius: 37px;
    border-radius: 37px;
    display: inline;
    float: right;
    position: relative;
    right: 2px;
    top: 2px;
    width: 37px;
    height: 37px;
    background-image: url("../imgs/arrow-right-icon.svg");
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.nli-date .nli-date-wrapper .nav .next_month:hover {
    background-color: transparent;
}

.nli-date .nli-date-wrapper table {
    margin: 5px auto;
    border: none !important;
}

.nli-date .nli-date-wrapper table thead th {
    text-align: center;
}

.nli-date .nli-date-wrapper table thead tr td {
    padding: 0.25rem !important;
}

.nli-date .nli-date-wrapper table thead tr th {
    padding: 0.25rem !important;
}

.nli-date .nli-date-wrapper table tr th {
    padding: 0.25rem !important;
}

.nli-date .nli-date-wrapper table tbody tr td div.today {
    background-color: white;
    color: #0066aa;
    font-weight: 500;
}

.nli-date .nli-date-wrapper table tbody tr td div.selected {
    background-color: #0066aa;
    color: white;
}

.nli-date .nli-date-wrapper table tbody tr td div.outside_month {
    color: #969696;
}

.nli-date .nli-date-wrapper table tbody tr td.day div {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

.nli-date .nli-date-wrapper table tbody tr td.day div:hover {
    background-color: #3385bb;
}

.nli-date .nli-date-wrapper table tbody .week .day .day-number.selected {
    border-radius: 0;
    color: black;
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background-color: #0066aa;
}

.picker__close,
.picker__today,
.picker__day.picker__day--today {
    color: #0066aa;
}

.clockpicker-canvas-bg,
.clockpicker-canvas-bg-trans {
    fill: rgba(25, 118, 210, 0.25);
}

.clockpicker-canvas line {
    stroke: rgba(25, 118, 210, 0.25);
}

.btn-floating.btn-flat.active,
.picker__footer .clockpicker-button:active,
.clockpicker-tick.active,
.clockpicker-tick:hover {
    background-color: rgba(25, 118, 210, 0.25);
}

/* user-meter-structure component */
#nliUserVirtualMeterModalForm {
    height: 70%;
}

nli-user-meter-structure .nli-user-meter-structure {
    display: flex;
    flex-direction: row;
    padding: 10px;
}

nli-user-meter-structure .nli-user-meter-structure .widget-config-container {
    align-items: center;
}

nli-user-meter-structure .nli-user-meter-structure .node-content .primary-description {
    font-size: 0.875rem !important;
    color: #585858 !important;
}

nli-user-meter-structure .nli-user-meter-structure .node-content .secondary-description {
    font-size: 0.875rem !important;
    color: #585858 !important;
}

nli-user-meter-structure #nli_user_meter_tree_structure {
    border-radius: 3px;
    width: 100%;
    height: inherit;
    display: block;
    max-height: calc(100vh - 330px);
    background: #ebf7fe;
}

nli-user-meter-structure #nli_user_meter_tree_structure .search-row {
    margin-bottom: 0;
}

nli-user-meter-structure #nli_user_meter_tree_structure .search-row .small-10 {
    width: 100%;
}

nli-user-meter-structure #nli_user_meter_tree_structure .search-row .small-2 {
    display: none;
}

nli-user-meter-structure #nli_user_meter_dashboard_container {
    width: 100%;
    padding-left: 10px;
}

nli-user-meter-structure .virtual-meter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nli-user-meter-structure .node-content {
    display: flex;
}

nli-user-meter-structure .node-content .node-item span {
    display: inline-block;
    line-height: 16px;
}

nli-user-meter-structure .meter-node-container {
    display: flex;
    align-items: center;
}

nli-user-overview table tr td span {
    word-break: break-all;
}

nli-administration-customer-list #search {
    margin-left: 0;
    width: 100%;
}

@media only screen and (min-width: 1441px) {
    .nli-large-3 {
        width: 300px;
    }

    .nli-large-offset-3 {
        margin-left: 300px !important;
    }

    .nli-large-9 {
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -o-calc(100% - 300px);
        width: calc(100% - 300px);
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .nli-large-3 {
        width: 300px;
    }

    .nli-large-offset-3 {
        margin-left: 300px !important;
    }

    .nli-large-9 {
        width: -moz-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -o-calc(100% - 300px);
        width: calc(100% - 300px);
    }

    .customer-meter-structure .nli-meter-chart .widget-config-container,
    .nli-user-meter-structure .nli-meter-chart .widget-config-container {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .customer-meter-structure .nli-meter-chart .widget-config-container,
    .nli-user-meter-structure .nli-meter-chart .widget-config-container {
        flex-direction: column;
    }

    .nvtooltip {
        display: none;
    }
}

@media (min-width: 641px) and (max-width: 992px) {
    .navbar-default .navbar-header {
        width: 100%;
        padding-right: 0;
    }

    .navbar-default .navbar-header .navbar-brand {
        height: auto;
    }

    .navbar-default .navbar-header .navbar-brand img {
        width: 52px;
        height: 52px;
    }

    .navbar-default .nav-wrap {
        width: 100%;
    }

    .navbar-default .navbar-toggle {
        padding-top: 25px;
        padding-bottom: 25px;
        border: none;
        display: block;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
    }

    .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .navbar-default .navbar-left,
    .navbar-default .navbar-right,
    .navbar-default .navbar-collapse.collapse,
    .navbar-default .navbar-nav {
        float: none !important;
    }

    .navbar-default .navbar-nav {
        margin-top: 7.5px;
    }

    .navbar-default .navbar-nav > li {
        float: none;
    }

    .navbar-default .collapse.in {
        display: block !important;
    }

    .portal-header {
        height: 64px;
        position: fixed;
    }

    .site-content {
        margin-top: 64px;
    }

    .menu-icon-at-small {
        top: 17px;
    }

    .module-header span {
        font-size: 1.5rem;
    }

    .button {
        height: 48px !important;
    }

    button {
        height: 48px !important;
    }

    .menu-tree ul li a {
        max-width: 245px;
    }
}

@media (max-width: 640px) {
    body {
        font-family: LEW-Medium, Helvetica, sans-serif !important;
        background-color: white !important;
        overflow-x: hidden;
    }

    .panel-white-bg {
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .panelWhiteBg,
    .panel-white-bg {
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .module-header span {
        font-size: 1.25rem;
        color: #0066aa;
        line-height: 48px;
    }

    .bg-amber-100 {
        background-color: white;
    }

    .portal-header {
        height: 48px;
        background-image: none;
        position: fixed;
    }

    .menu-icon-at-small {
        top: 10px;
    }

    .btn-light-small {
        margin-bottom: 0.9375rem;
        display: inline-block;
    }

    .site-content {
        margin-top: 48px;
    }

    .navbar-fixed-top {
        min-height: 48px;
    }

    .menu-title {
        top: 15px;
    }

    .button {
        height: 48px !important;
    }

    button {
        height: 48px !important;
    }

    .payment-table-right {
        float: none;
    }

    /*  #portal-slider .item {
        height: 400px;
        .caption {
            top: 20%;
        }
    }*/
    .nli-user-meter-structure {
        flex-direction: column;
        padding: 8px;
    }

    .nli-user-meter-structure div#nli_user_meter_tree_structure {
        width: 100%;
        height: 300px;
        overflow: auto;
    }

    .nli-user-meter-structure div#nli_user_meter_dashboard_container {
        width: 100%;
        padding-left: 0;
    }

    .nli-user-meter-structure .add-meter-button .btn-floating {
        height: 40px !important;
    }

    treecontrol.meter-structure-tree-gkp ul {
        height: inherit;
    }

    /*.source-dropdown-style {
        margin-right: 18px;
    }*/
}

@media (max-width: 480px) {
    /*    .slider-h1 {
        font-size: 22px;
        text-align: center;
        margin: 5px;
    }
    #portal-slider .item .caption {
        top: 20%;
    }*/
}

@media print {
    * {
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        background: transparent !important;
        color: black !important;
    }

    a {
        font: 10pt Arial, serif;
        color: black;
        background: white;
        padding: 0;
        margin: 0;
        line-height: 1;
        text-decoration: underline;
    }

    a:visited {
        text-decoration: underline;
    }

    body {
        font: 10pt Arial, serif;
        color: black;
        background: white;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    label {
        font: 10pt Arial, serif;
        color: black;
        background: white;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    span {
        font: 10pt Arial, serif;
        color: black;
        background: white;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    span a {
        font: 10pt Arial, serif;
        color: black;
        background: white;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    .row {
        margin: 0 auto;
        max-width: 62.5em;
        width: 100%;
    }

    .column {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        width: 100%;
        display: inline;
        float: left;
    }

    .columns {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        width: 100%;
        display: inline;
        float: left;
    }

    .panelWhiteBg {
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .panelWhiteBg:hover {
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    .panelYellow {
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .panelYellow:hover {
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    .button.success {
        display: none;
    }

    .button.secondary {
        display: none;
    }

    button.success {
        display: none;
    }

    button.secondary {
        display: none;
    }

    #registrationTabs {
        display: none;
    }

    #panel2 {
        display: none;
    }

    .module-header-panel {
        padding-left: 8pt !important;
    }

    .module-header {
        left: 0;
    }

    .circleSucceeded {
        color: #e0e0e0 !important;
    }

    .break-before {
        page-break-before: always;
    }

    .break-after {
        page-break-after: always;
    }

    .helpText {
        display: none;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

    .print-full-widht {
        width: 100%;
    }

    .body1,
    .body2,
    .body2 span,
    .caption,
    .display1,
    .display1 span,
    .header1,
    .header1 span,
    .header2,
    .header2 span,
    .header3,
    .header3 span,
    .header4,
    .header4 span,
    .headline,
    .headline span,
    .subheading,
    .title,
    .title span {
        font-family: LEW-Light, Helvetica, sans-serif !important;
        font-weight: normal;
        font-style: normal;
    }

    div {
        font-family: LEW-Medium, Helvetica, sans-serif !important;
        font-weight: normal;
        font-style: normal;
    }

    thead {
        display: table-header-group;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tr {
        page-break-inside: avoid;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    blockquote,
    pre {
        border: 1px solid #969696;
        page-break-inside: avoid;
    }

    img {
        page-break-inside: avoid;
        max-width: 100% !important;
    }

    h2,
    h3 {
        page-break-after: avoid;
        orphans: 3;
        widows: 3;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .show-for-print {
        display: inherit !important;
        display: block;
    }

    .hide-for-print,
    .not-print,
    .notPrint {
        display: none;
    }

    @page {
        margin: 0.5cm;
    }

    p {
        orphans: 3;
        widows: 3;
    }

    .sbbheading span {
        font-family: LEW-Light, Helvetica, sans-serif !important;
        font-weight: normal;
        font-style: normal;
    }

    table.show-for-print {
        display: table !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important;
    }

    a[href]:after,
    abbr[title]:after {
        content: "(" attr(href) ")";
    }

    .ir a:after {
        content: '';
    }

    a[href^='#']:after {
        content: '';
    }

    a[href^='javascript:']:after {
        content: '';
    }
}

@media only screen and (max-width: 992px) {
    table.responsive-table tbody tr {
        display: block !important;
    }

    .customer-meter-structure .lew-customer-meter-structure {
        display: block;
    }

    .customer-meter-structure .lew-customer-meter-structure .customer-meter-column {
        max-width: 100%;
        width: 100%;
    }

    #nli_customer_meter_dashboard_container {
        padding-left: 0px;
    }

    .user-meter-structure .nli-user-meter-structure {
        display: block;
    }

    nli-user-meter-structure #nli_user_meter_tree_structure {
        display: block;
        max-height: 300px;
        overflow-y: auto;
        max-width: 100%;
    }

    nli-user-meter-structure #nli_user_meter_dashboard_container {
        padding-left: 0px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .header-row .navigation-link {
        line-height: 48px;
    }

    .menu-icon {
        top: 4px;
    }
}

@media only screen and (min-width: 641px) {
    .header-row .navigation-link {
        line-height: 64px;
    }
}

@media only screen and (max-width: 500px) {
    .whiteSpacePreLine {
        white-space: pre-line;
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal {
        max-width: 75rem !important;
    }
}

@media only screen and (min-width: 601px) {
    .node-description {
        margin: auto auto auto 16px;
        align-items: center;
    }
}

@media only screen and (min-width: 40.063em) {
    div#stepsModal {
        max-width: 90rem !important;
        max-height: 80%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    div#stepsModal {
        max-width: 85rem !important;
        max-height: 90%;
        top: 50px;
    }

    div#stepsModa .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    div#stepsModal img {
        width: 100%;
    }
}

@media only screen and (min-width: 240px) and (max-width: 1023px) {
    div#stepsModal {
        max-width: 75rem !important;
        max-height: 85%;
        top: 20px !important;
    }

    div#stepsModal .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    div#stepsModal img {
        width: 100%;
    }
}

@media only screen and (min-width: 240px) and (max-width: 700px) {
    div#stepsModal {
        max-width: 75rem !important;
        max-height: 85%;
        top: 20px !important;
    }

    div#stepsModal .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    div#stepsModal img {
        width: 200%;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1023px) {
    div#stepsModal {
        max-width: 75rem !important;
        max-height: 85%;
        top: 30px !important;
    }

    div#stepsModal .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    div#stepsModal img {
        width: 200%;
    }
}

@media only screen and (min-height: 300px) and (max-height: 600px) {
    div#termsModal {
        max-width: 75rem !important;
        max-height: 80%;
        top: 30px !important;
        overflow-y: hidden;
    }

    div#stepsModal .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    div#termsModal {
        max-width: 85rem !important;
        max-height: 90%;
        top: 50px;
        overflow-y: hidden;
    }

    div#stepsModal .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-height: 250px) and (max-height: 400px) {
    .terms-of-use-modal {
        max-height: 170px;
    }

    .first-step-image-content {
        max-height: 170px;
    }
}

@media only screen and (min-height: 400px) and (max-height: 600px) {
    .terms-of-use-modal {
        max-height: 220px;
    }

    .first-step-image-content {
        max-height: 220px;
    }
}

@media only screen and (min-height: 601px) and (max-height: 660px) {
    .terms-of-use-modal {
        max-height: 310px;
    }

    .first-step-image-content {
        max-height: 310px;
    }
}

@media only screen and (min-height: 661px) and (max-height: 800px) {
    .terms-of-use-modal {
        max-height: 360px;
    }

    .first-step-image-content {
        max-height: 360px;
    }
}

@media only screen and (min-height: 801px) and (max-height: 950px) {
    .terms-of-use-modal {
        max-height: 450px;
    }

    .first-step-image-content {
        max-height: 450px;
    }
}

@media only screen and (min-height: 951px) and (max-height: 1200px) {
    .terms-of-use-modal {
        max-height: 550px;
    }

    .first-step-image-content {
        max-height: 550px;
    }
}

/* Überschrift 1 LEW-Gruppe */
nli-lew-news-channel p.headline {
    font-size: 24px;
    line-height: normal;
    font-family: 'RWEHeadlineCondensedLight', Tahoma, Geneva, sans-serif;
    text-transform: none;
    color: #0066aa;
    margin: 0 0 10px 0;
    padding-bottom: 20px;
}

/* Überschrift 2 LEW-Gruppe */
nli-lew-news-channel h2.lewheadline {
    font-size: 20px;
    color: #0066aa;
}

/* Überschrift 3 LEW-Gruppe */
nli-lew-news-channel h3.lewheadline {
    font-size: 16px;
    color: #58585a;
}

/* Normaler Text */
nli-lew-news-channel p {
    font-size: 12px;
    color: #58585a;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Kleingedrucktes */
nli-lew-news-channel sub, sup {
    font-size: 0.9em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

/*# sourceMappingURL=lew.css.map */

@media (max-width: 800px) {
    .portal-header {
        min-height: 48px;
    }
}

/*small screens*/
@media (max-width: 640px) {

    .nli-header-bar-text {
        font-size: 0.9rem;
    }

    .portal-header {
        min-height: 48px;
    }

    .lew-table-row {
        display: inline-table !important;
        border: none !important;
        border-bottom-color: #0066aa !important;
        border-bottom-style: dotted !important;
        border-bottom-width: 1px !important;
        width: 100%;
    }

    .lew-table-cell {
        border: none !important;
        width: 100%;
        text-align: right !important;
    }

    .postbox-transaction-details {
        text-align: left !important;
    }

    .table.nli-responsive-table tr {
        border: none;
    }

}

@media (max-width: 1600px) {

    .customer-meter-structure {
        display: block;
    }
}

.side-menu-header .customer-logo {
    margin-left: 16px !important;
    display: inline !important;
}

.nli-unserviceability-padding {
    padding: 50px;
}

a.disabled.dtp-select-hour.ng-binding.ng-scope {
    color: #e0e0e0 !important;
}

.lew-center-table {
    text-align: center !important;
}

.lew-unserviceability-table > thead > tr > th {
    text-align: center !important;
}

.nli_lew_mfa_container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    height: 100%;
}

.nli_lew_mfa_faq_container {
    width: 70%;
}

nli-lew-mfa-activation {
    height: 100%;
}

.label-for-mat-switch {
    margin: 16px;
}

.version {
    font-size: xx-small;
    color: darkgray;
}

.nli-lew-losswork-title {
    font-size: 2.5rem;
    font-weight: bold;
}