/* Branding override for enerGO */

.brand-energo {
  /* Marker class only */
}

.brand-energo body {
  background: rgba(23, 191, 130, 0.1);
}

.brand-energo .bg-body {
  background: rgba(23, 191, 130, 0.1) !important;
}

.brand-energo .cls-2 {
  fill: #17bf82 !important;
}

.brand-energo .text-primary {
  color: #17bf82 !important;
}

.brand-energo .text-body[href]:hover {
  color: #149f72 !important;
}

.brand-energo .bg-primary {
  background-color: #17bf82 !important;
}

.brand-energo a.bg-primary:hover,
.brand-energo a.bg-primary:focus {
  background-color: #149f72 !important;
}

.brand-energo .dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: #17bf82;
}

.brand-energo .bg-label-primary,
.brand-energo .bg-label-hover-primary {
  background-color: #d6f5ea !important;
  color: #17bf82 !important;
}

.brand-energo .bg-label-hover-primary:hover {
  background-color: #17bf82 !important;
  color: #fff !important;
}

.brand-energo .bg-gradient-primary {
  background-image: linear-gradient(45deg, #17bf82, #80cddb) !important;
}

.brand-energo .bg-primary.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(23, 191, 130, 0.3);
}

.brand-energo .page-item.active .page-link,
.brand-energo .pagination li.active > a:not(.page-link),
.brand-energo .page-item > .page-link.active,
.brand-energo .page-item.first .page-link.active,
.brand-energo .page-item.last .page-link.active,
.brand-energo .page-item.next .page-link.active,
.brand-energo .page-item.prev .page-link.active,
.brand-energo .page-item.previous .page-link.active {
  border-color: #17bf82;
  background-color: #17bf82;
  color: #fff;
}

.brand-energo .progress-bar {
  background-color: #17bf82;
  color: #fff;
}

.brand-energo .modal-onboarding .carousel-indicators [data-bs-target] {
  background-color: #17bf82;
}

.brand-energo .carousel-control-prev,
.brand-energo .carousel-control-next {
  color: #17bf82;
}

.brand-energo .carousel-control-prev:hover,
.brand-energo .carousel-control-prev:focus,
.brand-energo .carousel-control-next:hover,
.brand-energo .carousel-control-next:focus {
  color: #17bf82;
}

.brand-energo .list-group-item-primary {
  border-color: #17bf82;
  background-color: #d6f5ea;
  color: #17bf82 !important;
}

.brand-energo a.list-group-item-primary,
.brand-energo button.list-group-item-primary {
  color: #17bf82;
}

.brand-energo a.list-group-item-primary:hover,
.brand-energo a.list-group-item-primary:focus,
.brand-energo button.list-group-item-primary:hover,
.brand-energo button.list-group-item-primary:focus {
  border-color: #17bf82;
  background-color: #d6f5ea;
  color: #17bf82;
}

.brand-energo a.list-group-item-primary.active,
.brand-energo button.list-group-item-primary.active,
.brand-energo .list-group-item-action.active,
.brand-energo .list-group-item-action.active:hover,
.brand-energo .list-group-item-action.active:focus {
  border-color: #17bf82 !important;
  background-color: #17bf82 !important;
  color: #fff;
}

.brand-energo .alert-primary {
  background-color: #d6f5ea;
  border-color: #d6f5ea;
  color: #17bf82;
}

.brand-energo .alert-primary .btn-close {
  /* Keep original data-uri; not critical for primary compliance */
}

.brand-energo .alert-primary .alert-link {
  color: #17bf82;
}

.brand-energo .alert-primary hr {
  background-color: #17bf82 !important;
}

.brand-energo .tooltip-primary .tooltip-inner,
.brand-energo .tooltip-primary > .tooltip .tooltip-inner,
.brand-energo .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
  background: #17bf82;
  color: #fff;
}

.brand-energo .tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.brand-energo .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.brand-energo .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: #17bf82;
}

.brand-energo .popover-primary,
.brand-energo .popover-primary > .popover,
.brand-energo .ngb-popover-primary + ngb-popover-window {
  border-color: transparent;
  background: #17bf82;
}

.brand-energo .popover-primary .popover-header,
.brand-energo .popover-primary > .popover .popover-header,
.brand-energo .ngb-popover-primary + ngb-popover-window .popover-header {
  border-color: #17bf82;
  background: transparent;
  color: #fff;
}

.brand-energo .btn-primary {
  color: #fff;
  background-color: #17bf82;
  border-color: #17bf82;
}

.brand-energo .btn-primary:hover {
  color: #fff !important;
  background-color: #149f72 !important;
  border-color: #149f72 !important;
}

.brand-energo .btn-check:focus + .btn-primary,
.brand-energo .btn-primary:focus,
.brand-energo .btn-primary.focus {
  color: #fff;
  background-color: #149f72;
  border-color: #149f72;
  box-shadow: none;
}

.brand-energo .btn-check:checked + .btn-primary,
.brand-energo .btn-check:active + .btn-primary,
.brand-energo .btn-primary:active,
.brand-energo .btn-primary.active,
.brand-energo .btn-primary.show.dropdown-toggle,
.brand-energo .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #149f72 !important;
  border-color: #149f72 !important;
}

.brand-energo .btn-primary.disabled,
.brand-energo .btn-primary:disabled {
  color: #fff !important;
  background-color: #17bf82 !important;
  border-color: #17bf82 !important;
  box-shadow: none !important;
}

.brand-energo .btn-label-primary {
  color: #17bf82;
  border-color: transparent;
  background: #d6f5ea;
}

.brand-energo .btn-label-primary:hover,
.brand-energo .btn-label-primary:focus,
.brand-energo .btn-label-primary.active {
  color: #17bf82 !important;
}

.brand-energo .btn-outline-primary {
  color: #17bf82;
  border-color: #17bf82;
  background: transparent;
}

.brand-energo .btn-outline-primary:hover {
  color: #17bf82 !important;
  background-color: #ebfaf3 !important;
  border-color: #17bf82 !important;
}

.brand-energo .btn-outline-primary:focus {
  box-shadow: none;
  border-color: #17bf82;
}

.brand-energo .dropdown-item:not(.disabled).active,
.brand-energo .dropdown-item:not(.disabled):active {
  background-color: #17bf82;
  color: #fff !important;
}

.brand-energo .nav-pills .nav-link.active,
.brand-energo .nav-tabs .nav-link.active,
.brand-energo .nav-pills .nav-link.active:hover,
.brand-energo .nav-pills .nav-link.active:focus,
.brand-energo .nav-tabs .nav-link.active:hover,
.brand-energo .nav-tabs .nav-link.active:focus {
  background-color: #17bf82;
  color: #fff;
}

.brand-energo .nav-tabs .nav-link.active {
  box-shadow: 0 -2px 0 #17bf82 inset;
}

.brand-energo .form-control:focus,
.brand-energo .form-select:focus {
  border-color: #17bf82 !important;
}

.brand-energo .input-group:focus-within .form-control,
.brand-energo .input-group:focus-within .input-group-text {
  border-color: #17bf82 !important;
}

.brand-energo .form-check-input:focus {
  border-color: #17bf82;
}

.brand-energo .form-check-input:checked,
.brand-energo .form-check-input[type=checkbox]:indeterminate {
  background-color: #17bf82;
  border-color: #17bf82;
}

.brand-energo .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%2317bf82'/%3E%3C/svg%3E%0A");
}

.brand-energo .form-floating > .form-control:focus ~ label,
.brand-energo .form-floating > .form-control:not(:placeholder-shown) ~ label,
.brand-energo .form-floating > .form-select ~ label {
  color: #17bf82;
}

.brand-energo .switch-input:checked ~ .switch-toggle-slider {
  background: #17bf82;
  border-color: #17bf82 !important;
  color: #fff;
}

.brand-energo .timeline .timeline-item-primary .timeline-event {
  background-color: rgba(23, 191, 130, 0.1);
}

.brand-energo .timeline .timeline-item-primary .timeline-event:before {
  border-left-color: rgba(23, 191, 130, 0.1) !important;
  border-right-color: rgba(23, 191, 130, 0.1) !important;
}

.brand-energo .timeline .timeline-point-primary {
  background-color: #17bf82 !important;
  box-shadow: 0 0 0 0.1875rem rgba(23, 191, 130, 0.16);
}

.brand-energo .timeline .timeline-indicator-primary i {
  color: #17bf82 !important;
}

.brand-energo .divider.divider-primary.divider-vertical:before,
.brand-energo .divider.divider-primary.divider-vertical:after,
.brand-energo .divider.divider-primary .divider-text:before,
.brand-energo .divider.divider-primary .divider-text:after {
  border-color: #17bf82;
}

.brand-energo .navbar.bg-primary {
  background-color: rgba(23, 191, 130, 0.95) !important;
  color: #d2f6e7;
}

.brand-energo .navbar.bg-primary .navbar-brand,
.brand-energo .navbar.bg-primary .navbar-brand a {
  color: #fff;
}

.brand-energo .navbar.bg-primary .search-input-wrapper .search-input,
.brand-energo .navbar.bg-primary .search-input-wrapper .search-toggler {
  background-color: #17bf82 !important;
  color: #d2f6e7;
}

.brand-energo .menu.bg-primary {
  background-color: #17bf82 !important;
  color: #d2f6e7;
}

.brand-energo .menu.bg-primary .menu-link,
.brand-energo .menu.bg-primary .menu-horizontal-prev,
.brand-energo .menu.bg-primary .menu-horizontal-next {
  color: #d2f6e7;
}

.brand-energo .menu.bg-primary .menu-link.active,
.brand-energo .menu.bg-primary .menu-horizontal-prev.active,
.brand-energo .menu.bg-primary .menu-horizontal-next.active {
  color: #fff;
}

.brand-energo .menu.bg-primary .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #149f72 22.16%, rgba(20, 159, 114, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(20, 159, 114, 0.48);
  color: #fff !important;
}

.brand-energo .footer.bg-primary .footer-link.disabled {
  color: #b3ead0 !important;
}

.brand-energo .fill-primary {
  fill: #17bf82;
}

.brand-energo .svg-illustration svg {
  fill: #17bf82;
}

.brand-energo html:not([dir=rtl]) .border-primary,
.brand-energo html[dir=rtl] .border-primary {
  border-color: #17bf82 !important;
}

.brand-energo a {
  color: #17bf82;
}

.brand-energo a:hover {
  color: #149f72;
}