@charset "UTF-8";
/*!
 * Start Bootstrap - SB Admin 2 v4.1.3 (https://startbootstrap.com/theme/sb-admin-2)
 * Copyright 2013-2021 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin-2/blob/master/LICENSE)
 */
/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* azzurro #2AB4CB

*/
/*!
 * HERA scss 
 * Copyright 2024 - 2025 HERA Lab
 * stili principali
 * 
 */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;700&display=swap");
.header-page {
  margin-bottom: 1.5rem;
}

/*quando siamo autenticati, lo sfondo è chiaro, il footer è scuro*/
.bg-light footer, .bg-light footer a {
  color: #6e707e;
}

.bg-light footer a:hover {
  text-decoration: underline;
  color: #6e707e;
}

.alert b {
  text-transform: capitalize;
}

.bg-gradient-primary {
  background-color: #2AB4CB;
  background-image: linear-gradient(180deg, #2AB4CB 10%, #139EBC 100%);
}

.bg-gradient-secondary {
  background-color: #5CCFE1;
  background-image: linear-gradient(180deg, #5CCFE1 10%, #3BB8D0 100%);
}

.container-fluid {
  padding-bottom: 60px;
}

#wrapper #content-wrapper {
  background-color: transparent;
}

footer, footer a {
  color: #fff;
  font-size: 11px;
  text-align: center;
}

footer a:hover {
  text-decoration: underline;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  color: #119CBB;
}

h1 {
  color: #f6aa11;
  margin-bottom: 1.3rem;
}

.titolo h1 {
  color: #000;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 0rem;
}

.titolo h1 i {
  color: #119CBB;
}

.titolo h2 {
  text-transform: uppercase;
  font-size: 1.3rem;
  margin-bottom: 0rem;
}

.titolo h2 i {
  color: #119CBB;
}

h6 {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}

/* CLASSI DIMENSIONI GRID CUSTOM COL */
.w-nanomini {
  min-width: 60px;
  max-width: 60px;
}

.w-mini {
  min-width: 70px;
  max-width: 70px;
}

.w-midi {
  min-width: 90px;
  max-width: 90px;
}

.w-supermidi {
  min-width: 100px;
  max-width: 100px;
}

.w-nanolarge {
  min-width: 120px;
  max-width: 120px;
}

.w-large {
  min-width: 130px;
  max-width: 130px;
}

.w-superlarge {
  min-width: 180px;
  max-width: 180px;
}

.w-wide {
  min-width: 320px;
  max-width: 320px;
}

.w-superwide {
  min-width: 420px;
  max-width: 420px;
}

.number {
  justify-content: right;
  text-align: right;
}

.w-custom {
  width: 300px;
}

.but-big {
  font-size: 1.3rem;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #333;
}

a {
  color: #000;
  font-weight: 700;
}

a:hover {
  color: #858796;
}

.min-vh-75 {
  min-height: 75vh;
}

.min-100 {
  min-height: 100%;
}

.auto {
  width: auto;
}

/*topbar*/
.topbar {
  height: 5.3rem;
}

/*sidebar */
.sidebar-brand .img {
  width: 6rem;
  height: 6rem;
  background-size: contain;
  margin: 0px auto;
}

.sidebar-brand.max-size .img {
  width: 10rem;
  height: 10rem;
}

.nav-link {
  cursor: pointer;
}

/*sottomenu */
.sidebar .nav-item .collapse, .sidebar.toggled .nav-item .collapse {
  position: static;
  left: auto;
  margin: 0;
}

.submenu {
  background-color: #2393a7;
}

.btn i,
.btn span {
  vertical-align: middle;
}

.sidebar {
  transition: all 0.3s ease;
  position: relative;
  z-index: 99999999;
}

.sidebar .toggled {
  transition: all 0.3s ease;
}

/* Transizione per il logo */
#accordionSidebar .sidebar-brand img {
  transition: width 0.3s ease;
  width: 90px;
}

#accordionSidebar.toggled .sidebar-brand img {
  width: 70px; /* Larghezza ridotta del logo quando la sidebar è chiusa */
}

#accordionSidebar.toggled .nascondi {
  display: none;
}

.sidebar .sidebar-brand {
  height: 5.3rem;
  padding: 0rem 0rem;
  background-color: #fff;
}

#accordionSidebar.toggled .nav-item .nav-link {
  padding: 10px 0;
}

#accordionSidebar .nav-item .nav-link.current,
#accordionSidebar .nav-item .nav-link.current i {
  font-size: 1.2rem;
  color: #fffa5f;
}

#accordionSidebar .nav-item .nav-link:active,
#accordionSidebar .nav-item .nav-link:focus,
#accordionSidebar .nav-item .nav-link:hover,
#accordionSidebar .nav-item .nav-link:hover i {
  color: #fffa5f;
}

#accordionSidebar .nav-item .nav-link i {
  font-size: 1.3rem;
  color: #fff;
}

/* Transizioni per le icone */
#accordionSidebar .nav-item .nav-link i {
  transition: font-size 0.3s ease;
}

.sidebar-brand .img {
  width: 6rem;
  height: 6rem;
  background-size: contain;
  margin: 0px auto;
}

.sidebar-brand.max-size .img {
  width: 10rem;
  height: 10rem;
}

.btn-primary {
  background: linear-gradient(#119CBB 0%, #2AB4CB 100%);
  color: #fff;
  border: 0px;
  border-radius: 100px;
  cursor: pointer;
}
.btn-primary:hover {
  background: linear-gradient(#2393a7 0%, #2393a7 100%);
}
.btn-primary a {
  color: #fff;
  font-weight: normal;
}
.btn-primary a:hover {
  color: #fff;
  text-decoration: none;
}

.btn-outline-primary {
  color: #119CBB;
  background-color: transparent;
  border-color: #119CBB;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #119CBB;
  border-color: #119CBB;
}

.btn-outline-primary.warning {
  color: #fd7e14;
  background-color: transparent;
  border-color: #fd7e14;
  border-radius: 100px;
  margin: 0px 4px;
}

.btn-outline-primary.warning:hover {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}

.btn-outline-primary.success {
  color: #548913;
  background-color: transparent;
  border-color: #548913;
  border-radius: 100px;
  margin: 0px 4px;
}

.btn-outline-primary.success:hover {
  color: #fff;
  background-color: #548913;
  border-color: #548913;
}

.btn-outline-primary.insuccess {
  color: #e74a3b;
  background-color: transparent;
  border-color: #e74a3b;
  border-radius: 100px;
  margin: 0px 4px;
}

.btn-outline-primary.insuccess:hover {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}

.btn-primary.success {
  background: linear-gradient(#72ad62 0%, #82b773 100%);
  color: #fff;
  border: 0px;
  border-radius: 100px;
  cursor: pointer;
}
.btn-primary.success:hover {
  background: linear-gradient(#72ad62 0%, #72ad62 100%);
}
.btn-primary.success a {
  color: #fff;
  font-weight: normal;
}
.btn-primary.success a:hover {
  color: #fff;
  text-decoration: none;
}

.btn-primary.insuccess {
  background: linear-gradient(#bd6369 0%, #c27b86 100%);
  color: #fff;
  border: 0px;
  border-radius: 100px;
  cursor: pointer;
}
.btn-primary.insuccess:hover {
  background: linear-gradient(#bd6369 0%, #bd6369 100%);
}
.btn-primary.insuccess a {
  color: #fff;
  font-weight: normal;
}
.btn-primary.insuccess a:hover {
  color: #fff;
  text-decoration: none;
}

.btn-primary.warning {
  background: linear-gradient(#c6800e 0%, #dc9c35 100%);
  color: #fff;
  border: 0px;
  border-radius: 100px;
  cursor: pointer;
}
.btn-primary.warning:hover {
  background: linear-gradient(#c6800e 0%, #c6800e 100%);
}
.btn-primary.warning a {
  color: #fff;
  font-weight: normal;
}
.btn-primary.warning a:hover {
  color: #fff;
  text-decoration: none;
}

.btn-secondary {
  background: linear-gradient(#858796 0%, #b7b9cc 100%);
  color: #fff;
  border: 0px;
  border-radius: 100px;
  cursor: pointer;
}
.btn-secondary:hover {
  background: linear-gradient(#6e707e 0%, #6e707e 100%);
}
.btn-secondary a {
  color: #fff;
  font-weight: normal;
}
.btn-secondary a:hover {
  color: #fff;
  text-decoration: none;
}

.fixed-footer-button {
  position: fixed; /* Fissa l'elemento alla finestra del browser */
  bottom: 0px; /* Distanza dal bordo inferiore */
  right: 0px; /* Distanza dal bordo destro */
  z-index: 1000; /* Assicura che il bottone sia sopra altri elementi */
  text-align: right;
  background: #b7b9cc;
  padding: 1.1rem 3rem 1.5rem 0rem;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.custom-card.gialla {
  background: #FFF0D6;
  position: relative;
  overflow: hidden;
}
.custom-card.gialla:hover {
  opacity: 0.5;
}
.custom-card.gialla::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 280px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23ffe8c1' /%3E%3C/svg%3E") no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
}
.custom-card.gialla .btn-primary a, .custom-card.gialla .btn-primary:hover a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.custom-card.gialla i {
  color: #000;
  font-size: 1.7rem;
}
.custom-card.gialla h2 {
  color: #000;
  font-size: 1.3rem;
}
.custom-card.gialla h5 {
  color: #ebb712;
  font-size: 1.7rem;
  font-weight: 500;
}
.custom-card.gialla hr {
  opacity: 0.6;
  border-top: 2px solid #ebb712;
}

.custom-card.verde {
  background: #ceedd7;
  position: relative;
  overflow: hidden;
}
.custom-card.verde:hover {
  opacity: 0.5;
}
.custom-card.verde::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 280px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23b8e1c4' /%3E%3C/svg%3E") no-repeat;
  background-size: cover;
  transform: translate(-50%, -50%);
}
.custom-card.verde .btn-primary a, .custom-card.verde .btn-primary:hover a {
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
.custom-card.verde i {
  color: #000;
  font-size: 1.7rem;
}
.custom-card.verde h2 {
  color: #000;
  font-size: 1.3rem;
}
.custom-card.verde h5 {
  color: #79ae27;
  font-size: 1.7rem;
  font-weight: 500;
}
.custom-card.verde hr {
  opacity: 0.6;
  border-top: 2px solid #79ae27;
}

.custom-card.icona {
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  align-items: center;
}
.custom-card.icona:hover {
  opacity: 0.5;
}
.custom-card.icona i {
  color: #058ef7;
  font-size: 1.8rem;
  border: 1px solid #000;
  border-radius: 100px;
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0px 15px 0px;
}
.custom-card.icona i.bi-arrow-right {
  color: #fff;
  background-color: #000;
  font-size: 0.8rem;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-card.icona h2 {
  color: #058ef7;
  font-size: 1.3rem;
}
.custom-card.icona h5 {
  color: #058ef7;
  font-size: 1.8rem;
  font-weight: 500;
}
.custom-card.icona a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-card.icona a:hover {
  text-decoration: none;
}

.card-body {
  position: relative;
  z-index: 1; /* Assicura che il contenuto della card sia sopra l'immagine di sfondo */
}

.shadow-hr {
  border: none; /* Rimuove il bordo predefinito dell'hr */
  height: 1px; /* Imposta l'altezza della linea */
  background-color: #bbbbbb; /* Colore della linea */
  box-shadow: 0 3px 6px rgba(78, 78, 78, 0.635); /* Aggiunge un'ombra leggera */
}

.pod-unit, .box-int {
  border: 1px solid #b7b9cc;
  border-radius: 10px;
}

.nuovo {
  border: 1px solid #119CBB;
}

.bg-evidence {
  background-color: #bde1f1;
}

.bg-evidence-light {
  background-color: #e9f6fc;
  overflow: hidden;
}

.text-evidence {
  font-weight: bold;
  font-size: 1.05rem;
}

.header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dt-hasChild.shown td {
  background-color: #c7edfe !important;
  font-weight: bold;
}

.dt-container > div.dt-layout-row:first-of-type, .dt-info {
  font-size: 0.85rem;
}

div.dt-container select.dt-input {
  margin-right: 3px;
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  box-shadow: none;
  background-color: #b1e3fa;
}

.dt-search {
  margin-bottom: 0.5rem;
}

.th-pod {
  background-color: #d8edf7;
  font-weight: bold;
}

.table thead th:first-child {
  border-top-left-radius: 15px;
}

.table thead th:last-child {
  border-top-right-radius: 15px;
}

.table thead .dt-actions {
  text-align: center;
}

.tab-details {
  margin: -7px 0px -7px 0px;
}

.tab-details .th.titoletto {
  font-size: 100%;
}

.tab-details .th {
  background-color: #d8edf7;
  font-weight: bold;
  color: #000;
  font-size: 90%;
}

.tab-details .col, .tab-details .col-1 {
  border: 1px solid #fff;
  padding: 5px 10px;
}

.tab-details .form-check-input {
  margin-top: 0rem;
  margin-left: 0rem;
}

.tab-details .none-details {
  text-align: center;
  background-color: #d8edf7;
  font-style: italic;
}

.tab-details .td {
  background-color: #e9f6fc;
  border: 1px solid #fff;
  font-size: 90%;
}

td.tipo-utente, table.dataTable thead th.tipo-utente, th.tipo-utente {
  text-align: center;
}

.btn-search {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  cursor: pointer;
}

.form-control:disabled {
  background-color: #eee !important;
  opacity: 0.7;
  cursor: not-allowed;
}

.form-control, .form-select {
  border-radius: 100px !important;
  border: 1px solid #bbb9b9 !important;
  background-color: #fff !important;
}

.form-check-input {
  border: 1px solid #bbb9b9 !important;
}

.form-control.big {
  padding: 15px 20px;
  height: auto;
}

.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after, .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

textarea.form-control {
  border-radius: 20px !important;
  padding: 20px;
}

.form-floating i.eye {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem 0.75rem;
  background: #cccccc;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

/* checkbox */
.form-switch .form-check-input {
  margin-left: -1.5em;
}

.privacy_cnf, .privacy_com_cnf {
  font-size: 0.8rem;
  line-height: 1rem;
}

.privacy_cnf .form-check-input, .privacy_com_cnf .form-check-input {
  margin-left: 0rem;
  margin-top: 0rem;
  border: 1px solid #858796;
}

.privacy_cnf label, .privacy_com_cnf label {
  display: inline;
  padding-left: 1.5rem;
}

.required {
  color: #119CBB;
  font-size: 1.2rem;
}

.pwd-eye input[type=password] {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.pwd-eye .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}

.form-select {
  border-radius: 100px;
}

/* card dashboard*/
.label-value h5 {
  margin-bottom: 1.2rem;
}

.value-box {
  border: 1px solid #858796;
  background-color: #f8f9fc;
  border-radius: 100px;
  padding: 2px;
  margin: 3px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* TABELLA CUSTOM  */
.row.header-grid,
.table thead th,
.th {
  font-weight: bold;
  border-bottom: solid 1px #9e9e9e;
  background-color: #008DD2;
  color: #fff;
}
.row.header-grid .col, .row.header-grid .col-1, .row.header-grid .col-2, .row.header-grid .col-3, .row.header-grid .col-4, .row.header-grid .col-5, .row.header-grid .col-6, .row.header-grid .col-7, .row.header-grid .col-8, .row.header-grid .col-9, .row.header-grid .col-10, .row.header-grid .col-11, .row.header-grid .col-12,
.table thead th .col,
.table thead th .col-1,
.table thead th .col-2,
.table thead th .col-3,
.table thead th .col-4,
.table thead th .col-5,
.table thead th .col-6,
.table thead th .col-7,
.table thead th .col-8,
.table thead th .col-9,
.table thead th .col-10,
.table thead th .col-11,
.table thead th .col-12,
.th .col,
.th .col-1,
.th .col-2,
.th .col-3,
.th .col-4,
.th .col-5,
.th .col-6,
.th .col-7,
.th .col-8,
.th .col-9,
.th .col-10,
.th .col-11,
.th .col-12 {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* record */
.row.record .col, .row.record .col-1, .row.record .col-2, .row.record .col-3, .row.record .col-4, .row.record .col-5, .row.record .col-6, .row.record .col-7, .row.record .col-8, .row.record .col-9, .row.record .col-10, .row.record .col-11, .row.record .col-12 {
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid #d5d9dd;
}
.row.record:hover {
  background-color: #ffffff;
  color: #2393a7;
  cursor: pointer;
}

.even {
  background-color: #fbf9f9;
}

.odd {
  background-color: #f4f4f4;
}

button.badge {
  padding: 0px;
  border: none;
  border-radius: 20rem;
  transition: none;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.badge-custom-yellow {
  background-color: #ffc107;
  border: 1px solid #e0a800;
}

.badge-custom-green {
  background-color: #28a745;
  border: 1px solid #1e7e34;
}

.badge-custom-blue {
  background-color: #007bff;
  border: 1px solid #0056b3;
}

.badge-custom-lightgreen {
  background-color: #e6ffef;
  border: 1px solid #acf7c8;
}

.badge-custom-lightblue {
  background-color: #d8f8fc;
  border: 1px solid #93e9f5;
}

.badge-custom-lightblue2 {
  background-color: #e9f6fc;
  border: 1px solid #a0dffd;
  font-weight: normal !important;
}

.badge-custom-gray {
  background-color: #6c757d;
  border: 1px solid #5a6268;
}

.legend-block {
  color: #6c757d;
  font-size: 0.875rem; /* Font size small */
  line-height: 100%;
  padding-top: 10px;
  align-items: center !important;
}

.legend-block.mini {
  color: #000;
  font-size: 0.75rem; /* Font size small */
}

.legend-block.mini .badge {
  color: #000;
}

.legend-block .badge {
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 2px;
  font-size: 0.8rem;
}

.legend-block .legend-text {
  margin-right: 8px;
}

.prod {
  position: relative;
  color: transparent !important; /* Nasconde il testo originale */
}

.prod::after {
  content: "P";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #007bff;
  border: 1px solid #0056b3;
  color: #fff;
  font-size: 0.7rem;
  padding: 3px;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cons {
  position: relative;
  color: transparent !important; /* Nasconde il testo originale */
}

.cons::after {
  content: "C";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffc107;
  border: 1px solid #e0a800;
  color: #fff;
  font-size: 0.7rem;
  padding: 3px;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prosumer {
  position: relative;
  color: transparent !important; /* Nasconde il testo originale */
}

.prosumer::after {
  content: "PC";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #28a745;
  border: 1px solid #1e7e34;
  color: #fff;
  font-size: 0.7rem;
  padding: 3px;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-circle.bi-trash-fill {
  background-color: rgb(187, 115, 119);
  color: white;
  border-radius: 50%;
  padding: 10px; /* Regola il padding per ottenere la dimensione desiderata */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/*.bi-trash-fill {
  color: rgb(213, 121, 126);
}*/
.bi-pencil-fill {
  color: #119CBB;
}

.btn-actions i, .icon-circle {
  cursor: pointer;
  opacity: 1;
}

.btn-actions i:hover, .icon-circle:hover {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  justify-content: center;
  position: relative;
}

.modal-title {
  flex: 1;
  text-align: center;
}

.modal-header .btn-close {
  position: absolute;
  right: 1rem;
}

.modal-body {
  padding: 1rem 2rem;
}

.modal-body .msg {
  text-align: center;
  font-weight: 700;
}

.modal-body .det {
  font-size: 0.8rem;
}

.modal-body .det label {
  display: inline-block;
  width: 9rem;
  text-transform: uppercase;
}

.modal-footer {
  justify-content: center;
}

.topbar #sidebarToggleTop {
  width: 40px;
  height: 40px;
  border: 2px solid #5bb243;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topbar #sidebarToggleTop i {
  color: #5bb243; /* Colore dell'icona */
  font-size: 1.5rem; /* Dimensione dell'icona, regola secondo le tue esigenze */
}

/* mouse hover delle ricerche */
#lookup_container_unit {
  position: absolute;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 0 15px #b2b2b2;
  z-index: 1000;
}

#lookup_container_unit .card-body .genre-record.lookup-item {
  line-height: 98%;
  margin: 10px 0px 10px 0px;
  padding: 3px 0px 3px 0px;
}

.lookup-item.selectable:hover {
  background-color: #f6f6f6;
  cursor: pointer;
}

.group-data-production {
  display: none;
}

.distribution-table-container {
  padding: 12px;
}

#message-result {
  margin: 1.5rem 0rem 1.5rem 0rem;
}

@media (min-width: 768px) {
  .sidebar {
    width: 16rem !important;
  }
  .sidebar .nav-item .collapse, .sidebar .nav-item .collapsing {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .container-fluid {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .legend-block .legend-text {
    margin-right: 5px;
    font-size: 11px;
  }
}
@media (max-width: 767.98px) {
  .btn-primary.add-associate span, .btn-primary.back-to-grid span, .btn-primary.add-associate-pod span {
    display: none;
  }
  .titolo h1 {
    font-size: 1.2rem;
  }
}
@media (max-width: 991.98px) {
  .btn-primary.add-associate {
    padding: 5px 10px;
  }
  .dt-length {
    font-size: 0.9rem;
  }
  .dt-search {
    font-size: 0.9rem;
  }
}
/*!
 * HERA scss 
 * Copyright 2024 - 2025 HERA Lab
 * qui ci sono le personalizzazioni minime dei tenant
 * 
 */
body {
  font-family: "Outfit", sans-serif;
}

.cer-dora_it .sidebar-brand .img {
  background-image: url("../images/logo-cermombarone.badb7c348150.png");
}

.cer-dora_it .bg-login-image {
  background: url("../images/cer-dora_it_bkg-cer.06dd7e3537c3.png");
  background-size: cover;
}

.app_cer-tify_eu .bg-login-image {
  background: url("../images/cer-tify_eu_bkg-cer.e18db8f02df1.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.app_cer-tify_eu .sidebar-brand .img {
  background-image: url("../images/logo-certify.148e72973729.png");
}

.bg-generic-image {
  background: url("../images/bkg-cer-oriz.4034a52c6006.png");
  background-size: cover;
  background-position: center left;
  min-height: 600px;
  background-repeat: no-repeat;
}

/*!
 * HERA scss 
 * Copyright 2024 - 2025 HERA Lab
 * stili per il simulatore
 * 
 */
.simulation_sets_domain_view, .simulation_units_domain_view {
  /* overlay quando non ci sono valori: grigio tutto in scheda simulazione */
  /* stili da Luca*/
  /* Posizionamento dei punti */
}
.simulation_sets_domain_view .btn-outline-primary, .simulation_units_domain_view .btn-outline-primary {
  font-size: 0.8rem;
  border-radius: 100px;
  margin: 0px 4px;
}
.simulation_sets_domain_view .btn-outline-primary.disable, .simulation_units_domain_view .btn-outline-primary.disable {
  cursor: default !important; /* Imposta il cursore come "non permesso" */
  opacity: 0.5; /* Rende il bottone semi-trasparente */
  background-color: #ccc; /* Colore di sfondo più spento */
  color: #666; /* Colore del testo più chiaro */
  border: 1px solid #aaa;
}
.simulation_sets_domain_view .arrow, .simulation_units_domain_view .arrow {
  background: url("../images/ico-arrow.fc7327c80ce1.png") no-repeat;
  background-size: contain;
  width: 150px;
  height: 377px;
  position: absolute;
  top: -80px;
  right: 140px;
}
.simulation_sets_domain_view .container.single, .simulation_units_domain_view .container.single {
  border: 2px solid #858796;
  background-color: #fff;
  padding: 40px;
  border-radius: 40px;
  margin-top: 40px;
}
.simulation_sets_domain_view .titolo, .simulation_units_domain_view .titolo {
  min-height: 60px;
  display: flex;
  justify-content: center;
}
.simulation_sets_domain_view .titolo .form-control.big, .simulation_units_domain_view .titolo .form-control.big {
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
}
.simulation_sets_domain_view .header-grid, .simulation_units_domain_view .header-grid {
  background-color: #264d61;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 14px;
}
.simulation_sets_domain_view .header-grid .prodotta, .simulation_units_domain_view .header-grid .prodotta {
  background: #054a92 url("../images/ico-pannelli.9d59796d8b8d.png") no-repeat right bottom/70px;
  color: #fff !important;
}
.simulation_sets_domain_view .header-grid .consumata, .simulation_units_domain_view .header-grid .consumata {
  background: #b04848 url("../images/ico-spina.30d73a4dc05d.png") no-repeat right bottom/40px;
  color: #fff !important;
}
.simulation_sets_domain_view .header-grid .condivisa, .simulation_units_domain_view .header-grid .condivisa {
  background: #63b260 url("../images/ico-alberi.92eb59626e08.png") no-repeat right bottom/40px;
  color: #fff !important;
}
.simulation_sets_domain_view .header-grid .col, .simulation_sets_domain_view .header-grid .col-1, .simulation_sets_domain_view .header-grid .col-2, .simulation_sets_domain_view .header-grid .col-3, .simulation_units_domain_view .header-grid .col, .simulation_units_domain_view .header-grid .col-1, .simulation_units_domain_view .header-grid .col-2, .simulation_units_domain_view .header-grid .col-3 {
  padding-top: 10px;
  padding-bottom: 30px;
  border-right: 1px solid #b2afaf;
  display: flex;
  align-items: center;
}
.simulation_sets_domain_view .header-grid .col:last-child, .simulation_units_domain_view .header-grid .col:last-child {
  border-right: none;
}
.simulation_sets_domain_view .record .prodotta, .simulation_units_domain_view .record .prodotta {
  background: #d7ecf3;
}
.simulation_sets_domain_view .record .consumata, .simulation_units_domain_view .record .consumata {
  background: #f8cccc;
}
.simulation_sets_domain_view .record .condivisa, .simulation_units_domain_view .record .condivisa {
  background: #cbf8ca;
}
.simulation_sets_domain_view .record .col, .simulation_sets_domain_view .record .col-1, .simulation_sets_domain_view .record .col-2, .simulation_sets_domain_view .record .col-3, .simulation_units_domain_view .record .col, .simulation_units_domain_view .record .col-1, .simulation_units_domain_view .record .col-2, .simulation_units_domain_view .record .col-3 {
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
  display: flex;
  align-items: center;
}
.simulation_sets_domain_view .record .col:last-child, .simulation_units_domain_view .record .col:last-child {
  border-right: none;
}
.simulation_sets_domain_view .record .fw-bold, .simulation_units_domain_view .record .fw-bold {
  text-transform: uppercase;
}
.simulation_sets_domain_view .record .btn-actions, .simulation_units_domain_view .record .btn-actions {
  font-size: 20px;
}
.simulation_sets_domain_view .record .btn-actions i, .simulation_units_domain_view .record .btn-actions i {
  margin: 6px;
}
.simulation_sets_domain_view .record .simulation-validate, .simulation_units_domain_view .record .simulation-validate {
  color: #72ad62;
}
.simulation_sets_domain_view .record .simulation-invalidate, .simulation_units_domain_view .record .simulation-invalidate {
  color: #bd6369;
}
.simulation_sets_domain_view .record .date, .simulation_units_domain_view .record .date {
  font-size: 12px;
  flex-direction: column;
  align-items: start;
}
.simulation_sets_domain_view .record .date em, .simulation_units_domain_view .record .date em {
  font-style: italic;
}
.simulation_sets_domain_view .record.even:hover, .simulation_sets_domain_view .record.odd:hover, .simulation_units_domain_view .record.even:hover, .simulation_units_domain_view .record.odd:hover {
  background-color: #e7e6e6;
}
.simulation_sets_domain_view .record.even:hover .prodotta, .simulation_sets_domain_view .record.odd:hover .prodotta, .simulation_units_domain_view .record.even:hover .prodotta, .simulation_units_domain_view .record.odd:hover .prodotta {
  background: #add8e6;
}
.simulation_sets_domain_view .record.even:hover .consumata, .simulation_sets_domain_view .record.odd:hover .consumata, .simulation_units_domain_view .record.even:hover .consumata, .simulation_units_domain_view .record.odd:hover .consumata {
  background: #f08080;
}
.simulation_sets_domain_view .record.even:hover .condivisa, .simulation_sets_domain_view .record.odd:hover .condivisa, .simulation_units_domain_view .record.even:hover .condivisa, .simulation_units_domain_view .record.odd:hover .condivisa {
  background: #a6fca3;
}
.simulation_sets_domain_view .energia .col, .simulation_units_domain_view .energia .col {
  padding-bottom: 60px;
  padding-top: 30px;
  font-size: 20px;
}
.simulation_sets_domain_view .energia .col:first-child, .simulation_units_domain_view .energia .col:first-child {
  border-top-left-radius: 40px;
}
.simulation_sets_domain_view .energia .col:last-child, .simulation_units_domain_view .energia .col:last-child {
  border-top-right-radius: 40px;
}
.simulation_sets_domain_view .energia .prodotta, .simulation_units_domain_view .energia .prodotta {
  background: #d7ecf3 url("../images/ico-pannelli.9d59796d8b8d.png") no-repeat right bottom/130px;
  color: #054a92;
}
.simulation_sets_domain_view .energia .consumata, .simulation_units_domain_view .energia .consumata {
  background: #f8cccc url("../images/ico-spina.30d73a4dc05d.png") no-repeat right bottom/100px;
  color: #6c2a2a;
}
.simulation_sets_domain_view .energia .condivisa, .simulation_units_domain_view .energia .condivisa {
  background: #cbf8ca url("../images/ico-alberi.92eb59626e08.png") no-repeat right bottom/100px;
  color: #378535;
}
.simulation_sets_domain_view .energia .condivisa ::after, .simulation_units_domain_view .energia .condivisa ::after {
  border-top-right-radius: 40px;
}
.simulation_sets_domain_view .energia .valore, .simulation_units_domain_view .energia .valore {
  font-size: 70px;
}
.simulation_sets_domain_view .energia .efficienza, .simulation_units_domain_view .energia .efficienza {
  background: #eaecf4;
  color: #858796;
}
.simulation_sets_domain_view .energia .prodotta input, .simulation_units_domain_view .energia .prodotta input {
  background-color: #054a92 !important;
  color: #fff;
}
.simulation_sets_domain_view .energia .consumata input, .simulation_units_domain_view .energia .consumata input {
  background-color: #b04848 !important;
  color: #fff;
}
.simulation_sets_domain_view .energia .condivisa input, .simulation_units_domain_view .energia .condivisa input {
  background-color: #63b260 !important;
  color: #fff;
}
.simulation_sets_domain_view .energia.None .prodotta, .simulation_sets_domain_view .energia.None .consumata, .simulation_sets_domain_view .energia.None .condivisa, .simulation_units_domain_view .energia.None .prodotta, .simulation_units_domain_view .energia.None .consumata, .simulation_units_domain_view .energia.None .condivisa {
  position: relative;
}
.simulation_sets_domain_view .energia.None .prodotta ::after, .simulation_sets_domain_view .energia.None .consumata ::after, .simulation_sets_domain_view .energia.None .condivisa ::after, .simulation_units_domain_view .energia.None .prodotta ::after, .simulation_units_domain_view .energia.None .consumata ::after, .simulation_units_domain_view .energia.None .condivisa ::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(231, 231, 231, 0.546);
  z-index: 1;
}
.simulation_sets_domain_view .energia.None .prodotta ::after, .simulation_units_domain_view .energia.None .prodotta ::after {
  border-top-left-radius: 40px;
}
.simulation_sets_domain_view .carpet, .simulation_units_domain_view .carpet {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.simulation_sets_domain_view .carpet-plot, .simulation_units_domain_view .carpet-plot {
  width: 100%;
}
.simulation_sets_domain_view .rosa-dei-venti, .simulation_units_domain_view .rosa-dei-venti {
  position: relative;
  width: 150px;
  height: 150px;
  font-size: 12px;
  border: 2px dotted #e5e5e5;
  border-radius: 50%;
  margin-left: 20%;
  /* immagine di sfondo     */
  background-image: url("/static/app/certheme/images/rose_winds_2.34c3d7b3b35e.svg");
  background-size: 76%;
  background-repeat: no-repeat;
  background-position: center;
}
.simulation_sets_domain_view .point, .simulation_units_domain_view .point {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: rgba(244, 244, 244, 0.5725490196);
  border: 1px solid #333;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.simulation_sets_domain_view .point:hover, .simulation_units_domain_view .point:hover {
  background-color: #ddd;
  /* transform: scale(1.1); */
}
.simulation_sets_domain_view .point.active, .simulation_units_domain_view .point.active {
  background-color: #0099ff;
  color: white;
}
.simulation_sets_domain_view .north, .simulation_units_domain_view .north {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.simulation_sets_domain_view .south, .simulation_units_domain_view .south {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.simulation_sets_domain_view .east, .simulation_units_domain_view .east {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}
.simulation_sets_domain_view .west, .simulation_units_domain_view .west {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
.simulation_sets_domain_view .northeast, .simulation_units_domain_view .northeast {
  top: 15%;
  right: 15%;
  transform: translate(50%, -50%);
}
.simulation_sets_domain_view .southeast, .simulation_units_domain_view .southeast {
  bottom: 15%;
  right: 15%;
  transform: translate(50%, 50%);
}
.simulation_sets_domain_view .southwest, .simulation_units_domain_view .southwest {
  bottom: 15%;
  left: 15%;
  transform: translate(-50%, 50%);
}
.simulation_sets_domain_view .northwest, .simulation_units_domain_view .northwest {
  top: 15%;
  left: 15%;
  transform: translate(-50%, -50%);
}
.simulation_sets_domain_view .carpet-plot-month, .simulation_units_domain_view .carpet-plot-month {
  font-size: 14px;
}
.simulation_sets_domain_view .carpet-plot-day, .simulation_units_domain_view .carpet-plot-day {
  float: left;
  width: 17px;
  height: 17px;
  border: solid 1px #fff;
}
.simulation_sets_domain_view .carpet-plot-day.green, .simulation_units_domain_view .carpet-plot-day.green {
  background-color: #00ff00;
}
.simulation_sets_domain_view .carpet-plot-day.yellow, .simulation_units_domain_view .carpet-plot-day.yellow {
  background-color: #ffff00;
}
.simulation_sets_domain_view .carpet-plot-day.red, .simulation_units_domain_view .carpet-plot-day.red {
  background-color: #ff0000;
}
.simulation_sets_domain_view .carpet-plot-day:hover, .simulation_units_domain_view .carpet-plot-day:hover {
  background-color: rgba(168, 168, 168, 0.5098039216);
}
.simulation_sets_domain_view .carpet-plot-day.green.active, .simulation_units_domain_view .carpet-plot-day.green.active {
  background-color: #059005;
}
.simulation_sets_domain_view .carpet-plot-day.yellow.active, .simulation_units_domain_view .carpet-plot-day.yellow.active {
  background-color: #c98706;
}
.simulation_sets_domain_view .carpet-plot-day.red.active, .simulation_units_domain_view .carpet-plot-day.red.active {
  background-color: #a90606;
}

/*!
 * HERA scss 
 * Copyright 2024 - 2025 HERA Lab
 * Stili per account
 */
/* === COMPONENTI GLOBALI === */
.modal .btn-outline-primary {
  border-radius: 100px;
}
.modal .btn i {
  margin-right: 0;
}

.bg-primary {
  background: #119CBB !important;
}

/* === VISTA PRINCIPALE === */
body.user_application_domain_view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.user_application_domain_view footer {
  height: 1.5rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.user_application_domain_view .bg-card {
  background: #fff;
  border-radius: 0.35rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body.user_application_domain_view .alert-warning hr,
body.user_application_domain_view .alert-info hr,
body.user_application_domain_view .alert-light hr {
  margin: 0.5rem 0;
  border-top-color: initial;
  color: initial;
}
body.user_application_domain_view .alert-info h2 {
  color: #1c606a;
  font-size: 1.8rem;
}
body.user_application_domain_view .alert-light {
  background-color: #f6f6f6;
}
body.user_application_domain_view .upper {
  text-transform: uppercase;
}
body.user_application_domain_view .prev-step,
body.user_application_domain_view .next-step {
  font-size: 13px;
  padding: 8px 24px;
  border: none;
  border-radius: 4px;
  margin-top: 30px;
}
body.user_application_domain_view .cer-text i {
  color: #82b773;
}
body.user_application_domain_view .cer-text h1 {
  font-size: 4rem;
  margin: 0 0 0.2rem;
  font-weight: 600;
  color: #119CBB;
}
body.user_application_domain_view .cer-text h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #119CBB;
}
body.user_application_domain_view .cer-text h2 i {
  color: #e74a3b;
}
body.user_application_domain_view .cer-text h2.big {
  font-size: 3rem;
}
body.user_application_domain_view .cer-text h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
}
body.user_application_domain_view .cer-text ul {
  padding-left: 1.2rem;
  list-style-type: disc;
}
body.user_application_domain_view .cer-text .cer-step {
  margin-top: 1rem;
}
body.user_application_domain_view .choice {
  position: relative;
  width: 150px;
  height: 180px;
  border: 1px solid #72ad62;
  border-radius: 10px;
  overflow: hidden;
}
body.user_application_domain_view .choice a:hover {
  text-decoration: none;
  cursor: pointer;
}
body.user_application_domain_view .choice strong {
  position: relative;
  z-index: 2;
  color: #000;
}
body.user_application_domain_view .choice .choice-bg {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease, opacity 0.4s ease;
  opacity: 1;
  will-change: transform, opacity;
}
body.user_application_domain_view .choice .choice-bg.user {
  background: url("../images/icon-user.b64346ed7f40.png") no-repeat center center/contain;
}
body.user_application_domain_view .choice .choice-bg.industry {
  background: url("../images/icon-industry.72c63478d3e1.png") no-repeat center center/contain;
}
body.user_application_domain_view .choice:hover .choice-bg {
  transform: scale(1.2);
  opacity: 0.7;
}
body.user_application_domain_view .bg-login-image {
  border-top-left-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}
body.user_application_domain_view label.toplabel {
  font-weight: 700;
}
body.user_application_domain_view .form-group {
  margin-bottom: 1.5rem;
}
body.user_application_domain_view .form-group label {
  font-size: 0.8rem;
  color: #858796;
  text-transform: uppercase;
  margin: 0 0 0.2rem 0.3rem;
  line-height: 100%;
}
body.user_application_domain_view .form-group label span {
  font-size: 0.5rem;
  color: #b7b9cc;
  font-style: italic;
}
body.user_application_domain_view .form-group .form-control:focus, body.user_application_domain_view .form-group .form-control:not(:placeholder-shown) {
  color: #000;
}
body.user_application_domain_view .btn.next span,
body.user_application_domain_view .btn.previous span {
  vertical-align: middle;
  font-size: 20px;
  text-align: center;
}
body.user_application_domain_view .btn.next span {
  margin-left: 10px;
}
body.user_application_domain_view .btn.previous span {
  margin-right: 10px;
}
body.user_application_domain_view h1 {
  font-size: 1.3rem;
  margin: 0.5rem 0 0.8rem;
  color: #000;
  font-weight: 500;
}
body.user_application_domain_view .card .card-body {
  padding: 0.5rem;
  color: #b7b9cc;
}
body.user_application_domain_view .card label.btn-outline-primary {
  border-radius: 0.35rem;
}
body.user_application_domain_view .card .btn-outline-primary,
body.user_application_domain_view .card .btn-outline-danger {
  border-radius: 100px;
}
body.user_application_domain_view .card .btn i {
  margin-right: 0;
}
body.user_application_domain_view .custom-card.verde .card-body {
  color: #000;
}
body.user_application_domain_view .custom-card.verde i {
  font-size: 1rem;
}
body.user_application_domain_view .custom-card.verde .btn-outline-primary {
  border-color: #000;
}
body.user_application_domain_view .custom-card.verde .btn-outline-primary:hover {
  background-color: #fff;
}
body.user_application_domain_view .hmin-100 {
  min-height: calc(100% - 1.5rem);
  box-sizing: border-box;
}
body.user_application_domain_view .hmin-rel {
  min-height: 100%;
  padding-bottom: 60px !important;
  box-sizing: border-box;
}
body.user_application_domain_view .cer-text h1 {
  font-size: 2.8rem;
  text-align: center;
}
body.user_application_domain_view .cer-text h2 {
  text-align: center;
}
body.user_application_domain_view .cer-text h2.big {
  font-size: 2rem;
  text-align: center;
}
body.user_application_domain_view .cer-text .intro {
  text-align: center;
}

/* === WIZARD HEADER === */
.wizard-container > div.wizard-inner {
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.wizard-container .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: transparent;
  justify-content: space-around;
}
.wizard-container .nav-tabs > li div {
  width: 30px;
  height: 30px;
  margin: 20px auto 10px;
  border-radius: 100%;
  padding: 0;
  background-color: transparent;
  position: relative;
  top: 0;
}
.wizard-container .nav-tabs > li div i {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  color: #000;
}
.wizard-container .connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 35px;
  z-index: 1;
}
.wizard-container span.round-tab {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
  position: relative;
  left: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #ddd;
}
.wizard-container .wizard-box-step.active span.round-tab {
  background: #72ad62;
  color: #fff;
}
.wizard-container .wizard-box-step.preactive span.round-tab {
  background: #DEF9D8;
}

/* === RESET GLOBAL === */
html, body {
  height: 100%;
}

/* === MEDIA QUERY RESPONSIVE === */
@media (max-width: 768.98px) {
  body.user_application_domain_view .bg-card {
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
  }
  body.user_application_domain_view .command-line {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #454444;
    padding: 5px 0;
    box-shadow: 2px 2px 10px #545454;
    width: 100%;
    transition: bottom 0.2s ease;
    margin-left: 0px;
    margin-right: 0px;
  }
  body.user_application_domain_view .command-line.push-up {
    bottom: 1.5rem;
  }
}/*# sourceMappingURL=sb-admin-2custom.css.map */