@charset "UTF-8";
/* FONT */
/* DIMENSIONI BASE */
/* DIMENSIONI FONT */
/* GRIGI */
/* Colori sito */
/* Reset di base */
* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
}

/* =================================================
 * BASE
 * ================================================= */
html, body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #eceaff;
  color: #26204f;
  overflow-x: hidden;
}

/* =================================================
 * PAGE STRUCTURE
 * ================================================= */
.page {
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
@media (min-width: 992px) {
  .page {
    flex-direction: row;
    align-items: stretch;
  }
}

main {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-x: hidden;
  min-width: 0;
}

/* =================================================
 * FOOTER
 * ================================================= */
footer {
  border-top: 1px solid #ffebad;
  color: #ffffff;
  background: linear-gradient(180deg, #6c757d -25%, rgb(174.7961373391, 180.5708154506, 185.7038626609) 125%);
  margin-top: auto;
  padding: 0px;
}
footer a {
  color: #58151c;
  text-decoration: none;
}
footer a:hover, footer a:focus, footer a.active {
  color: #ffebad;
}
footer .footer-block {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-left: 1rem;
  padding-right: 1rem;
}
footer .footer-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .footer-block li {
  margin-bottom: 0rem;
}
footer .footer-block li.d-inline {
  margin-right: 0.5rem;
}
footer .bottom {
  background: linear-gradient(180deg, rgb(72.5407725322, 78.5858369099, 83.9592274678) -25%, #6c757d 125%);
  padding-left: 1rem;
  padding-right: 1rem;
}
footer .bottom a {
  color: #ffffff;
  text-decoration: none;
}
footer .bottom a:hover, footer .bottom a:focus {
  color: #ffebad;
}

/* =================================================
 * SIDEBAR
 * ================================================= */
.sidebar {
  background-image: linear-gradient(135deg, #26204f 0%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 120%);
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .sidebar {
    width: 250px;
    position: sticky;
    top: 0;
  }
}

/* =================================================
 * HEADER / TOP ROW
 * ================================================= */
.logo {
  width: auto;
  height: 50px;
  max-width: 100%;
  margin-left: 0.5rem;
}

.top-row {
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(211, 158.25, 0);
  justify-content: flex-start;
  padding: 0 1rem;
}
@media (max-width: 991.98px) {
  .top-row {
    justify-content: flex-start;
  }
  .top-row a,
  .top-row .btn-link {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .top-row {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .top-row.auth a:first-child {
    flex: 1;
    text-align: right;
    width: 0;
  }
  .top-row article {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* =================================================
 * ARTICLE (aggiungi questo se non c’è)
 * ================================================= */
article {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

.navbar {
  position: relative;
  width: 100%;
  z-index: 1000;
}

/* NAV ITEM */
.nav-item {
  font-size: 1rem;
  padding: 0.25rem;
}
.nav-item .nav-link {
  color: #ffffff;
  background: none;
  border: none;
  border-radius: 4px;
  height: 2rem;
  display: flex;
  align-items: center;
  width: 100%;
  transition: background-color 0.15s ease;
}
.nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.nav-item .nav-link svg {
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}
.nav-item a.active {
  background-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

/* NAV-SCROLLABLE (menu principale) */
.nav-scrollable {
  display: none;
  overflow: visible;
  max-height: unset;
  /* Mostra sempre il menu su desktop */
}
.nav-scrollable.show {
  display: block;
}
@media (min-width: 992px) {
  .nav-scrollable {
    display: block !important;
  }
}

/* NAVBAR TOGGLER (icona menu) */
.navbar-toggler {
  border-radius: 2px;
  appearance: none;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  color: #ffffff;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 1px solid rgb(211, 158.25, 0);
  background-color: #58151c;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  transition: background-color 0.15s ease;
  /* SIMBOLO ICONA */
  /* Nascondi il toggler su desktop */
}
.navbar-toggler::before {
  content: "\f0c9"; /* icona hamburger */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.25rem;
  color: #ffffff;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler:hover {
  background-color: rgb(108.5871559633, 25.9128440367, 34.5504587156);
}
@media (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }
}

#blazor-error-ui {
  color-scheme: light only;
  background: #ffebad;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

spazio-minimo {
  white-space: nowrap;
  width: 0%;
}

/* ---------------------- */
/* ROTELLINA ------------ */
/* ---------------------- */
.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
}
.spinner span {
  margin-left: 10px;
}

/* ---------------------- */
/* CARD ----------------- */
/* ---------------------- */
.card {
  background-color: rgb(210.6081081081, 206.9594594595, 235.5405405405);
}

.card-header {
  background: linear-gradient(135deg, #26204f -50%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 150%);
  color: #ffebad;
  border-radius: 0.375rem;
}
.card-header a,
.card-header .btn-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.5s;
}
.card-header a:hover, .card-header a:active, .card-header a:focus, .card-header a:focus-visible,
.card-header .btn-link:hover,
.card-header .btn-link:active,
.card-header .btn-link:focus,
.card-header .btn-link:focus-visible {
  color: #ffebad;
}
.card-header a:disabled,
.card-header .btn-link:disabled {
  pointer-events: none;
  opacity: 0.7;
}

/* ---------------------- */
/* LINEA ORIZZONTALE ---- */
/* ---------------------- */
hr {
  opacity: 1;
  background-color: #26204f;
  height: 1px;
  width: 100%;
}
hr.sottile {
  opacity: 0.5;
}

/* ---------------------- */
/* TABELLE -------------- */
/* ---------------------- */
.table {
  /* Righe */
  /* Celle ereditano lo sfondo della riga */
  /* Intestazione */
}
.table tr {
  color: #26204f;
  background-color: rgb(210.6081081081, 206.9594594595, 235.5405405405);
}
.table tr:nth-child(even) {
  background-color: rgb(177.0675675676, 170.6621621622, 220.8378378378);
}
.table tr:active {
  background-color: #ffc107;
  color: #26204f;
}
.table > :not(caption) > * > * {
  background-color: inherit;
}
.table thead tr:first-child th {
  color: #ffebad;
  background: linear-gradient(135deg, #26204f -50%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 150%);
}

/* ---------------------- */
/* INPUT ---------------- */
/* ---------------------- */
input,
.form-control,
.form-select {
  background-color: #ffffff;
  color: #26204f;
  border: 1px solid #26204f;
}
input:focus,
.form-control:focus,
.form-select:focus {
  background-color: #ffebad;
  box-shadow: none;
  outline: none;
  border-color: #26204f;
}
input:-webkit-autofill,
.form-control:-webkit-autofill,
.form-select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #26204f;
}

/* ---------------------- */
/* CHECK BOX ------------ */
/* ---------------------- */
.form-check-input {
  margin-top: 4px !important;
  background-color: #ffffff !important;
  border-color: #26204f !important;
}
.form-check-input:focus {
  outline: none;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: #58151c !important;
  border-color: #26204f !important;
}

/* ---------------------- */
/* Pulsanti ------------- */
/* ---------------------- */
.btn-xs {
  padding: 0.1rem 0.3rem;
  font-size: 0.8rem;
  border-radius: 4px;
}

.btn, .e-footer-content .e-btn {
  box-shadow: 2px 2px 2px #343a40;
  color: #ffffff;
  transition: linear 0.5s;
  border: 1px solid;
}
.btn:hover, .btn:active, .e-footer-content .e-btn:hover, .e-footer-content .e-btn:active {
  box-shadow: none;
}
.btn:disabled, .e-footer-content .e-btn:disabled {
  color: #ffffff;
  opacity: 0.6;
  cursor: not-allowed;
}

/*.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  border-color: $primary;
}*/
.btn-primary {
  border-color: #58151c;
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
}
.btn-primary:hover, .btn-primary:active {
  border-color: #58151c;
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
}
.btn-primary:disabled {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  border-color: #58151c;
}

.btn-secondary {
  border-color: #6c757d;
  background: linear-gradient(180deg, rgb(72.5407725322, 78.5858369099, 83.9592274678) -25%, rgb(174.7961373391, 180.5708154506, 185.7038626609) 125%);
}
.btn-secondary:hover, .btn-secondary:active {
  border-color: #6c757d;
  background: linear-gradient(0deg, rgb(72.5407725322, 78.5858369099, 83.9592274678) -25%, rgb(174.7961373391, 180.5708154506, 185.7038626609) 125%);
}
.btn-secondary:disabled {
  background: linear-gradient(180deg, rgb(72.5407725322, 78.5858369099, 83.9592274678) -25%, rgb(174.7961373391, 180.5708154506, 185.7038626609) 125%);
  border-color: #6c757d;
}

.btn-success {
  border-color: #198754;
  background: linear-gradient(180deg, rgb(13.046875, 70.453125, 43.8375) -25%, rgb(67.265625, 220.234375, 149.3125) 125%);
}
.btn-success:hover, .btn-success:active {
  border-color: #198754;
  background: linear-gradient(0deg, rgb(13.046875, 70.453125, 43.8375) -25%, rgb(67.265625, 220.234375, 149.3125) 125%);
}
.btn-success:disabled {
  background: linear-gradient(180deg, rgb(13.046875, 70.453125, 43.8375) -25%, rgb(67.265625, 220.234375, 149.3125) 125%);
  border-color: #198754;
}

.btn-info {
  border-color: #0dcaf0;
  background: linear-gradient(180deg, rgb(9.0691699605, 140.9209486166, 167.4308300395) -25%, rgb(132.1541501976, 228.895256917, 248.3458498024) 125%);
}
.btn-info:hover, .btn-info:active {
  border-color: #0dcaf0;
  background: linear-gradient(0deg, rgb(9.0691699605, 140.9209486166, 167.4308300395) -25%, rgb(132.1541501976, 228.895256917, 248.3458498024) 125%);
}
.btn-info:disabled {
  background: linear-gradient(180deg, rgb(9.0691699605, 140.9209486166, 167.4308300395) -25%, rgb(132.1541501976, 228.895256917, 248.3458498024) 125%);
  border-color: #0dcaf0;
}

.btn-warning {
  border-color: #ffc107;
  background: linear-gradient(180deg, rgb(211, 158.25, 0) -25%, rgb(255, 224.875, 134.5) 125%);
}
.btn-warning:hover, .btn-warning:active {
  border-color: #ffc107;
  background: linear-gradient(0deg, rgb(211, 158.25, 0) -25%, rgb(255, 224.875, 134.5) 125%);
}
.btn-warning:disabled {
  background: linear-gradient(180deg, rgb(211, 158.25, 0) -25%, rgb(255, 224.875, 134.5) 125%);
  border-color: #ffc107;
}

.btn-danger {
  border-color: #dc3545;
  background: linear-gradient(180deg, rgb(167.4810126582, 29.0189873418, 42.2848101266) -25%, rgb(238.8291139241, 161.6708860759, 169.0632911392) 125%);
}
.btn-danger:hover, .btn-danger:active {
  border-color: #dc3545;
  background: linear-gradient(0deg, rgb(167.4810126582, 29.0189873418, 42.2848101266) -25%, rgb(238.8291139241, 161.6708860759, 169.0632911392) 125%);
}
.btn-danger:disabled {
  background: linear-gradient(180deg, rgb(167.4810126582, 29.0189873418, 42.2848101266) -25%, rgb(238.8291139241, 161.6708860759, 169.0632911392) 125%);
  border-color: #dc3545;
}

/* ---------------------- */
/* IMMAGINI ------------- */
/* ---------------------- */
.immagine-di-profilo {
  max-width: 300px;
  height: auto;
  float: left;
}

.thumbnail {
  box-shadow: 2px 2px 2px #343a40;
  border: 1px solid #26204f;
  filter: brightness(0.85);
  transition: filter 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
  cursor: pointer;
}
.thumbnail:hover, .thumbnail:active {
  border-color: #ffebad;
  filter: brightness(1.15);
  box-shadow: none;
  transition-timing-function: linear;
}

.btn .fa-fw {
  margin-left: -2px;
  margin-right: -2px;
}

/* ---------------------- */
/* PULSANTI CON IMMAGINE -- */
/* ---------------------- */
img.NonCliccabile {
  filter: brightness(0.7);
  cursor: not-allowed;
}

.img-container .btn {
  opacity: 0.8;
  transition: opacity 0.5s;
}
.img-container .btn:hover {
  opacity: 1 !important;
}

/*Immagini cliccabili */
a img {
  box-shadow: 2px 2px 2px #343a40;
  cursor: pointer;
  transition: filter 0.5s, box-shadow 0.5s;
}
a img:hover, a img:active {
  filter: brightness(1.2);
  box-shadow: none;
}

/* ---------------------- */
/* PAGINAZIONE ---------- */
/* ---------------------- */
.pagination .page-link {
  color: #ffffff;
  border-color: #58151c;
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  box-shadow: 2px 2px 2px #343a40;
}
.pagination .page-link:hover, .pagination .page-link:active {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
}
.pagination .page-link:disabled {
  border-color: rgb(72.5407725322, 78.5858369099, 83.9592274678);
  background: linear-gradient(180deg, #6c757d -25%, rgb(174.7961373391, 180.5708154506, 185.7038626609) 125%);
}
.pagination .page-link:focus {
  outline: none;
  box-shadow: 2px 2px 2px #343a40;
  background-color: #ffffff;
  color: #ffffff;
}
.pagination .page-item.active .page-link {
  background-color: #ffebad;
  border-color: #ffebad;
  color: #ffebad;
  box-shadow: none;
  z-index: 3;
}

/* ---------------------- */
/* LINK ----------------- */
/* ---------------------- */
a, .btn-link {
  border: none;
  color: #58151c;
  box-shadow: none;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.5s;
}
a:hover, a:focus, a:active, a:focus-visible, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:focus-visible {
  color: #c94d4d;
  outline: none;
  box-shadow: none;
}
a:disabled, .btn-link:disabled {
  color: #6c757d;
  cursor: not-allowed;
}
a .fas, .btn-link .fas {
  transition: transform 0.3s;
}
a:not(.collapsed) .fas, .btn-link:not(.collapsed) .fas {
  transform: rotateX(180deg);
}

.rotate-icon {
  transition: transform 0.3s ease;
}

button[aria-expanded=true] .rotate-icon {
  transform: rotate(180deg);
}

.e-input-group,
.e-input-group.e-control-wrapper {
  padding: 3px;
  border: 1px solid #26204f !important;
  box-shadow: none !important;
  border-radius: 6px;
}
.e-input-group.e-input-focus, .e-input-group.e-input-focus:hover, .e-input-group.e-control-wrapper.e-input-focus, .e-input-group.e-control-wrapper.e-input-focus:hover,
.e-input-group.e-control-wrapper.e-input-focus,
.e-input-group.e-control-wrapper.e-input-focus:hover,
.e-input-group.e-control-wrapper.e-control-wrapper.e-input-focus,
.e-input-group.e-control-wrapper.e-control-wrapper.e-input-focus:hover {
  background: #ffebad;
}

.e-input-group.e-small,
.e-input-group.e-control-wrapper.e-small {
  border-radius: 4px;
}

.e-toast-container:empty {
  display: none !important;
}

.e-toast-container .e-toast:empty {
  display: none !important;
}

.e-multiselect .e-input-group {
  padding: 3px;
  border: 1px solid #26204f !important;
  box-shadow: none !important;
  border-radius: 6px;
}
.e-multiselect .e-input-group.e-input-focus, .e-multiselect .e-input-group.e-input-focus:hover, .e-multiselect .e-input-group.e-control-wrapper.e-input-focus, .e-multiselect .e-input-group.e-control-wrapper.e-input-focus:hover {
  background: #ffebad;
}

.e-multiselect.e-small .e-input-group {
  border-radius: 4px;
}

/* ---------------------- */
/* TAB ------------------ */
/* ---------------------- */
.e-tab {
  background: #eceaff;
}
.e-tab .e-tab-header {
  border-bottom: 1px solid #26204f;
}
.e-tab .e-tab-header .e-hor-nav {
  background: transparent;
  border: 3px solid transparent !important;
  border-radius: 4px;
}
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%) !important;
  color: #ffffff;
  color: #ffffff !important;
}
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:active,
.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:active {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%) !important;
}
.e-tab .e-tab-header .e-toolbar-pop {
  background: #eceaff;
  border: none;
  padding: 5px;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item {
  background: #eceaff;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
  background: linear-gradient(180deg, #26204f -25%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 125%);
  border: 1px solid #eceaff;
  border-radius: 0;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
  background: linear-gradient(0deg, #26204f -25%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 125%);
  border-radius: 0 0 0 0;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
  color: #ffebad;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text {
  color: #ffffff;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap {
  background: #eceaff;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
  color: #ffebad;
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap:hover {
  background: linear-gradient(0deg, #26204f -25%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 125%);
}
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
  color: #ffebad;
}
.e-tab .e-tab-header .e-toolbar-item {
  background: #eceaff;
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  background: linear-gradient(180deg, #26204f -25%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 125%);
  border: 1px solid #eceaff;
  border-radius: 4px 4px 0 0;
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
  background: linear-gradient(0deg, #26204f -25%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 125%);
  border: 1px solid #eceaff;
  border-radius: 4px 4px 0 0;
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
  color: #ffebad;
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
  color: #ffffff;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  background: #eceaff;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
  color: #ffebad;
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
  background: linear-gradient(0deg, #26204f -25%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 125%);
}
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
  color: #ffebad;
}
.e-tab .e-content {
  margin-top: 0.5rem;
}

.sf-tab-sm .e-tab-header {
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
}
.sf-tab-sm .e-tab-header .e-toolbar-item {
  margin: 0 0.2rem;
}
.sf-tab-sm .e-content {
  font-size: 0.9rem;
  padding: 0.5rem;
}

.e-toolbar-item.e-active > .e-tab-wrap {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%) !important;
  border-color: #58151c !important;
  color: #ffebad;
}
.e-toolbar-item.e-active > .e-tab-wrap:hover {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%) !important;
}

.e-switch-wrapper {
  height: 30px !important;
  width: 70px !important;
  outline: none !important;
}
.e-switch-wrapper .e-switch-inner {
  border-color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}
.e-switch-wrapper .e-switch-inner .e-switch-off {
  background-color: rgb(167.4810126582, 29.0189873418, 42.2848101266);
  color: #ffffff;
}
.e-switch-wrapper .e-switch-inner .e-switch-off:hover, .e-switch-wrapper .e-switch-inner .e-switch-off:active, .e-switch-wrapper .e-switch-inner .e-switch-off:focus {
  background-color: #dc3545;
}
.e-switch-wrapper .e-switch-inner .e-switch-on {
  background-color: rgb(13.046875, 70.453125, 43.8375);
}
.e-switch-wrapper .e-switch-inner .e-switch-on:hover, .e-switch-wrapper .e-switch-inner .e-switch-on:focus {
  background-color: #198754;
}
.e-switch-wrapper .e-switch-inner .e-switch-on:active {
  background-color: rgb(13.046875, 70.453125, 43.8375);
}
.e-switch-wrapper.e-large {
  height: 50px !important;
  width: 120px !important;
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: #198754;
}

.e-switch-wrapper.e-switch-disabled .e-switch-inner,
.e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner {
  background-color: #dc3545;
  opacity: 0.8;
  border-color: #dc3545 !important;
}

.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active {
  color: dimgray;
  background-color: #198754;
  border-color: #198754 !important;
}

.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on {
  color: #ffffff;
  opacity: 1;
  background-color: #198754;
}

.e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon,
.e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
  background: linear-gradient(to right, #ffebad 100%, transparent 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px #58151c;
}
.e-rating-container .e-rating-item-list .e-rating-item-container {
  font-size: 16px;
  padding: 1px;
  min-width: 1em;
  min-height: 1em;
}
.e-rating-container .e-rating-item-list .e-rating-item-container .e-rating-icon {
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px #26204f;
  background: none;
}
.e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-selected-value .e-rating-icon {
  background: linear-gradient(to right, #c94d4d 100%, transparent 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-stroke: 1px #58151c;
}

.e-treeview .e-ul {
  margin: 0;
  padding: 0;
}
.e-treeview .e-fullrow {
  height: 40px;
  margin: 0;
  padding: 0;
  border-radius: 4px !important;
  border-color: transparent !important;
}
.e-treeview .e-list-item.e-active > .e-fullrow {
  background: #58151c;
}
.e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow, .e-treeview .e-list-item.e-hover > .e-fullrow {
  background: #c94d4d;
}
.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
  color: #ffffff;
}

.e-datepicker.e-popup-wrapper,
.e-small.e-datepicker.e-popup-wrapper {
  border: 1px solid #eceaff;
}

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon,
.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
.e-input-group.e-success .e-input-group-icon {
  border-color: transparent;
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  color: #ffffff;
}

.e-calendar .e-header.e-month {
  background: #eceaff;
}
.e-calendar .e-header .e-title {
  color: #ffffff;
}
.e-calendar .e-header .e-title:hover, .e-calendar .e-header .e-title:focus, .e-calendar .e-header .e-title:active {
  background: #eceaff;
  color: #ffebad;
}
.e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  color: #ffffff;
}
.e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:hover, .e-calendar .e-header .e-next:active {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
  color: #ffebad;
}
.e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  opacity: 0.6;
}
.e-calendar .e-header .e-date-icon-prev, .e-calendar .e-header .e-date-icon-next {
  color: #ffffff;
}
.e-calendar .e-header .e-date-icon-prev:hover, .e-calendar .e-header .e-date-icon-prev:focus, .e-calendar .e-header .e-date-icon-prev:active, .e-calendar .e-header .e-date-icon-next:hover, .e-calendar .e-header .e-date-icon-next:focus, .e-calendar .e-header .e-date-icon-next:active {
  color: #ffebad !important;
}
.e-calendar .e-content table {
  background: #eceaff;
}
.e-calendar table thead tr:first-child th {
  color: #eceaff;
  background: transparent;
}
.e-calendar .e-other-month span.e-day,
.e-calendar .e-other-month.e-today span.e-day {
  color: #e60cce;
}
.e-calendar .e-other-month span.e-day .e-hover,
.e-calendar .e-other-month.e-today span.e-day .e-hover {
  color: red;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  border-color: transparent;
  color: #ffffff;
}

.e-calendar .e-header .e-prev:hover > span,
.e-calendar .e-header .e-next:hover > span {
  color: #ffebad;
  cursor: pointer;
}

/* ---------------------- */
/* SYNCFUSION DROPDOWNLIST */
/* ---------------------- */
.e-ddl.e-popup {
  background: #ffebad;
  border: 1px solid #26204f;
  position: absolute;
  margin-top: 0;
}
.e-ddl.e-popup .e-list-item {
  border-color: #eceaff;
  background-color: #ffebad;
}
.e-ddl.e-popup .e-list-item:first-child {
  border-radius: 4px 4px 0 0;
}
.e-ddl.e-popup .e-list-item:last-child {
  border-radius: 0 0 4px 4px;
}
.e-ddl.e-popup .e-list-item.e-hover, .e-ddl.e-popup .e-list-item.e-active.e-hover {
  background-color: #c94d4d;
  color: #ffffff;
}
.e-ddl.e-popup .e-list-item.e-item-focus, .e-ddl.e-popup .e-list-item.e-active {
  background-color: #58151c;
  color: #ffffff;
}
.e-ddl .e-input[readonly] ~ .e-input-group-icon.e-ddl-icon,
.e-ddl .e-control-wrapper.e-ddl .e-input[readonly] ~ .e-input-group-icon.e-ddl-icon {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  color: #ffffff;
}
.e-ddl .e-input[readonly] ~ .e-input-group-icon.e-ddl-icon:hover,
.e-ddl .e-control-wrapper.e-ddl .e-input[readonly] ~ .e-input-group-icon.e-ddl-icon:hover {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
  color: #ffebad;
}

/* ============================
   STILI POPUP TIMEPICKER
============================ */
.e-timepicker.e-popup {
  position: absolute;
  top: 100%;
  transform: translateY(-4px);
  background-color: #ffebad;
  border: 1px solid #26204f;
  border-radius: 6px;
  box-shadow: none;
}
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
  color: #26204f;
  background: #ffebad;
  border-color: #eceaff;
}
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:first-child {
  border-radius: 4px 4px 0 0;
}
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:last-child {
  border-radius: 0 0 4px 4px;
}
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
  background-color: #c94d4d;
  color: #ffffff;
  border: none;
}
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-item-focus, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
  background-color: #58151c;
  color: #ffffff;
}
.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-item-focus.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
  background-color: #c94d4d;
  color: #ffffff;
}

.e-time-wrapper .e-input-group-icon.e-icons.e-active {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
  border-color: #58151c;
  color: #ffebad;
}

.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
  background: linear-gradient(180deg, #58151c -25%, #c94d4d 125%);
  color: #ffffff;
}
.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon:hover,
.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon:hover {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
  color: #ffebad;
}

.e-dropdownbase .e-list-item {
  border-color: #eceaff;
  background-color: #ffebad;
}
.e-dropdownbase .e-list-item.e-hover, .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: #c94d4d;
  color: #ffffff;
}
.e-dropdownbase .e-list-item.e-item-focus, .e-dropdownbase .e-list-item.e-active {
  background-color: #58151c;
  color: #ffffff;
}

.e-ddl.e-popup {
  background: #ffebad;
  border: 1px solid #26204f;
  position: absolute;
  margin-top: 0px;
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item {
  background: #ffebad;
  color: #26204f;
}
.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item:hover {
  color: #ffffff;
}
.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
  background: #ffebad;
  color: #26204f;
}
.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:hover {
  color: #ffffff;
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-hover,
.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
  background: rgb(255, 247.4390243902, 224);
  color: #26204f;
}

.e-multiselect .e-dropdownbtn {
  display: block !important;
}

.e-checkbox-wrapper .e-frame,
.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame {
  background-color: #ffffff;
  border-color: #26204f;
}
.e-checkbox-wrapper .e-frame:hover,
.e-checkbox-wrapper .e-frame.e-check:hover,
.e-css.e-checkbox-wrapper .e-frame:hover {
  background-color: #ffffff;
}
.e-checkbox-wrapper .e-frame.e-check,
.e-checkbox-wrapper .e-frame.e-check.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #c94d4d;
  border-color: black;
  color: #ffffff;
}
.e-checkbox-wrapper .e-frame.e-check:hover,
.e-checkbox-wrapper .e-frame.e-check.e-check:hover,
.e-css.e-checkbox-wrapper .e-frame.e-check:hover {
  background-color: #58151c;
  border-color: #58151c;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.e-input-group:not(.e-disabled) .e-input-group-icon:active,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
  background: linear-gradient(0deg, #58151c -25%, #c94d4d 125%);
  color: #ffffff;
}
.e-input-group:not(.e-disabled) .e-input-group-icon:hover:hover, .e-input-group:not(.e-disabled) .e-input-group-icon:hover:active,
.e-input-group:not(.e-disabled) .e-input-group-icon:active:hover,
.e-input-group:not(.e-disabled) .e-input-group-icon:active:active,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover:active,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active:hover,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active:active {
  color: #ffebad !important;
}

.e-ddl.e-input-group.e-control-wrapper.e-input-focus::before, .e-ddl.e-input-group.e-control-wrapper.e-input-focus::after {
  background: #eceaff;
}

.e-popup.e-popup-open.e-dialog {
  border-bottom: 1px solid #ffffff;
  background-color: #eceaff;
}

.e-dialog .e-dlg-header-content {
  /*  border-bottom: 1px solid $light;
  */
  padding: 0.5rem;
  color: #ffebad;
  background: linear-gradient(135deg, #26204f -50%, rgb(160.2972972973, 152.5135135135, 213.4864864865) 150%);
}

.e-dialog .e-dlg-content {
  background-color: #eceaff;
}

.e-dialog .e-footer-content {
  padding: 0rem 0.5rem 0.5rem 0.5rem;
  border-top: none;
}

.e-dlg-header, .e-dlg-header * {
  color: #ffffff;
}

.e-dialog .e-footer-content {
  border-top: none;
}

/*@media (max-width: 768px) {
  // Nascondo l'intestazione
  table.tabella-verticale thead {
    display: none;
  }
  // Ogni riga diventa una griglia verticale
  table.tabella-verticale tbody tr {
    display: grid;
    grid-template-columns: 1fr; // una colonna piena per fallback
    row-gap: 0.5rem; // spazio tra i “campi” della riga
    margin-bottom: 1rem; // separazione tra righe
    padding: 0.5rem;
    background-color: var(--tabella-celle-bg);
    border-radius: 0.25rem;
  }
  // Ogni cella diventa un “contenitore” grid con label + valore
  table.tabella-verticale tbody td {
    display: grid;
    grid-template-columns: 40% 60%; // 40% label, 60% valore
    align-items: center;
    padding: 0.25rem 0;
    background-color: var(--tabella-celle-bg);
    color: var(--tabella-color-dispari);
  }
  // Label prima del valore usando data-label
  table.tabella-verticale tbody td::before {
    content: attr(data-label);
    font-weight: bold;
    text-align: left;
    padding-right: 0.5rem;
  }
  // Syncfusion controls: nulla da cambiare, restano figli della griglia
  table.tabella-verticale tbody td > .e-dropdownlist,
  table.tabella-verticale tbody td > .e-autocomplete,
  table.tabella-verticale tbody td > .e-multiselect {
    width: 100%; // occupa tutta la colonna valore
  }
}*/
/*
.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active {
  border-color: $primary;
  background: linear-gradient(180deg, $primary -25%, $primary-light 125%);
}

.e-switch-wrapper.e-switch-disabled .e-switch-inner, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner {
  opacity: 1;
}
*/
/*
.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on, 
.e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner .e-switch-on {
  color: $primary;
  opacity: 1;
  background-color: $light;
}*/
/*.switch-disabled {
  background-color: #444 !important;*/ /* grigio scuro */
/*color: #eee !important;*/ /* grigio chiaro */
/*border-color: #444 !important;
  transition: background-color 0.3s ease, color 0.3s ease;*/ /* transizione morbida */
/*}

.switch-disabled .e-switch-inner,
.switch-disabled .e-switch-handle {
  background-color: #444 !important;
  color: #eee !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.switch-disabled .e-switch-on,
.switch-disabled .e-switch-off {
  color: #eee !important;
  transition: color 0.3s ease;
}*/
.label-fissa {
  width: 150px;
  min-width: 150px;
}