/*---------- COLOURS ----------*/
/* ========================================================================

      TeMP Framework v3.5.4
      Copyright (c) 2009-2014 Indrek Paas - http://indrekpaas.com/temp/
      MIT licensed

      Project: [...]
      Date:    [...]
      Author:  [...]

   ======================================================================== */
.header {
  background-color: #3e2265;
  color: #fff;
}

.live-data__production .live_data--copy,
.live-data__production .live_data--value,
.live-data__production .live_data--type,
.live-data__production .live_data--time_stamp,
.live-data__production .live_data--pulse {
  color: #3e2265;
}
.no-touchevents .live-data__consumption:hover .live_data--copy, .touchevents .live-data__consumption:active .live_data--copy,
.no-touchevents .live-data__consumption:hover .live_data--value,
.touchevents .live-data__consumption:active .live_data--value,
.no-touchevents .live-data__consumption:hover .live_data--type,
.touchevents .live-data__consumption:active .live_data--type,
.no-touchevents .live-data__consumption:hover .live_data--time_stamp,
.touchevents .live-data__consumption:active .live_data--time_stamp,
.no-touchevents .live-data__consumption:hover .live_data--pulse,
.touchevents .live-data__consumption:active .live_data--pulse {
  color: #3e2265;
}
.live-data__consumption .live_data--copy,
.live-data__consumption .live_data--value,
.live-data__consumption .live_data--type,
.live-data__consumption .live_data--time_stamp,
.live-data__consumption .live_data--pulse {
  color: #fff;
}
.no-touchevents .live-data__production:hover .live_data--copy, .touchevents .live-data__production:active .live_data--copy,
.no-touchevents .live-data__production:hover .live_data--value,
.touchevents .live-data__production:active .live_data--value,
.no-touchevents .live-data__production:hover .live_data--type,
.touchevents .live-data__production:active .live_data--type,
.no-touchevents .live-data__production:hover .live_data--time_stamp,
.touchevents .live-data__production:active .live_data--time_stamp,
.no-touchevents .live-data__production:hover .live_data--pulse,
.touchevents .live-data__production:active .live_data--pulse {
  color: #ffffff;
}

.header--live_data {
  background: #fec533;
}
.header--live_data.live-data__consumption {
  background: #7a4eb7;
}

.header-status .icon-good,
.header-status .icon-uncertain,
.header-status .icon-bad,
.header-status .icon-indeterminate,
.header-status .icon-calibrating,
.header-status .icon-overperformance {
  color: #fec533;
}
.header-status .icon-fault-unknown,
.header-status .icon-fault-none,
.header-status .icon-fault-inactive,
.header-status .icon-fault-indeterminate,
.header-status .icon-fault-calibrating,
.header-status .icon-color-disabled {
  color: #7a4eb7;
}
.header-status .icon-fault-under_investigation,
.header-status .icon-color-warning {
  color: #f37321;
}
.header-status .icon-color-alert {
  color: #ed1c24;
}

.status_details--icon .icon-fault-good,
.status_details--icon .icon-color-disabled {
  color: #7a4eb7;
}
.status_details--icon .icon-fault-unknown,
.status_details--icon .icon-fault-inactive,
.status_details--icon .icon-color-minor {
  color: #fff;
}
.status_details--icon .icon-fault-under_investigation,
.status_details--icon .icon-color-warning {
  color: #f37321;
}
.status_details--icon .icon-fault-action_sa,
.status_details--icon .icon-fault-action_owner,
.status_details--icon .icon-fault-action_installer,
.status_details--icon .icon-fault-action_sa,
.status_details--icon .icon-color-alert {
  color: #ed1c24;
}

@media only screen and (max-width: 48em) {
  .navbar-toggle .icon-bar {
    background-color: #3e2265;
  }
}
.sidebar--menu_link.active, .sidebar--menu_link:hover, .sidebar--menu_link:focus, .sidebar--menu_link:active {
  border-left: 7px solid #f99f1e;
}

.hero {
  background: url("../../../img/theme/sa/hero_bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  min-height: 347px;
  position: relative;
  width: 100%;
}

.hero--heading {
  color: #fff;
  font-size: 1.5625em;
}

@media only screen and (max-width: 47.9375em) {
  .hero {
    background: none;
    min-height: initial;
  }
}
@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
  .hero--heading {
    font-size: 2rem;
  }
}
.weather--wrapper {
  color: #fff;
}

.icon-good.performance-display--icon,
.icon-bad.performance-display--icon,
.icon-uncertain.performance-display--icon,
.icon-indeterminate.performance-display--icon,
.icon-calibrating.performance-display--icon,
.icon-overperformance.performance-display--icon {
  color: #fec533;
}

.icons-legend__icon {
  color: #fec533;
}

.performance-gauge__arrow {
  fill: #fec533;
}

.performance-svg-icon {
  fill: #fec533;
}

.perf-dash .performance-display--main-container .performance-display--text-container .performance-display--title {
  font-family: "RawengulkSansRegular";
  font-size: 2.4rem;
  color: #3e2265;
  line-height: 2.8rem;
}

.header-accordion {
  background-color: #3e2265;
  color: #fff;
}

.header-status--icon-container .btn__has-arrow-below:after, .header-status--icon-container .btn__has-arrow-below:before {
  background: url(../../../img/sa/arrow.png) no-repeat;
}

.comms-fault__icon {
  fill: #7a4eb7;
}

.btn_primary:hover,
a.link:hover, .btn__action.btn__action_primary:hover, .btn__action.btn__action_dark:hover, .btn_primary:focus,
a.link:focus, .btn__action.btn__action_primary:focus, .btn__action.btn__action_dark:focus, .btn_primary:active,
a.link:active, .btn__action.btn__action_primary:active, .btn__action.btn__action_dark:active {
  background: #7a4eb7;
  color: #ffffff;
}

.btn__action.btn__action_light:hover, .btn__action.btn__action_light:focus, .btn__action.btn__action_light:active {
  background: #fec533;
  color: #3e2265;
}
[disabled].btn__action.btn__action_light, .btn__action.btn__action_light:disabled, .disabled.btn__action.btn__action_light {
  background: #7a4eb7;
  color: #ffffff;
  opacity: 0.6;
  filter: alpha(opacity=60);
  pointer-events: none;
}

.status--more_button {
  color: #fff;
}
.status--more_button i {
  background: #7a4eb7;
}
.status--more_button i:hover, .status--more_button i:active {
  background: #f99f1e;
}
.status--more_button:hover i {
  background: #f99f1e;
}

a.btn--transparent:hover, a.btn--transparent:active, a.btn--transparent:focus,
button.btn--transparent:hover,
button.btn--transparent:active,
button.btn--transparent:focus,
.btn__close:hover,
.btn__close:active,
.btn__close:focus,
button.btn--transparent.btn--transparent_gray:hover,
button.btn--transparent.btn--transparent_gray:active,
button.btn--transparent.btn--transparent_gray:focus,
a.btn--transparent.btn--transparent_white:hover,
a.btn--transparent.btn--transparent_white:active,
a.btn--transparent.btn--transparent_white:focus,
button.btn--transparent.btn--transparent_white:hover,
button.btn--transparent.btn--transparent_white:active,
button.btn--transparent.btn--transparent_white:focus,
.btn--transparent_new:hover,
.btn--transparent_new:active,
.btn--transparent_new:focus {
  background: #7a4eb7;
  color: #fff;
}

.btn.btn--transparent_new:focus {
  color: #fff;
}

a.btn--transparent.btn--transparent_white,
button.btn--transparent.btn--transparent_white {
  background: #7a4eb7;
}

.btn_primary,
a.link {
  background: #fec533;
  color: #3e2265;
}
.btn_primary[disabled], .btn_primary:disabled, .btn_primary.disabled,
a.link[disabled],
a.link:disabled,
a.link.disabled {
  background: #7a4eb7;
  color: #fff;
}

a.link {
  text-decoration: underline;
}

a:hover, a:active, a:focus,
.btn--hover_dark:hover,
.btn--hover_dark:active,
.btn--hover_dark:focus,
.btn--hover_dark i:hover,
.btn--hover_dark i:active,
.btn--hover_dark i:focus,
.btn--icon_gray:hover,
.btn--icon_gray:active,
.btn--icon_gray:focus,
.btn_cancel:hover,
.btn_cancel:active,
.btn_cancel:focus {
  color: #3e2265;
}

.btn_cancel:hover, .btn_cancel:active, .btn_cancel:focus {
  background-color: #e8e8e8;
}

.btn__action.btn__action_dark {
  background: #404040;
  color: #ffffff;
}
.btn__action.btn__action_light {
  background: #ffffff;
  color: #3e2265;
}
.btn__action.btn__action_primary {
  background: #fec533;
  color: #000;
}

.dp--wrapper .dp > table thead .btn-default,
.dp--wrapper table[ng-switch-when=day] thead .btn-default {
  font-family: "RawengulkSansRegular";
}

.page-title,
.box__title {
  color: #3e2265;
}

.box .single-tab > .nav li.active a,
.box .single-tab > .nav li.active .btn__tab {
  background: #7a4eb7;
  color: #fff;
}
.box .single-tab > .nav li.active a, .box .single-tab > .nav li.active a:hover, .box .single-tab > .nav li.active a:focus, .box .single-tab > .nav li.active a:active,
.box .single-tab > .nav li.active .btn__tab,
.box .single-tab > .nav li.active .btn__tab:hover,
.box .single-tab > .nav li.active .btn__tab:focus,
.box .single-tab > .nav li.active .btn__tab:active {
  background-color: #7a4eb7;
}
.box .nav li.active a,
.box .nav li.active .btn__tab {
  background: #3e2265;
}
.box .nav li.active a, .box .nav li.active a:hover, .box .nav li.active a:focus, .box .nav li.active a:active,
.box .nav li.active .btn__tab,
.box .nav li.active .btn__tab:hover,
.box .nav li.active .btn__tab:focus,
.box .nav li.active .btn__tab:active {
  color: #fff;
  background-color: #3e2265;
}
.box .nav li a,
.box .nav li .btn__tab {
  color: #3e2265;
}
.box .nav li a:hover, .box .nav li a:focus, .box .nav li a:active,
.box .nav li .btn__tab:hover,
.box .nav li .btn__tab:focus,
.box .nav li .btn__tab:active {
  background-color: #9f91b2;
  color: #fff;
}

.box.box_transparent .nav li.active a {
  color: #fff;
}
.box.box_transparent .nav li.active a, .box.box_transparent .nav li.active a:hover, .box.box_transparent .nav li.active a:focus, .box.box_transparent .nav li.active a:active {
  background-color: #7a4eb7;
}
.box.box_transparent .nav li a {
  color: #fff;
}
.box.box_transparent .nav li a:hover, .box.box_transparent .nav li a:focus, .box.box_transparent .nav li a:active {
  background-color: rgba(122, 78, 183, 0.3);
}

.header-accordion .box--subheader {
  color: #fff;
}

.dash--production .box--subheader_copy, .header-accordion .box--subheader_copy {
  font-weight: 400;
}
@media only screen and (min-width: 48em) {
  .dash--production .box--subheader_copy, .header-accordion .box--subheader_copy {
    color: #fff;
  }
}

@media only screen and (min-width: 48em) {
  .dash--production {
    color: #fff;
  }
}

.sa-fieldset {
  border: solid 1px #3e2265;
  padding: 20px;
  border-radius: 8px;
  width: 100%;
}
@media only screen and (max-width: 61.9375em) {
  .sa-fieldset {
    padding: 12px;
  }
}
.sa-fieldset.sa-fieldset--sm {
  border-color: #7a4eb7;
  border-radius: 5px;
}

.sa-fieldset__legend {
  color: #3e2265;
  border-bottom: none;
  font-size: 2rem;
  margin-bottom: 0;
  padding: 0 4px;
  width: auto;
}
.sa-fieldset__legend.sa-fieldset__legend--rawengulk {
  font-family: "RawengulkSansRegular";
  font-size: 24px;
  line-height: 28px;
}

.beta-sign {
  background-color: #7a4eb7;
  border: 1px solid #ffffff;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
  line-height: 19px;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.beta-sign .icon-info-circle {
  color: #cab8e2;
  font-size: 1.6rem;
  margin-left: 3px;
  vertical-align: -3px;
}

button.beta-sign {
  line-height: 21px;
}
button.beta-sign:hover {
  opacity: 0.8;
}

.circle:before {
  background: #fec533;
}

.tag__new {
  background: #7a4eb7;
}
.tag__new:after {
  border-right-color: #7a4eb7;
}

.tag__offer {
  background: #fec533;
  color: #3e2265;
}

.tag.tag__bg_generic {
  background: #3e2265;
}

.wmb-subtitle {
  color: #3e2265;
}

.wmb-radio input[type=radio] + label > span:first-of-type {
  border-color: #3e2265;
}
.wmb-radio input[type=radio]:checked + label > span:first-of-type {
  border-color: #fec533;
}

.wmb-md-wrapper.wmb-info {
  border-left-color: #7a4eb7;
}
.wmb-md-wrapper.wmb-info .wmb-md-title-icon,
.wmb-md-wrapper.wmb-info .wmb-md-title,
.wmb-md-wrapper.wmb-info .wmb-md-title-med {
  color: #7a4eb7;
}

.wmb-md-title,
.wmb-md-title-med {
  color: #3e2265;
}

.wmb-md-button-yes {
  background: #fec533;
  color: #3e2265;
}
.wmb-md-button-yes:hover {
  background: #7a4eb7;
}

.subscription-plan-option.selected {
  border-color: #3e2265;
}
.subscription-plan-option:not(.selected):hover {
  border-color: #bea5e1;
}
.subscription-plan-option.plan_disabled:not(.selected):hover {
  border-color: transparent;
}

.sites-list-icon .icon-color-minor {
  color: #7a4eb7;
}
.sites-list-icon .icon-color-warning {
  color: #f37321;
}
.sites-list-icon .icon-color-alert {
  color: #ed1c24;
}
.sites-list-icon .icon-performance {
  color: #fec533;
}

h1,
h2,
h3 {
  font-family: "RawengulkSansRegular";
  font-weight: 400;
}

.font-body {
  font-family: "Roboto", sans-serif;
}

a.link_login {
  color: #fec533;
}
a.link_login:hover, a.link_login:focus, a.link_login:active {
  color: #fff;
}

.bg-theme {
  background: #7a4eb7;
}

.bg_exported {
  background: #f99f1e;
}

.page__minimal {
  background: #3e2265;
  color: #fff;
}

.fill-theme {
  fill: #7a4eb7;
}

.color-theme {
  color: #7a4eb7;
}

.color-dark,
a.color-dark {
  color: #3e2265 !important;
}

.color-dark-hover:hover, .color-dark-hover:active, .color-dark-hover:focus,
a.color-dark-hover:hover,
a.color-dark-hover:active,
a.color-dark-hover:focus {
  color: #3e2265;
}

.color-consumed {
  color: #7a4eb7;
}

.color-produced {
  color: #fec533;
}

.color-exported {
  color: #f99f1e;
}

.bg-imported {
  background-color: #7a4eb7;
}

.bg-produced {
  background-color: #fec533;
}

.bg-exported {
  background-color: #f99f1e;
}

.bg-flat {
  background-color: #b097d4;
}

@font-face {
  font-family: "RawengulkSansRegular";
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  src: url("https://static.solaranalytics.com/webportal/assets/fonts/rawengulk/RawengulkSans.eot?v=20231219");
  src: url("https://static.solaranalytics.com/webportal/assets/fonts/rawengulk/RawengulkSans.eot?v=20231219#iefix") format("embedded-opentype"), url("https://static.solaranalytics.com/webportal/assets/fonts/rawengulk/RawengulkSans.woff?v=20231219") format("woff"), url("https://static.solaranalytics.com/webportal/assets/fonts/rawengulk/RawengulkSans.ttf?v=20231219") format("truetype");
}
.dp--wrapper .dp > table td .current .text-info,
.dp--wrapper table[ng-switch-when=day] td .current .text-info {
  color: #fec533;
}

.default-homepage--star-colour,
.default-homepage--star-white-colour {
  fill: rgba(254, 197, 51, 0.6);
}

.icon-loading {
  color: #fec533;
}

.header-accordion .status--more_copy {
  color: #fff;
}
@media only screen and (min-width: 48em) {
  .dash--production .status--more_copy {
    color: #fff;
  }
}

.link_white.login_color {
  color: #fff;
}

.dialog__loading .mat-dialog-container {
  position: relative;
}
.dialog__loading .mat-dialog-container:after {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.box--loading {
  background: none;
  min-height: 50px;
}
.box--loading:not(.box--transparent) * {
  visibility: hidden !important;
}
.box--loading:after {
  background: rgba(244, 241, 235, 0.8) url(../../../img/theme/sa/loading.gif) no-repeat 50% 50%;
  -webkit-background-size: 45px 48px;
  -o-background-size: 45px 48px;
  background-size: 45px 48px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.overview .box--loading:after {
  background: rgba(244, 241, 235, 0.8) url(../../../img/theme/sa/loading.gif) no-repeat calc(50% + 75px) 50%;
  -webkit-background-size: 45px 48px;
  -o-background-size: 45px 48px;
  background-size: 45px 48px;
}
.box_transparent .box--loading:after {
  background: url(../../../img/theme/sa/loading.gif) no-repeat 50% 50%;
  -webkit-background-size: 45px 48px;
  -o-background-size: 45px 48px;
  background-size: 45px 48px;
}
@media only screen and (max-width: 48em) {
  .overview .box--loading:after {
    height: calc(100% + 20px);
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    background-position-x: 50%;
  }
}

.callout__blockquote {
  border-left-color: #fec533;
}

.login__logo_img {
  max-width: 264px;
}

.point {
  background: #7a4eb7;
}

.container__payment {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 61.9375em) {
  .container__payment {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.payment__help-text {
  font-size: 1.5rem;
}

p.title_info {
  font-size: 14pt;
}

.payment__card {
  font-size: 10px;
  display: inline-block;
  margin-right: 0.25em;
  background-image: url(../../../img/payment-cards.svg);
  background-size: 23.077em;
  background-repeat: no-repeat;
  width: 4.165em;
  height: 2.74em;
  transition: background 0.1s ease-out;
  zoom: 1;
  /* Visa */
  /* Mastercard */
  /* American Express */
}
.payment__card:last-child {
  margin-left: 0;
}
.payment__card.visa {
  background-position: -0.07em -3.07em;
}
.payment__card.visa.active {
  background-position: -0.07em -0.142em;
}
.payment__card.mastercard {
  background-position: -4.756em -3.07em;
}
.payment__card.mastercard.active {
  background-position: -4.756em -0.142em;
}
.payment__card.amex {
  background-position: -9.44em -3.07em;
}
.payment__card.amex.active {
  background-position: -9.44em -0.142em;
}

.tooltip.modern .tooltip__value {
  fill: #3e2265;
}

.chart--range {
  font-family: "RawengulkSansRegular";
  font-weight: bold;
}

.box_transparent .chart--range {
  color: #fff;
}

.box_transparent span.legend--label {
  color: #fff;
}

.main-chart .nv-legend-text,
.main-chart .tooltip__value,
.main-chart .no-data {
  fill: #fff;
}
.main-chart .d3-tooltip--guide {
  stroke: #fff;
}

.main-chart .sad3-svg .nv-axis text {
  fill: #fff;
}
.main-chart .sad3-svg .nv-axis path.domain {
  stroke: #fff;
  stroke-opacity: 1;
}
.main-chart .sad3-svg .nv-y .tick line {
  stroke: #fff;
}
.main-chart .sad3-svg .nv-y path.domain {
  stroke-opacity: 0;
}

@media only screen and (max-width: 47.9375em) {
  .main-chart .nv-legend-text,
.main-chart .tooltip__value,
.main-chart .no-data {
    fill: #000;
  }

  .chart--live_data .main-chart .nv-legend-text,
.chart--live_data .main-chart .no-data {
    fill: #fff;
  }
}
dshb-bubble-chart {
  display: block;
}

.bubble_chart--container.consumed .bubble_chart {
  background: #fec533;
}
.bubble_chart--container.imported .bubble_chart {
  background: #7a4eb7;
}
.bubble_chart--container.exported .bubble_chart {
  background: #f99f1e;
}

mat-card .card-sub-header-text {
  color: #7d7d7d;
}
mat-card.half-purple-card .card-header {
  background-color: rgba(175, 147, 214, 0.25);
}
mat-card.half-purple-card .card-sub-header {
  background-color: rgba(175, 147, 214, 0.25);
}
mat-card.half-purple-card .card-sub-header-text {
  color: #3e2265;
}
mat-card.purple-card {
  background-color: rgba(175, 147, 214, 0.25);
}
mat-card.purple-card .card-sub-header-text {
  color: #3e2265;
}
mat-card.grey-card {
  background-color: #f4f1eb;
}

.see-more-arrow {
  color: #f99f1e;
}

.see-more-link {
  color: #7d7d7d;
}
.see-more-link:hover, .see-more-link:focus, .see-more-link:active {
  color: #3e2265;
}

.header-text.page-title {
  color: #3e2265;
}
.header-text.card-title--half-purple .title-icon {
  color: #3e2265;
}
.header-text.card-title--half-purple .title-text {
  color: #3e2265;
}

a.card-title.header-text:hover .title-text, a.card-title.header-text:focus .title-text, a.card-title.header-text:active .title-text {
  color: #3e2265;
}
a.card-title.header-text:hover .title-icon, a.card-title.header-text:focus .title-icon, a.card-title.header-text:active .title-icon {
  color: #3e2265;
}

.tag {
  background: #7a4eb7;
  color: #fff;
}

.mat-flat-button.mat-secondary {
  background-color: #fec533;
  color: #3e2265;
}
.mat-flat-button.mat-secondary:hover:enabled {
  background-color: #7a4eb7;
  color: #fff;
}
.mat-flat-button.mat-secondary[disabled].mat-button-disabled {
  opacity: 0.5;
  background-color: #7a4eb7;
  color: #fff;
}
.mat-flat-button.mat-secondary.card-button-link:hover {
  background-color: #7a4eb7;
  color: #fff;
}
.mat-flat-button.mat-secondary--transparent {
  border: 1px solid #3e2265;
  color: #3e2265;
  line-height: 3.2rem;
}
.mat-flat-button.mat-secondary--transparent:hover:enabled {
  background-color: #7a4eb7;
  color: #fff;
}
.mat-flat-button.mat-secondary--transparent:active, .mat-flat-button.mat-secondary--transparent.pressed, .mat-flat-button.mat-secondary--transparent:hover:enabled.pressed {
  background-color: #3e2265;
  color: #ffffff;
}
.mat-flat-button.mat-secondary--transparent.mat-button-disabled[disabled], .mat-flat-button.mat-secondary--transparent[disabled] {
  opacity: 0.5;
  background-color: #404040;
  color: #ffffff;
}
.mat-flat-button.mat-secondary--icon-only {
  color: #3e2265;
  font-size: 1.8rem;
  min-width: 36px;
  padding: 0;
}

.mat-radio-group--dark .mat-radio-outer-circle,
.mat-radio-group--dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3e2265;
}
.mat-radio-group--dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-group--dark .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #f99f1e;
}
.mat-radio-group--dark .mat-radio-label {
  font-weight: 300;
  white-space: normal;
}

div.mat-tab-label {
  color: #3e2265;
}
div.mat-tab-label.mat-tab-disabled {
  color: rgba(62, 34, 101, 0.6);
}

div.mat-tab-label-active {
  color: #fff;
  background-color: #3e2265;
}
div.mat-tab-label-active.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(62, 34, 101, 0.6);
}

.sa-toggle.sa-toggle--dark.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #7a4eb7;
}
.sa-toggle.sa-toggle--dark.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(122, 78, 183, 0.38);
}

.mat-input--legacy.mat-input-element {
  color: #000;
}

epo-my-solar-manager sa-title .header-text.card-title[data-cy=pageTitle],
meb-my-energy-manager-card-view sa-title .header-text.card-title[data-cy=pageTitle] {
  color: #3e2265;
}
epo-my-solar-manager mat-card.mat-card,
meb-my-energy-manager-card-view mat-card.mat-card {
  background-color: rgba(175, 147, 214, 0.25);
}

sa-title .header-text.card-title {
  color: #7d7d7d;
}