/*
 * Copyright(c) 2023-2025 INM Institut für Nachhaltigkeitsmanagement GmbH. All Rights Reserved.
 *
 * This software is the proprietary and confidential information of INM Institut für Nachhaltigkeitsmanagement GmbH.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 */
/* raleway-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg');
  /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
}
/* caveat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v18-latin-regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/caveat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/caveat-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/caveat-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/caveat-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/caveat-v18-latin-regular.svg#Caveat') format('svg');
  /* Legacy iOS */
}
/* waiting panel */
.waitingPanel-logo-body {
  width: 200px;
}
.waitingPanel-logo-head {
  position: relative;
  top: -250px;
  left: -20px;
  width: 200px;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: waitingPanel-logo-spin 4s linear infinite;
}
@-moz-keyframes waitingPanel-logo-spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes waitingPanel-logo-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes waitingPanel-logo-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.waitingPanel-loading-text {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
/* bootstrap overrides */
h1 {
  font-size: 28px !important;
}
a {
  color: #3991BF;
}
a:visited {
  color: #3991BF;
}
a.btn:visited {
  color: #fff;
}
a.btn-default:visited {
  color: #333;
}
a:hover,
a:active,
a:focus {
  color: #3180A4;
}
a.text-success {
  color: #3c763d;
}
a.text-danger {
  color: #a94442;
}
.list-group-item.active {
  background-color: #3991BF;
  border-color: #3991BF;
}
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #3180A4;
  border-color: #3180A4;
}
td > input[type="checkbox"],
td > input[type="radio"] {
  margin-left: 0 !important;
}
table.radio td {
  padding-right: 20px;
}
.dropdown-menu li {
  /* disabled JSF links in dropdown */
  /* danger links in dropdown */
}
.dropdown-menu li span.disabled {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #777;
  white-space: nowrap;
}
.dropdown-menu li a.text-danger {
  color: #a94442;
}
.dropdown-menu li a.text-danger:hover,
.dropdown-menu li a.text-danger:focus {
  color: #843534;
}
.modal-body .bootstrap-datetimepicker-widget {
  /*fix datepicker dropdown in modal*/
  z-index: 1050;
}
.panel-group .panel.panel-iconbtn {
  /* fix panels in accordions */
  margin-bottom: 20px;
}
.panel-group .panel.panel-iconbtn .panel-body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-inline .form-control {
  margin: 0 10px 0 10px;
}
.form-inline .form-control.nomargin {
  margin: 0;
}
.form-inline .form-group {
  margin-bottom: 0;
}
.form-inline .input-group .input-group-addon {
  width: 1% !important;
}
.form-inline .input-group .input-group-addon.input-group-addon-sm {
  padding: 6px;
}
.form-inline .fullwidth {
  width: 100%;
}
.form-inline .fullwidth-block {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}
.form-inline span.separator {
  display: inline-block;
  text-align: center;
}
.form-inline .halfwidth {
  width: 45%;
}
@media screen and (max-width: 1200px) {
  .form-inline .halfwidth {
    width: 100%;
  }
}
.navbar-fixed-top {
  z-index: 1000;
}
.btn-default .badge {
  background-color: #777;
}
/* Override for bootstrap-confirmation to prevent red text in delete-links with btn-danger */
.confirmation {
  width: 300px;
}
.confirmation .confirmation-content {
  color: #333;
}
.confirmation .btn-group {
  float: none;
}
/* Firefox Responsive tables Fix */
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
/*ci-stuff*/
html {
  font-size: 14px;
  height: 100%;
}
body {
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  color: #443F3F;
  display: table;
  height: 100%;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  color: #3991BF;
}
#login-panel {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
nav.navbar-default {
  background-color: #ffffff;
  border-color: #FFF;
}
nav .navbar-header a.navbar-brand {
  padding-top: 0.3em;
}
@media screen and (max-width: 992px) {
  nav .navbar-header a.navbar-brand img {
    height: 3rem;
    padding-top: 0.3em;
  }
}
nav .navbar-collapse a {
  color: #A29C9C !important;
  font-size: 1.3rem;
  text-decoration: none;
  background-color: #FFF;
  padding: 18px;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  nav .navbar-collapse a {
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  nav .navbar-collapse a {
    padding: 1em 0.4em;
  }
}
nav .navbar-collapse a.highlight {
  background-color: #EEEEEE;
}
nav .navbar-collapse a.highlight:hover,
nav .navbar-collapse a.highlight:active,
nav .navbar-collapse a.highlight:visited,
nav .navbar-collapse a.highlight:focus {
  background-color: #EEEEEE;
}
nav .navbar-collapse a.highlight-font {
  color: #443F3F !important;
}
nav .navbar-collapse a.upper {
  text-transform: uppercase;
}
nav .navbar-collapse li.active a {
  color: #443F3F !important;
  background-color: #FFF !important;
}
nav .navbar-collapse .navbar-brand {
  padding-top: 0.7em;
  margin-left: 0px !important;
}
nav .navbar-collapse .dropdown-menu a {
  font-size: 14px;
  padding: 10px 18px;
}
.header-bordered-ending {
  border-bottom: #3991BF solid 1px !important;
}
#wrap {
  height: 100%;
  display: table-row;
}
footer {
  display: table-row;
  color: #FFF;
}
footer .row {
  padding: 20px 0;
}
footer .footer-image {
  height: 97px;
  position: relative;
  margin-top: 2em;
}
footer .footer-image img {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
footer .footer-content {
  background-color: #3991BF;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:visited {
  color: #fff;
}
footer a:hover,
footer a:active,
footer a:focus {
  color: #d9d9d9;
}
footer a.social-media-link {
  margin-left: 0.8em;
  margin-right: 0;
}
main {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#global-maintenance-accouncement,
#global-info-testsystem {
  padding-top: 5rem;
}
#global-maintenance-accouncement.alert,
#global-info-testsystem.alert {
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 0;
}
#global-maintenance-accouncement .container,
#global-info-testsystem .container {
  margin-top: 10px;
}
#global-info-testsystem {
  font-size: 10px;
}
#global-info-testsystem p {
  margin-bottom: 0;
}
#global-info-testsystem ul {
  margin-bottom: 5px;
  padding-left: 50px;
}
.internal {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.internal h1,
.internal h2,
.internal h3,
.internal h4,
.internal h5,
.internal h6 {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  color: #443F3F;
}
.internal nav.navbar-default {
  background-color: #343A40;
}
.internal nav .navbar-collapse a {
  color: #ffffffbf !important;
  background-color: #343A40 !important;
  font-size: 1.1rem;
  padding: 1.3em 1em;
}
.internal nav .navbar-collapse a:hover,
.internal nav .navbar-collapse a:focus,
.internal nav .navbar-collapse a:active {
  color: #fff !important;
  background-color: #343A40 !important;
}
.internal nav .navbar-collapse .dropdown-menu {
  color: #9D9D9D !important;
  background-color: #343A40 !important;
}
.internal nav .navbar-collapse .dropdown-menu .dropdown-header {
  color: #ffffffbf;
}
.internal nav .navbar-collapse .dropdown-menu .divider {
  background-color: #ffffffbf;
}
.internal nav .navbar-collapse .dropdown-menu a {
  font-size: 14px;
  padding: 10px 18px;
}
.internal nav .navbar-collapse li.active a {
  color: #fff !important;
  background-color: #343A40 !important;
}
.internal .header-bordered-ending {
  border-bottom: #3991BF solid 5px !important;
}
.internal main {
  padding-top: 5rem;
}
.internal main.is-global-info {
  padding-top: 0;
}
section {
  padding: 1rem 0 3rem;
}
section h3 {
  margin-bottom: 40px;
}
section h4 {
  margin-top: 30px;
  margin-bottom: 20px;
}
section.section-colored {
  background-color: #EEEEEE;
}
section.jumbo {
  background-attachment: fixed;
  background-color: #666;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
  text-align: center;
  position: relative;
}
section.jumbo h1,
section.jumbo h2,
section.jumbo h3,
section.jumbo h4,
section.jumbo h5,
section.jumbo h6 {
  color: #FFF;
}
@media screen and (max-width: 992px) {
  section.jumbo h1 {
    font-size: 3rem;
  }
  section.jumbo h5 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  section.jumbo p {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
section.jumbo-small {
  padding: 3.5rem 0;
  color: #FFF;
  font-size: 3rem;
  letter-spacing: 0.5rem;
  background-position: center bottom;
  background-repeat: repeat, no-repeat;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  section.jumbo-small {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  section.jumbo-small {
    font-size: 1.5rem;
  }
}
section.jumbo-small.jumbo-small-management {
  background-image: url('../../jakarta.faces.resource/images/management/jumbo-small.jpg');
}
section#management-home {
  padding: 35rem 0 0;
  background-image: url('../../jakarta.faces.resource/images/management/jumbo-lg.jpg');
}
section#management-home h1 {
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 1200px) {
  section#management-home {
    background-image: url('../../jakarta.faces.resource/images/management/jumbo-md.jpg');
  }
}
@media screen and (max-width: 992px) {
  section#management-home {
    background-image: url('../../jakarta.faces.resource/images/management/jumbo-sm.jpg');
  }
}
@media screen and (max-width: 768px) {
  section#management-home {
    background-image: url('../../jakarta.faces.resource/images/management/jumbo-xs.jpg');
    padding-top: 32rem;
  }
}
section .submenu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: right;
  font-size: 1.3rem;
}
section .submenu a {
  color: #443F3F;
  padding-top: 10px;
  padding-bottom: 10px;
}
section .services {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1.5rem 0 0.7rem;
}
section .services .service {
  cursor: pointer;
}
section .services .service .service-name {
  padding: 0.5rem;
  font-size: 1.3rem;
}
section .services .service .triangle {
  margin-top: 0;
}
#card-login {
  margin-top: 1em;
}
/* system stuff */
.img-bordered {
  border: 1px solid #E0E0E0;
}
.img-centered {
  margin: 0 auto;
}
.img-inline {
  display: inline !important;
}
.img-team {
  border: 5px solid #D5D5D5;
  margin-bottom: 1rem;
}
.img-system {
  margin-bottom: 2rem;
  border: 1px solid #ccc;
}
.img-shadow {
  box-shadow: 2px 2px 10px 0px #666;
}
.img-padding {
  padding: 5px;
}
.img-mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}
.img-cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.chart-responsive {
  width: 100%;
}
.box-inline {
  display: inline-block;
  vertical-align: middle;
}
.triangle {
  margin: 0.5rem auto 1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 25px 0 25px;
}
.triangle.triangle-head {
  margin: -1rem auto 3rem;
}
.triangle.triangle-management {
  border-color: #3991BF transparent transparent transparent;
}
.triangle.triangle-white {
  border-color: #fff transparent transparent transparent;
}
.text-management {
  color: #3991BF;
}
.text-muted-light {
  color: #ddd;
}
.bg-management {
  background-color: #3991BF;
}
.list-service span {
  color: #443F3F;
}
.list-service.list-management {
  color: #3991BF;
}
.ribbon-container-top {
  position: absolute;
  top: 20px;
}
.ribbon-container-bottom {
  position: absolute;
  bottom: 20px;
}
.ribbon {
  color: #fff;
  position: relative;
  padding: 5px;
  left: -8px;
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
  box-shadow: 1px 2px 5px 0px #666;
}
.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.ribbon:before {
  top: -8px;
  left: 0px;
  border-bottom-width: 8px;
  border-bottom-style: solid;
  border-left: 8px solid transparent;
}
.ribbon:after {
  border-top: 16px solid transparent;
  border-bottom: 15px solid transparent;
  border-left-width: 15px;
  border-left-style: solid;
  right: -15px;
  top: 0px;
}
.ribbon.ribbon-service {
  width: 165px;
}
.ribbon.ribbon-neutral {
  color: #443F3F;
  background-color: #ccc;
  border: 1px solid #ccc;
}
.ribbon.ribbon-neutral:before {
  border-bottom-color: #a6a6a6;
}
.ribbon.ribbon-neutral:after {
  border-left-color: #ccc;
}
.ribbon.ribbon-monitoring {
  background-color: #F85E53;
  border: 1px solid #F85E53;
}
.ribbon.ribbon-monitoring:before {
  border-bottom-color: #f51a0a;
}
.ribbon.ribbon-monitoring:after {
  border-left-color: #F85E53;
}
.ribbon.ribbon-management {
  background-color: #3A91BF;
  border: 1px solid #3A91BF;
}
.ribbon.ribbon-management:before {
  border-bottom-color: #286484;
}
.ribbon.ribbon-management:after {
  border-left-color: #3A91BF;
}
.ribbon.ribbon-footprint {
  background-color: #61BF50;
  border: 1px solid #61BF50;
}
.ribbon.ribbon-footprint:before {
  border-bottom-color: #428e34;
}
.ribbon.ribbon-footprint:after {
  border-left-color: #61BF50;
}
blockquote p:before {
  color: #ccc;
  content: "„";
  font-size: 4em;
  position: absolute;
  left: 20px;
  top: -80px;
}
@media screen and (max-width: 992px) {
  blockquote.testimonial {
    margin-top: 2em;
  }
}
.btn-service {
  font-size: 1.3rem;
  color: #FFF;
  padding: 6px 12px;
  margin-bottom: 0px;
  border-radius: 0px;
}
.btn-service:hover,
.btn-service:active,
.btn-service:visited,
.btn-service:focus {
  border-color: #CCC;
  color: #FFF;
}
.btn-service.btn-management {
  background-color: #3991BF;
}
.btn-service.btn-management:hover {
  background-color: #3382ab;
}
.btn-service.btn-default {
  background-color: #B6B5AC;
}
.btn-service.btn-default:hover {
  background-color: #aaa99e;
}
.btn-backtotop {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  visibility: hidden;
  opacity: 0;
  padding: 0.8rem;
  background-color: #000;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: visibility 0s 0.4s;
  -moz-transition: visibility 0s 0.4s;
  transition: visibility 0s 0.4s;
}
.btn-backtotop:hover,
.btn-backtotop:active,
.btn-backtotop:visited,
.btn-backtotop:focus {
  color: #FFF;
}
.btn-backtotop.btn-backtotop-visible {
  visibility: visible;
  opacity: 0.5;
}
@media screen and (max-width: 992px) {
  .btn-backtotop .fa-3x {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .btn-backtotop .fa-3x {
    font-size: 1em;
  }
}
.image-transition {
  position: relative;
}
.image-transition .image-transition-inner {
  position: relative;
  width: 100%;
}
.image-transition .image-transition-inner .image-transition-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: none;
}
.image-transition .image-transition-inner .image-transition-card.active {
  position: relative;
  display: block;
  z-index: 3;
}
ul.condensed,
address.condensed {
  margin-bottom: 0;
}
hr.condensed {
  margin-top: 0;
  margin-bottom: 10px;
}
td.nostretch,
th.nostretch {
  width: 1%;
}
.contact-image {
  border: 1px solid #888888;
  margin: 5px 10px 10px 0;
}
.preformatted {
  white-space: pre-line;
}
.clickable {
  cursor: pointer;
}
.table-sm {
  font-size: 0.9em;
}
td label,
th label {
  margin-bottom: 0;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
  color: inherit;
}
.alert i.mdi.fa-3x {
  margin-top: -10px;
  margin-right: 10px;
}
.alert.alert-inline {
  padding: 3px 3px;
  margin-bottom: 0;
  display: inline;
}
.alert.alert-small {
  padding: 5px 15px;
  margin-bottom: 5px;
}
dl.dl-stretched dd {
  margin-bottom: 10px;
}
/* form validation messages */
label.error {
  width: 100%;
  display: block;
  padding: 5px;
  border-radius: 4px;
  color: #a94442;
  border: 1px solid #ebccd1;
  background-color: #f2dede;
}
input.error,
textarea.error {
  border-color: #a94442;
}
input.error:focus,
textarea.error:focus {
  border-color: #843534;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}
input.valid,
textarea.valid {
  border-color: #3c763d;
}
input.valid:focus,
textarea.valid:focus {
  border-color: #2b542c;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #67b168;
}
/* jsf generated form error messages */
div.form-group ul.alert,
div.checkbox ul.alert {
  padding: 5px;
  margin-bottom: 5px;
  margin-left: 0;
}
div.form-group ul.alert li,
div.checkbox ul.alert li {
  padding-bottom: 0;
}
/* faces generated radio groups, based on tables */
table.faces-radio-group td {
  display: flex;
  align-items: start;
  justify-content: start;
}
table.faces-radio-group td label {
  min-height: 20px;
  padding-left: 10px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.card {
  padding: 15px;
  background-color: #fafafa;
  margin-bottom: 10px;
  border-radius: 2px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
/* Loading mask */
.mask {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.mask .mask-content {
  z-index: 9990;
  position: fixed;
  top: 47%;
  left: 47%;
  color: #fff;
}
.box-info {
  border: 1px dashed #999;
  padding: 1em;
  background-color: #eee;
  margin-bottom: 10px;
}
.box-info h1,
.box-info h2,
.box-info h3,
.box-info h4,
.box-info h5,
.box-info h6 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #443F3F;
}
.box-info dl {
  margin-bottom: 0;
}
.radio-table-inline td {
  padding-right: 10px;
}
/* custom stuff */
/* Admin Interface */
.panel-dashboard-box {
  background-color: #f5f5f5;
}
.panel-dashboard-box .panel-heading {
  height: 42px;
}
.panel-dashboard-box .panel-heading img {
  margin: -6px 10px 0 -10px;
}
.panel-dashboard-box .panel-heading .panel-title.panel-title-warning {
  color: #8a6d3b;
}
.panel-dashboard-box .panel-heading .panel-title.panel-title-danger {
  color: #a94442;
}
.panel-dashboard-box .panel-body .panel-group:last-child,
.panel-dashboard-box .panel-body .alert:last-child {
  margin-bottom: 0;
}
.panel-dashboard-box.panel-service {
  border-color: #3180A4;
}
.panel-dashboard-box.panel-service .panel-heading {
  background-color: #3991BF;
}
.panel-dashboard-box .list-group {
  list-style: none;
}
.panel-dashboard-box .list-group a.list-group-item,
.panel-dashboard-box .list-group a.list-group-item:visited {
  background-color: #f5f5f5;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel-dashboard-box .list-group a.list-group-item:hover,
.panel-dashboard-box .list-group a.list-group-item:visited:hover {
  background-color: #eee;
}
.panel-dashboard-box p:last-child {
  margin-bottom: 0;
}
.panel-webinars-next .panel-body .webinar {
  font-size: 12px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.panel-webinars-next .panel-body .webinar:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.panel-webinars-next .panel-body .webinar .modal {
  font-size: 14px;
}
.panel .panel-section {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.panel > .alert {
  border-radius: 0;
  margin-bottom: 0;
  border: 0;
}
.panel-details-box {
  border-left-style: solid;
  border-left-width: 10px;
  padding-left: 10px;
}
.panel-details-box h6 {
  font-size: 14px;
  font-weight: 600;
}
.panel-details-box.panel-details-box-heat {
  border-left-color: #FB8F71;
}
.panel-details-box.panel-details-box-electricity {
  border-left-color: #FFD45D;
}
.panel-details-box.panel-details-box-water {
  border-left-color: #73AACF;
}
.panel-details-box.panel-details-box-default {
  border-left-color: #3991BF;
}
.panel-details-box.panel-details-box-muted {
  border-left-color: #777;
}
.panel-details-box.panel-details-box-muted .panel-details-box-header-img {
  color: #777 !important;
}
.panel-details-box .panel-details-box-header {
  margin-bottom: 10px;
  margin-left: -15px;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-img {
  float: left;
  color: #3991BF;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-img img {
  width: 50px;
  height: 50px;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-img i.fa,
.panel-details-box .panel-details-box-header .panel-details-box-header-img i.mdi {
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  width: 1.28571429em;
  text-align: center;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-info {
  margin-left: 77px;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-info .panel-details-box-header-title {
  display: block;
  font-weight: 600;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-info .panel-details-box-header-description {
  display: block;
  color: #666;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-info .panel-details-box-header-description .text-disabled {
  color: #dedede;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-info .panel-details-box-header-description th {
  font-weight: 600;
  text-align: right;
  vertical-align: top;
  padding-right: 1rem;
}
.panel-details-box .panel-details-box-header .panel-details-box-header-info .panel-details-box-header-description td {
  padding-right: 1rem;
}
.panel-details-box .panel-details-box-details .chart-done-ratio {
  width: 100px;
  height: 100px;
  margin: auto;
}
.panel-details-box .panel-details-box-details .chart-done-ratio .ct-series-a > .ct-slice-donut {
  stroke: #00a65a;
}
.panel-details-box .panel-details-box-details .chart-done-ratio .ct-series-b > .ct-slice-donut {
  stroke: #ddd;
}
.panel-details-box .panel-details-box-details .chart-done-ratio-label {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.panel-details-box .btn-panel-details-box-action,
.panel-details-box .btn-panel-details-box-action:visited {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 105px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.panel-details-box .btn-panel-details-box-action.btn-danger,
.panel-details-box .btn-panel-details-box-action:visited.btn-danger {
  color: #d9534f;
  border-color: #d43f3a;
}
.panel-details-box .btn-panel-details-box-action.btn-danger:hover,
.panel-details-box .btn-panel-details-box-action:visited.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.panel-details-box .btn-panel-details-box-action:hover,
.panel-details-box .btn-panel-details-box-action:visited:hover {
  color: #444;
  border-color: #aaa;
}
.panel-details-box .btn-panel-details-box-action .fa,
.panel-details-box .btn-panel-details-box-action:visited .fa {
  font-size: 20px;
  display: block;
}
@media screen and (max-width: 1200px) {
  .panel-details-box .btn-panel-details-box-action,
  .panel-details-box .btn-panel-details-box-action:visited {
    min-width: 70px;
  }
}
.panel-details-box hr {
  margin-top: 0;
  margin-bottom: 5px;
}
.panel-details-box table td.historic-meter-number {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-statistics .panel-statistics-value {
  color: #73879C;
  text-align: center;
}
.panel-statistics .panel-statistics-value:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  height: 95%;
  border-left: 2px solid #ADB2B5;
}
.panel-statistics .panel-statistics-value:first-child:before {
  border-left: 0;
}
.panel-statistics .panel-statistics-value .panel-statistics-value-value {
  font-size: 20px;
  line-height: 20px;
}
@media screen and (min-width: 768px) {
  .panel-statistics .panel-statistics-value .panel-statistics-value-value {
    font-size: 24px;
    line-height: 24px;
  }
}
/* error pages */
.error-page {
  max-width: 600px;
  margin: 20px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .error-page {
    padding: 20px;
  }
}
.error-page h2 {
  font-size: 50px;
  font-weight: 300;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .error-page h2 {
    float: left;
    font-size: 100px;
  }
}
.error-page h2 i {
  margin: 30px 50px;
}
.error-page svg {
  width: 80px;
  margin-left: 30px;
}
@media screen and (min-width: 768px) {
  .error-page svg {
    float: left;
    width: 140px;
    margin-top: 60px;
  }
}
.error-page h3 {
  color: #443F3F;
}
.error-page .error-content {
  display: block;
}
@media screen and (min-width: 768px) {
  .error-page .error-content {
    margin-left: 190px;
  }
}
.error-page .error-content .text-muted {
  font-size: 12px;
}
.error-page .error-content .text-muted.very-small {
  font-size: 10px;
}
.error-page .error-actions button,
.error-page .error-actions a {
  margin-right: 20px;
  margin-top: 20px;
}
.error-page.error-notfound h2,
.error-page.error-notfound .error-icon {
  color: #f39c12 !important;
}
.error-page.error-unauthorized h2,
.error-page.error-unauthorized .error-icon {
  color: #dd4b39 !important;
}
.error-page.error-forbidden h2,
.error-page.error-forbidden .error-icon {
  color: #dd4b39 !important;
}
.error-page.error-locked h2,
.error-page.error-locked .error-icon {
  color: #dd4b39 !important;
}
.error-page.error-expired h2,
.error-page.error-expired .error-icon {
  color: #f39c12 !important;
}
.error-page.error-exception h2,
.error-page.error-exception .error-icon {
  color: #dd4b39 !important;
}
.error-page.error-exception svg path {
  fill: #dd4b39 !important;
}
a.link-colored-green {
  color: #3c763d;
}
a.link-colored-green:active {
  color: #3c763d;
}
a.link-colored-green:hover,
a.link-colored-green:focus {
  color: #2b542c;
}
.checkbox-additional-content {
  padding-left: 20px;
}
.checkbox-condensed {
  margin-top: 0;
  margin-bottom: 0;
}
.text-heat {
  color: #FB8F71;
}
.text-electricity {
  color: #FFD45D;
}
.text-water {
  color: #73AACF;
}
.table-item-list .text-muted i.fa,
.table-item-list .text-muted .item-title,
.table-item-list .text-muted .item-description {
  color: #777;
}
.table-item-list .text-disabled {
  color: #dedede;
}
.table-item-list .item-info .item-title {
  font-weight: 600;
}
.table-item-list .item-info .item-description {
  display: block;
  color: #666;
}
.table-item-list .item-status {
  text-align: center;
  width: 20%;
  white-space: nowrap;
}
.table-item-list .item-status.item-status-right {
  text-align: right;
}
.table-item-list .item-status .fa-stack i.fa {
  margin-top: 15px;
  font-size: 30px;
}
.table-item-list .item-status .fa-stack i.mdi {
  margin-top: 13px;
  font-size: 34px;
}
.table-item-list .item-status .fa-stack i.mdi:before {
  font-size: 34px;
  line-height: 34px;
}
.table-item-list .item-status .fa-stack i.fa-stack-2x {
  left: -15px;
  top: -10px;
  font-size: 22px;
}
.table-item-list .item-status small,
.table-item-list .item-status .small {
  display: block;
  font-size: 10px;
  line-height: 12px;
}
.table-item-list .item-status .chart-done-ratio {
  width: 50px;
  height: 50px;
  margin: auto;
}
.table-item-list .item-status .chart-done-ratio .ct-series-a > .ct-slice-donut {
  stroke: #00a65a;
}
.table-item-list .item-status .chart-done-ratio .ct-series-b > .ct-slice-donut {
  stroke: #ddd;
}
.table-item-list .item-status.item-status-numeric {
  vertical-align: middle;
  font-size: 36px;
  color: #666;
}
.table-item-list .item-actions {
  text-align: right;
  width: 1%;
  white-space: nowrap;
}
.table-item-list .item-actions .item-btn-action {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 0 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.table-item-list .item-actions .item-btn-action:hover {
  color: #444;
  border-color: #aaa;
}
.table-item-list .item-actions .item-btn-action .fa {
  font-size: 20px;
  display: block;
}
.table-item-list .item-actions .item-btn-action .mdi {
  font-size: 24px;
  display: block;
  margin-top: -12px;
  margin-bottom: -5px;
}
.item-status-standalone {
  text-align: center;
}
.item-status-standalone .fa-stack {
  padding-left: 2px;
  width: 1.28571429em;
  height: 14px;
  line-height: 14px;
}
.item-status-standalone .fa-stack i.fa {
  font-size: 14px;
}
.item-status-standalone .fa-stack i.mdi {
  font-size: 14px;
}
.item-status-standalone .fa-stack i.mdi:before {
  font-size: 14px;
  line-height: 14px;
}
.item-status-standalone .fa-stack i.fa-stack-2x {
  left: -6px;
  top: -6px;
  font-size: 10px;
}
.fa-stack-inline {
  width: auto;
  height: auto;
  line-height: inherit;
}
.fa-stack-inline .fa-stack-slash {
  font-size: 2em;
  color: #333;
  top: -11px;
  font-weight: 800;
}
.measurement-timeline {
  position: relative;
  margin-top: 35px;
}
.measurement-timeline .measurement-timeline-year {
  width: 4px;
  background: #ddd;
  height: 500px;
  border-left: 4px solid #ddd;
  border-top: 5px solid #2C3B41;
  margin-left: 100px;
}
.measurement-timeline .measurement-timeline-year .measurement-timeline-year-label {
  position: absolute;
  font-weight: 600;
  padding: 0 5px;
  display: inline-block;
  border-radius: 4px;
  background-color: #367fa9;
  color: #fff;
  left: 25px;
  margin-top: -2px;
}
.measurement-timeline .measurement-timeline-year-month-label {
  position: absolute;
  left: 70px;
  border-bottom: 1px solid #ddd;
  color: #a5a5a5;
  width: 30px;
}
.measurement-timeline .measurement-timeline-consumption {
  position: absolute;
  left: 110px;
}
.measurement-timeline .measurement-timeline-consumption .measurement-timeline-consumption-line {
  position: absolute;
  width: 10px;
  height: 100%;
  border-radius: 8px;
  background: #56C2F3;
}
.measurement-timeline .measurement-timeline-consumption .measurement-timeline-consumption-desription {
  padding-left: 20px;
  color: #777;
  font-size: 11px;
}
.measurement-timeline .measurement-timeline-consumption .measurement-timeline-consumption-desription .measurement-timeline-consumption-period {
  font-weight: 600;
  display: block;
}
.measurement-timeline .measurement-timeline-consumption.interpolated-overlap .measurement-timeline-consumption-desription {
  color: #FF9704;
}
.measurement-timeline .measurement-timeline-consumption.interpolated-overlap .measurement-timeline-consumption-line {
  background: #FF9704;
}
.measurement-timeline .measurement-timeline-consumption.interpolated-missing .measurement-timeline-consumption-desription {
  color: #DD3D01;
}
.measurement-timeline .measurement-timeline-consumption.interpolated-missing .measurement-timeline-consumption-line {
  background: #DD3D01;
}
.measurement-timeline .measurement-timeline-planned-input {
  position: absolute;
  left: 104px;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  color: #a5a5a5;
  font-size: 11px;
  font-weight: 600;
}
.measurement-timeline .measurement-timeline-planned-input span {
  display: block;
}
.measurement-timeline .measurement-timeline-planned-input span.measurement-timeline-planned-input-delay-alert {
  color: #DD3D01;
}
.measurement-timeline-consumption-popup {
  display: none;
  position: absolute;
  padding: 5px 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
}
.measurement-timeline-consumption-popup .measurement-timeline-consumption-popup-header {
  display: block;
  margin-bottom: 5px;
}
.measurement-timeline-consumption-popup .measurement-timeline-consumption-period {
  display: block;
}
.measurement-timeline-consumption-popup .measurement-timeline-consumption-value {
  display: block;
}
.image-upload-crop .image-upload-file-btn {
  position: relative;
  cursor: pointer;
}
.image-upload-crop .image-upload-file-btn input[type='file'] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.image-upload-crop .image-upload-crop-btn {
  display: none;
}
.image-upload-crop .image-upload-crop-preview {
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  border: 1px dashed #777;
  color: #777;
}
.image-upload-crop .image-upload-crop-preview strong {
  display: block;
  margin-bottom: 10px;
}
.image-upload-crop .image-upload-crop-preview img {
  margin: 0 auto;
}
.image-upload-crop .image-upload-crop-preview img.bordered {
  border: 1px solid #777;
}
.image-upload-crop .image-upload-crop-preview .btn {
  margin-top: 10px;
  display: none;
}
.user-profile-widget .user-profile-widget-company {
  font-size: 12px;
}
.user-profile-widget .user-profile-widget-contact {
  margin-top: 5px;
}
.user-profile-widget.user-profile-widget-partner {
  margin-top: 15px;
}
.user-profile-widget.user-profile-widget-partner .user-profile-widget-contact {
  margin-top: 0;
}
.user-profile-widget .user-image {
  display: inline-block;
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin-right: 10px;
  padding: 3px;
  text-align: center;
}
.user-profile-widget .user-image span {
  color: #ddd;
  font-size: 2em;
  line-height: 54px;
  vertical-align: top;
}
.user-profile-widget .user-image img {
  color: #ddd;
  font-size: 2em;
  line-height: 54px;
  vertical-align: top;
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
}
.user-profile-widget.non-float .user-image {
  float: none;
}
.btn-link-none-decoration:hover,
.btn-link-none-decoration:focus {
  text-decoration: none !important;
}
.btn-link-tree {
  color: inherit !important;
}
.btn-link-tree:hover,
.btn-link-tree:focus {
  text-decoration: none !important;
  background-color: #d9edf7;
}
table th.table-bordered-left,
table td.table-bordered-left {
  border-left: 2px solid #ddd;
}
table.table-align-middle td,
table.table-align-middle th {
  vertical-align: middle !important;
}
table td.user-image-cell {
  width: 1%;
  white-space: nowrap;
  padding: 4px 8px !important;
}
table td.user-image-cell .user-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 1px;
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #443f3f;
}
table td.user-image-cell .user-image img {
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
  font-size: 10px;
  line-height: 28px;
}
table td.user-image-cell .user-image span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 28px;
  text-align: center;
}
table td.user-image-cell .user-image .img-pseudo {
  font-size: 1em;
  font: normal normal normal 14px/1 FontAwesome;
}
table td.user-image-cell .user-image .img-pseudo:before {
  content: "\f007";
}
header a.user-image-link {
  padding: 6px 18px !important;
  line-height: 44px;
}
header a.user-image-link .user-image {
  display: inline-block;
  float: left;
  width: 44px;
  height: 44px;
  border: 1px solid #a29c9c;
  border-radius: 50%;
  padding: 2px;
  margin-right: 2px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  header a.user-image-link .user-image {
    margin-right: 5px;
  }
}
header a.user-image-link .user-image span {
  color: #a29c9c;
  font-size: 20px;
  line-height: 40px;
  vertical-align: top;
}
header a.user-image-link .user-image img {
  color: #a29c9c;
  font-size: 20px;
  line-height: 40px;
  vertical-align: top;
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
}
.internal header a.user-image-link:hover .user-image,
.internal header a.user-image-link:focus .user-image,
.internal header a.user-image-link:active .user-image {
  border-color: #fff;
}
.internal header a.user-image-link:hover .user-image span,
.internal header a.user-image-link:focus .user-image span,
.internal header a.user-image-link:active .user-image span {
  color: #fff;
}
/* public partner profile */
.partner-profile {
  margin-top: 1rem;
}
.partner-profile .partner-profile-banner {
  margin-bottom: 2rem;
}
.partner-profile .partner-profile-logo-container {
  margin: 2rem 0;
}
.partner-profile .partner-profile-logo-container .partner-profile-logo {
  max-height: 100px;
}
.partner-profile .partner-profile-logo-container .partner-profile-slogan {
  margin-left: 20px;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  float: left;
}
.partner-profile .partner-profile-logo-container .partner-profile-slogan p {
  margin: 0 0 5px;
}
.partner-profile .partner-profile-content h2 {
  margin: 2rem 0;
}
.partner-profile .partner-profile-content p {
  margin-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  .partner-profile .partner-profile-right {
    border-left: 2px solid #ddd;
  }
}
/* technical installation events labels */
.label {
  /* technical installation events labels */
}
.label.label-technicalinstallationpartevent-defect {
  background-color: #d9534f;
}
.label.label-technicalinstallationpartevent-task {
  background-color: #f87843;
}
.label.label-technicalinstallationpartevent-parameter {
  background-color: #5cb85c;
}
.label.label-technicalinstallationpartevent-inspection_by_expert {
  background-color: #5bc0de;
}
.label.label-technicalinstallationpartevent-inspection_by_qualifiedperson {
  background-color: #784f30;
}
.label.label-technicalinstallationpartevent-maintenance {
  background-color: #f0ad4e;
}
.panel-details-box.panel-details-box-technicalinstallationpartevent-defect {
  border-left-color: #d9534f;
}
.panel-details-box.panel-details-box-technicalinstallationpartevent-task {
  border-left-color: #f87843;
}
.panel-details-box.panel-details-box-technicalinstallationpartevent-parameter {
  border-left-color: #5cb85c;
}
.panel-details-box.panel-details-box-technicalinstallationpartevent-inspection_by_expert {
  border-left-color: #5bc0de;
}
.panel-details-box.panel-details-box-technicalinstallationpartevent-inspection_by_qualifiedperson {
  border-left-color: #784f30;
}
.panel-details-box.panel-details-box-technicalinstallationpartevent-maintenance {
  border-left-color: #f0ad4e;
}
dl.dl-technicalinstallation dt {
  float: left;
  width: 100px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dl.dl-technicalinstallation dd {
  margin-left: 120px;
}
/* district license status */
.text-licensestatus-locked,
.text-authorization-none {
  color: #D21502;
}
.text-licensestatus-readonly,
.text-authorization-readonly,
.text-authorization-janitor {
  color: #FABD02;
}
.text-licensestatus-licensed,
.text-authorization-fullaccess {
  color: #03AC13;
}
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}
.hr-text.hr-text-condensed {
  margin-top: 0;
  margin-bottom: 0;
}
.hr-text.hr-text-form-inline {
  margin-top: 6px;
  margin-bottom: 0;
}
.hr-text:before {
  content: '';
  background: linear-gradient(to right, transparent, #808080, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #443F3F;
  background-color: #fff;
}
.feature-category .feature-category-border div {
  height: 30px;
}
.feature-category .feature-category-border .feature-category-border-upper {
  border-top: 2px solid #3991BF;
}
.feature-category .feature-category-border .feature-category-border-upper.after:after {
  content: '';
  width: 16px;
  position: absolute;
  transform: skewX(43deg);
  border-right: 3px solid #3991BF;
  top: -1.8px;
  right: -14px;
  height: 30px;
}
.feature-category .feature-category-border .feature-category-border-upper.before:before {
  content: '';
  width: 16px;
  position: absolute;
  transform: skewX(-43deg);
  border-right: 3px solid #3991BF;
  top: -1.8px;
  left: -28px;
  height: 29.5px;
}
.feature-category .feature-category-border .feature-category-border-lower {
  border-bottom: 2px solid #3991BF;
}
.feature-category .feature-category-border .feature-category-border-indented-left {
  margin-left: 11px;
}
.feature-category .feature-category-border .feature-category-border-indented-right {
  margin-right: 11px;
}
.feature-category h2 {
  margin-bottom: 30px;
}
.feature-category figcaption {
  margin-bottom: 10px;
}
.getting-started ul.steps {
  padding: 0;
  background: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #ddd;
  list-style: none;
  overflow: hidden;
  font-size: 85%;
}
.getting-started ul.steps.steps-light li {
  color: #bbb;
}
.getting-started ul.steps.steps-light li .step-number {
  font-size: inherit;
  border-color: #bbb;
}
.getting-started ul.steps.steps-light li .step-help {
  color: #bbb;
}
.getting-started ul.steps.steps-light li:hover {
  border-color: #a9a9a9 !important;
  color: #fff;
  background: #a9a9a9 !important;
}
.getting-started ul.steps.steps-light li:hover:after {
  border-left-color: #a9a9a9;
}
.getting-started ul.steps.steps-light li:hover .step-number {
  border-color: #fff;
}
.getting-started ul.steps.steps-light li:hover .step-help {
  color: #fff;
}
.getting-started ul.steps li {
  width: 20%;
  color: #555;
  padding: 5px 1px 5px 35px;
  background: #f5f5f5;
}
.getting-started ul.steps li:first-child {
  padding-left: 10px;
}
.getting-started ul.steps li:last-child .step-help {
  margin-right: 9px;
}
.getting-started ul.steps li:last-child .step-done-icon {
  margin-right: 9px;
}
.getting-started ul.steps li:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 25px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -36px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.getting-started ul.steps li:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 25px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -36px;
  left: 100%;
  z-index: 2;
}
.getting-started ul.steps li.step-done {
  border-color: #5cb85c !important;
  color: #fff !important;
  background: #5cb85c !important;
}
.getting-started ul.steps li.step-done:after {
  border-left-color: #5cb85c;
}
.getting-started ul.steps li.step-done .step-number {
  border-color: #fff;
}
.getting-started ul.steps li.step-done .step-help {
  display: none;
}
.getting-started ul.steps li.step-done .step-done-icon {
  display: inline;
}
.getting-started ul.steps li.step-done:hover {
  border-color: #5cb85c !important;
  color: #fff !important;
  background: #5cb85c !important;
}
.getting-started ul.steps li.step-done:hover:after {
  border-left-color: #5cb85c;
}
.getting-started ul.steps li.step-done:hover .step-number {
  border-color: #fff;
}
.getting-started ul.steps li.step-done:hover .step-help {
  color: #fff;
}
.getting-started ul.steps li .step-number {
  float: left;
  border: 1.5px solid #555;
  border-radius: 50%;
  padding: 0 5px;
  font-weight: 700;
}
.getting-started ul.steps li .step-name {
  display: block;
  font-weight: 700;
  padding-top: 5px;
}
.getting-started ul.steps li .step-help {
  float: right;
  padding: 0;
  margin: 0;
  color: #555;
  border: none;
  background-color: transparent;
}
.getting-started ul.steps li .step-help .fa {
  font-size: 1.5em;
}
.getting-started ul.steps li .step-done-icon {
  display: none;
  float: right;
  font-size: 1.5em;
  color: #3c763d;
}
.getting-started ul.steps.steps-2 li {
  width: 50%;
}
.getting-started ul.steps.steps-3 li {
  width: 33.3%;
}
.getting-started ul.steps.steps-4 li {
  width: 25%;
}
.getting-started ul.steps.steps-5 li {
  width: 20%;
}
.getting-started ul.steps.steps-full li {
  width: 90%;
}
.getting-started ul.steps.steps-full li .step-help {
  float: inherit !important;
}
.getting-started .getting-started-short {
  display: none;
}
.getting-started .getting-started-short li .step-name {
  padding-top: 0 !important;
}
.getting-started .getting-started-short li .step-help {
  float: inherit !important;
}
.getting-started .getting-started-short li:first-child {
  width: 90% !important;
}
@media screen and (max-width: 992px) {
  .getting-started .getting-started-short {
    display: block;
  }
  .getting-started .getting-started-full {
    display: none;
  }
}
ul.wizard-steps {
  margin-bottom: 15px;
  padding: 0;
  background: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #ddd;
  list-style: none;
  overflow: hidden;
  font-size: 85%;
}
ul.wizard-steps li {
  width: 100%;
  color: #bbb;
  padding: 5px 1px 5px 35px;
  background: #f5f5f5;
}
ul.wizard-steps li:first-child {
  padding-left: 10px;
}
ul.wizard-steps li:last-child .step-help {
  margin-right: 9px;
}
ul.wizard-steps li:last-child .step-done-icon {
  margin-right: 9px;
}
ul.wizard-steps li:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 25px solid #ddd;
  position: absolute;
  top: 50%;
  margin-top: -36px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
ul.wizard-steps li:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  border-left: 25px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -36px;
  left: 100%;
  z-index: 2;
}
ul.wizard-steps li.step-done {
  border-color: #3991BF !important;
  color: #fff !important;
  background: #3991BF !important;
}
ul.wizard-steps li.step-done:after {
  border-left-color: #3991BF;
}
ul.wizard-steps li.step-done .step-number {
  border-color: #fff;
}
ul.wizard-steps li.step-active {
  border-color: #5ca7cf !important;
  color: #fff !important;
  background: #5ca7cf !important;
}
ul.wizard-steps li.step-active:after {
  border-left-color: #5ca7cf;
}
ul.wizard-steps li.step-active .step-number {
  border-color: #fff;
}
ul.wizard-steps li .step-number {
  float: left;
  border: 1.5px solid #bbb;
  border-radius: 50%;
  padding: 0 5px;
  font-size: inherit;
  font-weight: 700;
}
ul.wizard-steps li .step-name {
  display: block;
  font-weight: 700;
  margin: 2px 0 0 25px;
}
ul.wizard-steps.steps-2 li {
  width: 50%;
}
ul.wizard-steps.steps-3 li {
  width: 33.3%;
}
ul.wizard-steps.steps-4 li {
  width: 25%;
}
ul.wizard-steps.steps-5 li {
  width: 20%;
}
.panel-noentries img.panel-noentries-logo {
  width: 15%;
  margin: 0 auto;
}
.panel-noentries .panel-noentries-container-infotext {
  color: #7C7C7C;
  font-size: 14px;
  padding-top: 5px;
  margin: 0;
}
.panel-noentries .panel-noentries-container-addbtn {
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .panel-noentries img.panel-noentries-logo {
    width: 25%;
  }
  .panel-noentries .panel-noentries-container-infotext {
    font-size: 14px;
    padding: 5px 0 0 0;
  }
}
.panel-noentries.panel-noentries-fullscreen img.panel-noentries-logo {
  width: 10%;
  margin: 10px auto;
}
.panel-noentries.panel-noentries-fullscreen .panel-noentries-container-infotext {
  font-weight: 600 !important;
  font-size: 16px;
  padding: 5px 20% 0 20%;
}
@media screen and (max-width: 768px) {
  .panel-noentries.panel-noentries-fullscreen img.panel-noentries-logo {
    width: 25%;
  }
  .panel-noentries.panel-noentries-fullscreen .panel-noentries-container-infotext {
    font-size: 14px;
    padding: 5px 0 0 0;
  }
}
/* portfolio quick evaluation */
.badge-portfolio-high,
.label-portfolio-high {
  background-color: #dd4b39;
}
.badge-portfolio-middle,
.label-portfolio-middle {
  background-color: #f39c12;
}
.badge-portfolio-low,
.label-portfolio-low {
  background-color: #00a65a;
}
/* technical installations */
.chat-messages .message {
  display: flex;
  flex-direction: row;
  align-items: start;
  margin-bottom: 20px;
}
.chat-messages .message .img-author-container {
  flex: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  font: normal normal normal 14px/1 FontAwesome;
  text-align: center;
  padding: 3px;
  margin: 0;
  border: 1px solid #ddd;
  color: #ddd;
}
.chat-messages .message .img-author-container a {
  color: #ddd;
  font-size: 1.5em;
  line-height: 44px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.chat-messages .message .img-author-container a:hover {
  text-decoration: none;
  color: #aaa;
}
.chat-messages .message .img-author-container img {
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
}
.chat-messages .message .img-author-container .img-pseudo {
  width: 100%;
  height: 100%;
  font-size: 3em;
}
.chat-messages .message .img-author-container .img-pseudo:before {
  content: "\f007";
}
.chat-messages .message .message-container {
  flex-grow: 1;
  margin: 0 0 0 10px;
}
.chat-messages .message .message-container .message-text {
  background-color: #ebebeb;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.chat-messages .message .message-container .message-meta {
  display: flex;
  flex-direction: row;
  color: #747474;
  font-size: 12px;
  margin: 8px 0 0;
}
.chat-messages .message .message-container .message-meta div {
  flex-grow: 1;
}
.chat-messages .message.message-incoming .message-container {
  margin: 0 60px 0 10px;
}
.chat-messages .message.message-outgoing {
  flex-direction: row-reverse;
}
.chat-messages .message.message-outgoing .message-container {
  margin: 0 10px 0 60px;
}
.chat-messages .message.message-outgoing .message-container .message-text {
  background-color: #abd2e6 !important;
}
.chat-messages .message .change-user {
  display: flex;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.chat-messages .message .change-user .connector {
  border-bottom: 1px solid #ddd;
  flex: 1 1 auto;
  position: relative;
}
.chat-messages .message .change-user .connector .user-names {
  position: absolute;
  top: -20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  text-align: center;
  font-size: 12px;
  width: 100%;
  padding: 0 1rem 0 1rem;
}
.chat-messages .message .change-user .connector .user-names .user-from {
  text-align: left;
}
.chat-messages .message .change-user .connector .user-names .user-to {
  text-align: right;
}
.chat-messages .message .change-user .img-user {
  display: flex;
  align-items: center;
  font: normal normal normal 14px/1 FontAwesome;
  width: 50px;
  height: 50px;
  padding: 3px;
  border-radius: 9999px;
  border: 1px solid #ddd;
  color: #ddd;
  text-align: center;
}
.chat-messages .message .change-user .img-user img {
  display: block;
  position: relative;
  max-width: 100%;
  height: auto;
}
.chat-messages .message .change-user .img-user .img-pseudo {
  width: 100%;
  height: 100%;
  font-size: 3em;
}
.chat-messages .message .change-user .img-user .img-pseudo:before {
  content: "\f007";
}
.feature-block-panel ul.features {
  list-style: none;
}
.feature-block-panel ul.features li {
  padding-bottom: 0.25em;
}
.feature-block-panel ul.features li:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f00c';
  color: #5cb85c;
  margin-right: 0.75em;
  display: inline-block;
}
/* utilities */
.text-wrap {
  white-space: normal !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-break {
  word-break: break-all !important;
  overflow-wrap: break-word !important;
}
.text-handwriting,
h1.text-handwriting {
  font-family: 'Caveat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
/* Font Awesome overrides */
.fa-stack-small {
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.dropdown-menu .mdi {
  display: inline-block;
}
/* Charts */
/* Chartist */
.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #3991BF;
}
.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
  fill: #3180A4;
}
.ct-label.ct-horizontal {
  transform-origin: 0 50%;
  transform: translateY(10px) rotate(-45deg);
}
.panel-details-box-heat .ct-chart .ct-series.ct-series-a .ct-bar,
.panel-details-box-heat .ct-chart .ct-series.ct-series-a .ct-line,
.panel-details-box-heat .ct-chart .ct-series.ct-series-a .ct-point,
.panel-details-box-heat .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #FB8F71;
}
.panel-details-box-heat .ct-chart .ct-series.ct-series-a .ct-area,
.panel-details-box-heat .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
  fill: #FB8F71;
}
.panel-details-box-electricity .ct-chart .ct-series.ct-series-a .ct-bar,
.panel-details-box-electricity .ct-chart .ct-series.ct-series-a .ct-line,
.panel-details-box-electricity .ct-chart .ct-series.ct-series-a .ct-point,
.panel-details-box-electricity .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #FFD45D;
}
.panel-details-box-electricity .ct-chart .ct-series.ct-series-a .ct-area,
.panel-details-box-electricity .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
  fill: #FFD45D;
}
.panel-details-box-water .ct-chart .ct-series.ct-series-a .ct-bar,
.panel-details-box-water .ct-chart .ct-series.ct-series-a .ct-line,
.panel-details-box-water .ct-chart .ct-series.ct-series-a .ct-point,
.panel-details-box-water .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #73AACF;
}
.panel-details-box-water .ct-chart .ct-series.ct-series-a .ct-area,
.panel-details-box-water .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
  fill: #73AACF;
}
/* C3 */
.c3-line-Grenzwert,
.c3-area-Grenzwert {
  stroke: #EB4E35 !important;
}
.c3-circles-Grenzwert circle,
.c3-area-Grenzwert,
.c3-legend-item-Grenzwert .c3-legend-item-tile {
  fill: #EB4E35 !important;
  stroke: #EB4E35 !important;
}
.c3-tooltip-name--Grenzwert .name span {
  background-color: #EB4E35 !important;
}
.c3-line-Zielwert,
.c3-area-Zielwert {
  stroke: #739254 !important;
}
.c3-circles-Zielwert circle,
.c3-area-Zielwert,
.c3-legend-item-Zielwert .c3-legend-item-tile {
  fill: #739254 !important;
  stroke: #739254 !important;
}
.c3-tooltip-name--Zielwert .name span {
  background-color: #739254 !important;
}
/* Custom BG colors -> keep with BS5 */
.bg-alert {
  background-color: #dd4b39;
}
/* Custom Icon sizes to streamline fa and mdi -> keep with BS5 */
.icon-2x:before {
  font-size: 2em;
  line-height: 1em;
}
.icon-3x:before {
  font-size: 3em;
  line-height: 1em;
}
.icon-4x:before {
  font-size: 4em;
  line-height: 1em;
}
/* Spacing utilities -> remove with BS5 */
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
/* Display utilities -> remove with BS5 */
.d-none {
  display: none !important;
}
.d-inline-block {
  display: inline-block;
}
.d-block {
  display: block;
}
/* Flexbox utilities -> remove with BS5 */
.d-flex {
  display: flex !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
/* Font-Weight utilities -> remove with BS5 */
.fw-bold {
  font-weight: 700 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-light {
  font-weight: 300 !important;
}
/* Sizing utilities -> remove with BS5 */
.w-auto {
  width: auto !important;
}
.w-100 {
  width: 100% !important;
}
.w-75 {
  width: 75% !important;
}
.w-50 {
  width: 50% !important;
}
.w-25 {
  width: 25% !important;
}
.h-auto {
  height: auto !important;
}
.h-100 {
  height: 100% !important;
}
.h-75 {
  height: 75% !important;
}
.h-50 {
  height: 50% !important;
}
.h-25 {
  height: 25% !important;
}
/* Border utilities -> remove with BS5 */
.border {
  border: 1px solid #e5e5e5;
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-end {
  border-right: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.border-start {
  border-left: 1px solid #e5e5e5;
}
.border-dark {
  border-color: #212529 !important;
}
.border-dark-subtle {
  border-color: #adb5bd !important;
}
.border-success {
  border-color: #198754 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
/* Radius utilities -> remove with BS5 */
.rounded {
  border-radius: 0.375rem !important;
}
.rounded-top {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.rounded-end {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.rounded-start {
  border-bottom-left-radius: 0.375rem !important;
  border-top-left-radius: 0.375rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
/* Text utilities -> remove with BS5 */
.text-uppercase {
  text-transform: uppercase !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-body {
  color: #443F3F !important;
}
/* Text decoration -> remove with BS5 */
.text-decoration-none {
  text-decoration: none !important;
}
/* font-size utilities -> remove with BS5 */
.fs-1 {
  font-size: 2.5rem !important;
}
.fs-2 {
  font-size: 2rem !important;
}
.fs-3 {
  font-size: 1.75rem !important;
}
.fs-4 {
  font-size: 1.5rem !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
/* Table utilities -> remove with BS5 */
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top: 2px solid #ddd;
}
/* table align utilities -> remove with BS5 */
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
/* keep with BS5 (tailwind inspired, not available in Bootstrap https://tailwindcss.com/docs/max-height) */
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
/* Color utilities */
.bg-grey {
  background: #e5e5e5 !important;
}
.font-grey {
  color: #e5e5e5 !important;
}
.font-grey-dark {
  color: #95A5A6 !important;
}
.bg-white {
  background: #fff !important;
}
.font-white {
  color: #fff !important;
}
.step-number {
  font-size: 26px;
  border-radius: 50% !important;
  display: inline-block;
  margin: auto auto;
  padding: 3px 14px;
}
/*# sourceMappingURL=custom.css.map */