div, ul, li, article, main, aside, header, footer, section, p, a, h1, h2, h3, h4, h5, h6, pre, input, textarea {
  box-sizing: border-box; }

@font-face {
  font-family: 'Flama';
  font-weight: normal;
  font-style: normal;
  src: url("font/flama_book_eot.eot");
  src: url("font/flama_book_svg.svg#font") format("svg"), url("font/flama_book_eot.eot?#iefix") format("embedded-opentype"), url("font/flama_book_woff.woff") format("woff"); }

@font-face {
  font-family: 'Flama';
  font-weight: bold;
  font-style: normal;
  src: url("font/flama_bold_eot.eot");
  src: url("font/flama_bold_svg.svg#font") format("svg"), url("font/flama_bold_eot.eot?#iefix") format("embedded-opentype"), url("font/flama_bold_woff.woff") format("woff"); }

body {
  font-family: 'Flama',sans-serif;
  color: #444444;
  font-size: 16px; }

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  line-height: 1em;
  font-weight: bold;
  color: #002e5f; }

h1, .h1 {
  font-size: 4.5rem; }

h2, h3,
.h2, .h3 {
  font-size: 3rem; }

p {
  font-size: 1em;
  line-height: 1.4; }

.search-list-description > a > span {
  color: #000; }

.panel-title {
  color: #fff; }
.panel-title > * {
  color: #fff; }

.description .text-muted {
  color: #fff; }

.panel-heading h4 span {
  color: #fff !important; }

bpc-debug .panel-heading .panel-title .accordion-toggle {
  color: #000;
}

.description .bpc-noLink > .glyphicon.glyphicon-map-marker {
  color: #fff; }

.panel.panel-contract-account .panel-heading .row .glyphicon.glyphicon-chevron-up {
  color: #fff; }

.bpcIcon-wastewater {
  color: #fff; }

.fa.fa-at {
  color: #fff; }

.panel-title .glyphicon-info-sign::before {
  content: "\e090";
  color: #CC3B3B; }

.fa-envelope::before {
  margin-right: 5px; }

.btn-default,
.btn-primary {
  transition: background-position 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0;
  border: none;
  padding: 0.75em;
  background-size: 100% 200%;
  background-position: bottom center;
}

.btn-default {
  color: #ffffff;
  background: #00a8e1;
}

.btn-primary {
  color: #003869;
  background: linear-gradient(180deg, #ffd640 0%, #ffd640 50%, #ffcd00 50%, #ffcd00 100%);
}

.btn-default:focus, .btn-default:hover,
.btn-primary:focus,
.btn-primary:hover {
  background-position: top center;}

.input-group > .dropdown > .dropdown-toggle {
  padding: 0.5em; }

.btn-default.active, .btn-default:active, .btn-default:hover {
  color: #003869; }

.open > .dropdown-toggle.btn-default {
  color: #fff; }

.btn.focus,
.btn:focus,
.btn:hover {
  color: #003869; }

.bpcIcon-cancel,
.bpcIcon-save,
.fa-power-off {
  display: none; }

.btn.btn-default > .bpcIcon-home {
  display: none; }

#login > .hidden-xs.hidden-sm:hover {
  background-color: rgba(0, 0, 0, 0); }

#login > .hidden-xs.hidden-sm > .btn-primary {
  background-color: rgba(0, 0, 0, 0);
  font-size: 16px; }

.btn.btn-danger.btn-xs {
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0); }

#loginBtn, form.ng-pristine .ladda-button, form.ng-scope.ng-valid-server.ng-valid .ladda-button {
  padding: 0;
  border: 0;
  border-width: 0;
  border-radius: 0;
  font-size: 14px;
  height: 26px;
  text-align: left;
  margin-bottom: 20px;
  float: right; }
#loginBtn::before, form.ng-pristine .ladda-button::before, form.ng-scope.ng-valid-server.ng-valid .ladda-button::before {
  background: url("images/button_arrow.svg");
  padding-left: 25px;
  height: 26px;
  border: 0;
  border-radius: 0;
  margin-right: 15px;
  text-decoration: none;
  color: white;
  content: "";
  background-size: 26px 26px;
  background-position: 0 0;
  display: inline-block; }
#loginBtn > .ladda-label, form.ng-pristine .ladda-button > .ladda-label, form.ng-scope.ng-valid-server.ng-valid .ladda-button > .ladda-label {
  display: inline-block;
  top: -7px;
  position: relative;
  left: -5px; }

.form-group {
  padding-bottom: 1rem; }
.form-group > .btn-default {
  padding: 0 5px 0 0;
  border: 0;
  border-width: 0;
  border-radius: 0;
  font-size: 14px;
  height: 26px;
  text-align: left;
  float: right; }
.form-group > .btn-default::before {
  background: url("images/button_arrow.svg");
  padding-left: 25px;
  height: 26px;
  border: 0;
  border-radius: 0;
  margin-right: 15px;
  text-decoration: none;
  color: white;
  content: "";
  background-size: 26px 26px;
  background-position: 0 0;
  display: block;
  float: left; }

.bpcIcon-next {
  display: none; }

.bpcIcon-back::before {
  content: ''; }

a.bpc-noLink:active,
a.bpc-noLink:focus,
a.bpc-noLink:hover,
a.bpc-noLink:link,
a.bpc-noLink:visited {
  color: #fff; }

.glyphicon-cloud-upload {
  display: none; }

.well {
  background: #f6f6f7;
  color: #002e5f;
  border-radius: 0;
  border: 0;
  box-shadow: unset; }

.panel.panel-contract-account > .panel-heading {
  background: #002e5f;
  border-radius: 0;
  border: 0; }

.col-xs-12 > .panel.panel-default > .panel-heading,
.panel.panel-default > .panel-heading {
  background: #002e5f;
  border-radius: 0;
  border: 0; }{
  background: #002e5f;
  color: #fff;
  border-radius: 0;
  border: 0; }

.col-xs-12 > .panel.panel-default > .panel-heading h3 {
  color: inherit;
}

.panel.panel-contract > .panel-heading {
  background: #002e5f; }

.navbar-brand img {
  max-height: 35px;
  background-color: #00a8e1; }
@media only screen and (min-width: 768px) {
  .navbar-brand img {
    margin-top: 12px !important;
    width: 253px;
    height: auto;
    max-height: unset; } }

.form-control {
  border-radius: 0;
  border: 1px solid #dbe1e7;
  padding: 0.5em; }
.form-control:focus {
  border-color: #dbe1e7;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f5f7f7; }

#chooseAll {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  color: #002e5f; }
#chooseAll::before {
  content: "\e157"; }

span.input-group-btn .btn.btn-default {
  padding: .7rem 0.75rem; }

.panel-contract-account .properties sup {
  top: 0; }

.panel.panel-contract-account > .panel-heading {
  display: inline-block;
  width: 100%; }
.panel.panel-contract-account > .panel-heading > .row > .panel-title {
  font-size: 20px; }

.bpcIcon-electricity::before, .bpcIcon-gas::before, .bpcIcon-water::before, .bpcIcon-heating::before, .bpcIcon-wastewater::before, .fa-at::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
  background-size: contain;
  vertical-align: middle; }

.fa-at::before {
  background-image: url("images/SWK_Icon_At.svg"); }

.bpcIcon-wastewater::before {
  background-image: url("images/SWK_Icon_Drop.svg"); }

.bpcIcon-electricity::before {
  background-image: url("images/SWK_Icon_Strom_v02.svg"); }

.bpcIcon-gas::before {
  background-image: url("images/SWK_Icon_Gas_v02.svg"); }

.bpcIcon-water::before {
  background-image: url("images/SWK_Icon_Wasser_v02.svg"); }

.bpcIcon-heating::before {
  background-image: url("images/SWK_Icon_Waerme_v02.svg"); }

.ui-select-choices-row-inner .bpcIcon-wastewater::before {
  color: #002e5f; }

.division-list .curser-help.bpcIcon-electricity::before, .division-list .curser-help.bpcIcon-gas::before, .division-list .curser-help.bpcIcon-water::before, .division-list .curser-help.bpcIcon-heating::before {
  width: 24px;
  height: 24px; }

.properties .curser-help > span.fa-file {
  display: none;
  /*  &::before{
        display: inline-block;
        width: 32px;
        height: 32px;
        content: "";
        background-size: contain;
        margin-right: 8px;
        vertical-align: middle;
        background-image: url(images/reporting.svg);
      }*/ }

.properties .curser-help > .fa-envelope-o {
  display: none; }

.dl-horizontal dt {
  text-align: left; }

a {
  color: #00a8e1; }
a:focus, a:hover {
  color: #00a8e1; }

@media only screen and (min-width: 992px) {
  nav.navbar-default .navbar-nav {
    padding-top: 40px; } }

nav.navbar-default .navbar-nav > li a, nav.navbar-default .navbar-nav > li a:focus, nav.navbar-default .navbar-nav > li a:hover, nav.navbar-default .navbar-nav > li .navbar-text {
  color: #444; }

nav.navbar-default .navbar-nav > .active a {
  background-color: transparent;
  color: #002e5f; }

nav.navbar-default .navbar-nav > .open {
  background-color: #00a8e1;
  color: #FFF; }
nav.navbar-default .navbar-nav > .open .dropdown-menu > li > a {
  color: #FFF; }
nav.navbar-default .navbar-nav > .open .dropdown-menu > li > a:focus, nav.navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover {
  color: #FFF; }

nav.navbar-default .navbar-nav .dropdown-menu > li > a:focus, nav.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
  background-color: #00a8e1; }

@media only screen and (max-width: 768px) {
  nav.navbar-default .navbar-nav .dropdown-menu {
    border-radius: 0; } }

@media only screen and (min-width: 768px) {
  nav.navbar-default .navbar-nav {
    display: inline-table; }
  nav.navbar-default .navbar-nav > li {
    display: table-cell;
    vertical-align: middle;
    float: none; }
  nav.navbar-default .navbar-nav > .open {
    color: #FFF; }
  nav.navbar-default .navbar-nav > .open > a, nav.navbar-default .navbar-nav > .open a:hover, nav.navbar-default .navbar-nav > .open a:focus {
    background-color: #fff;
    color: #002e5f; }
  nav.navbar-default .navbar-nav > .open .dropdown-menu > li > a {
    color: #FFF; }
  nav.navbar-default .navbar-nav .btn-xs {
    border: 0;
    padding-top: 0;
    padding-bottom: 0; } }

nav.navbar-default .navbar-right {
  padding-top: 0; }

.panel-info > .panel-heading {
  background: #00a8e1;
  border-color: #00a8e1; }

.tile {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 1rem;
  cursor: pointer;
  height: 130px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); }
@media only screen and (min-width: 768px) {
  .tile {
    width: 30%;
    height: 70px; } }
@media only screen and (min-width: 992px) {
  .tile {
    height: 90px; } }
.tile:hover {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75); }
.tile.tile-postbox {
  background-image: url("images/kacheln/dokumente.jpg"); }
.tile.tile-consumption {
  background-image: url("images/kacheln/verbraeuche.jpg"); }
.tile.tile-meterreading {
  background-image: url("images/kacheln/zaehlerstaende_erfassen.jpg"); }
.tile.tile-stadtmark {
  background-image: url("images/kacheln/ableselisten.jpg"); }
.tile.tile-budgetbilling {
  background-image: url("images/kacheln/abschlaege.jpg"); }
.tile.tile-kwk {
  background-image: url("images/kacheln/bankdaten.jpg"); }
.tile.tile-contracts {
  background-image: url("images/kacheln/vertraege_ueberblicken.jpg"); }
.tile.tile-data {
  background-image: url("images/kacheln/stichtage.jpg"); }
.tile.tile-move {
  background-image: url("images/kacheln/zwischenrechnung.jpg"); }

.tile-label, .tile-link {
  display: none; }

nav.navbar-default {
  background: #00a8e1; }
@media only screen and (min-width: 768px) {
  nav.navbar-default {
    height: 90px; } }
nav.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; }
nav.navbar-default #logo.profile-1:after {
  display: none; }
@media only screen and (min-width: 768px) {
  nav.navbar-default .container .navbar-brand {
    margin-left: 0; }
  nav.navbar-default #logo {
    margin-top: 0; }
  nav.navbar-default #logo img {
    margin-top: 7px;
    background-color: transparent; } }

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  padding-left: 24px;
  background-image: url("images/SWK_Icon_plus.svg");
  background-size: 20px 24px;
  background-repeat: no-repeat; }

.container.container-main {
  padding-bottom: 3.4rem; }

.manager .panel-heading {
  background: #002e5f; }