.s-site-logo-img {
  content: url(../images/logo.png);
}

.s-banner-logo-img {
  content: url(../images/logo_banner.png);
}

.s-form-title-logo {
  background-color: transparent;
  height: 50%;
  width: 50%;
  border-radius: 0%;
  background-size: cover;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding: 0.25rem;
}

.s-sidebar-band-logo {
  width: 185%;
  max-width: 560px;
  height: auto;
  border: 0;
  margin: 0 -42.5%;
  display: block;
}

.s-mobile-header-logo {
  width: auto;
  max-height: 2.25rem;
  max-width: 220px;
}

.s-Panel {
  border-radius: var(--panel-border-radius);
}


h5, .h5 {
  font-weight: 600;
}

.btn-primary {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.534rem;
  letter-spacing: 0.02em;
  padding: 10px 20px 10px 20px;
  gap: 10px;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--palette7);
  --bs-btn-border-color: var(--palette12);
  --bs-btn-hover-bg: var(--palette7);
  --bs-btn-hover-border-color: var(--palette12);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--palette7);
  --bs-btn-active-border-color: var(--palette12);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--palette10);
  --bs-btn-disabled-border-color: var(--palette12);
}

.px-field {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.w-40 {
  width: 40%;
}

.modal-content {
  background-color: var(--palette11);
  border-top: 5px solid var(--palette6);
  box-shadow: 0px 5px 20px 0px var(--palette12);
  border-radius: 1px;
  color: var(--palette13);
}
.modal-header {
  background-color: transparent;
  border-bottom: 0px;
}

.modal-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 49.1px;
  text-align: left;
}

.modal-body > .message {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.82px;
  letter-spacing: 0.02em;
  text-align: left;
}

.s-sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
}

.s-sidebar-item.common {
  width: 100%;
  min-height: 55px;
  height: auto;
  padding: 12px 10px 12px 0px;
  border-bottom: 0.5px solid var(--palette7);
}

.s-sidebar-item.common > a,
.s-sidebar-item.common .s-sidebar-link {
  white-space: normal;
  line-height: 1.2;
  overflow: visible;
  text-overflow: clip;
}

.s-sidebar-item.common.customer-menu-after-separator {
  border-top: 2px solid var(--palette7);
  margin-top: 0.75rem;
}

.s-sidebar-icon.common {
  font-size: 1.8rem;
}

.s-CustomerWizard.s-Panel {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0;
}

.s-CustomerWizard.s-Panel>div.panel-titlebar {
  color: var(--palette1);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 50px;
}

.s-CustomerWizard.s-Panel > div.panel-body {
  background-color: var(--palette9);
  border-radius: 10px;
  border: 1px solid var(--Light-grey, #D9D9D9);
  background: var(--White, #FFF);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10);
  flex:none;
}

.wizard-horz ul.property-tabs {
  display: none;
}

.wizard-grid > div.tab-content > div.tab-pane>div.categories {
  padding: 50px
}

.pg-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 50px;
}

.pg-label {
  width: 10%;
  color: var(--palette6);
  font-weight: bold;
  padding-right: 20px;
  padding-left: 5px;
  font-size: large;
  white-space: nowrap;
}

.progress {
  width: 90%;
  height: 1.5rem;
  border-radius: 10px;
  border: 1px solid var(--Light-grey, #D9D9D9);
}

.progress-bar {
  background-color: var(--palette10);
}

div.category-title {
  color: var(--paette8);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}

div.category-title::before {
  border-bottom: 0px dashed rgba(var(--s-bright-rgb), 0.15);
}
div.category-title::after {
  border-bottom: 0px dashed rgba(var(--s-bright-rgb), 0.15);
}
#CustomerWizard0_NextButton > i.fa.fa-chevron-right::before {
  display:none;
}


:root.theme-letspec {
  --palette1: #29235C;
  --palette2: #98c1d9;
  --palette3: #293241;
  --palette4: #e0fbfc;
  --palette5: #b1ce89;
  --palette6: #47D45A;
  --palette7: #36A9E1;
  --palette8: #333333;
  --palette9: #fff;
  --palette10: #D9D9D9;
  --palette11: #F6FAFC;
  --palette12: #00000026;
  --palette13: 29235C;
  --palette14: #a8d2e7;
  --bs-success-rgb: 71, 212, 90;
  --bs-bg-opacity: 0.5;
  --bs-body-bg-rgb: 244, 248, 251;
  --bs-body-bg: var(--palette11);
  --bs-body-color-rgb: 0, 0, 0;
  --bs-link-color: var(--palette1);
  --bs-link-hover-color: var(--palette6);
  --panel-border-radius: 10px;
  --bs-border-radius: 3px;
  --bs-border-color: var(--palette10);
  --bs-body-color: var(--palette8);
  --bs-body-font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --bs-modal-border-radius: 1px;
  --bs-modal-bg: var(--palette10);
  --bs-modal-color: #29235C;
  --s-alt-row-bg: var(--palette14);
  --s-bright-rgb: 11,12,15;
  --s-card-bg: var(--palette9);
  --s-card-border: var(--palette10);
  --s-card-shadow: 0px 5px 20px 0px #0000001A;
  --s-card-title: var(--palette1);
  --s-category-title: var(--palette1);
  --s-deleted: #999;
  --s-disabled: #606570;
  --s-inactive: #999;
  --s-input-bg: #fff;
  --s-input-border: rgba(0, 0, 0, 0.1);
  --s-input-border_dark: rgba(0, 0, 0, 0.5);
  --s-input-border-error: #e83d3d;
  --s-input-clear: #b33f32;
  --s-input-dirty-bg: #ffe0e0;
  --s-input-outline: rgba(38, 113, 203, 0.25);
  --s-input-outline-error: rgba(203, 48, 48, 0.25);
  --s-input-readonly-bg: #f3f3f3;
  --s-modal-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.10);
  --s-no-results: #9880bd;
  --s-placeholder: #777;
  --s-pager-icon: var(--palette1);
  --s-pager-text: var(--palette3);
  --s-scroll-thumb: #c9d0da;
  --s-scroll-thumb-hover: #c3cbd5;
  --s-scroll-track: #e2e8ee;
  --s-sidebar-band-bg: var(--palette1);
  --s-sidebar-band-link: var(--palette7);
  --s-sidebar-band-link-active: var(--palette7);
  --s-sidebar-icon: var(--palette1);
  --s-sidebar-icon-active: var(--palette1);
  --s-sidebar-link: var(--palette1);
  --s-sidebar-link-active: var(--palette1);
  --s-sidebar-band-title: var(--palette11);
  --s-cell-border: rgba(53, 68, 78, 0.1);
  --s-cell-input-border: rgba(221, 221, 221, 0.5);
  --s-column-header: #7f8bb5;
  --s-column-header-hover-bg: rgba(68, 129, 239, 0.25);
  --s-column-header-border: #ebeff2;
  --s-column-footer: #3cacbf;
  --s-tabs-border: rgba(0, 0, 0, 0.1);
  --s-tabs-border-active: #3c78ff;
  --s-tabs-text: #7f8bb5;
  --s-tabs-text-active: #3c78ff;
  --s-tool-icon: #4a4a8e;
  --s-tool-border: rgba(0, 0, 0, 0.1);
  --grid-color: rgba(140, 142, 150, 0.15);
  --needle-color: rgba(140, 142, 150, 1);
  --gauge-sx-color: var(--palette1);
  --gauge-dx-color: var(--palette5);
  --incomes-font-color: var(--bs-card-color);
  --outcomes-font-color: var(--palette11);
  --redd-font-color: var(--bs-card-color);
  --mol-font-color: var(--bs-card-color);
  --cashflow-font-color: var(--bs-card-color);
  --document-font-color: var(--palette11);
  --chart-font-color: rgba(140, 142, 150, 1);
  --gouping-total-bg-color: #3d5a80;
}




.field .caption {
  text-wrap: nowrap;
}

.s-PermissionCheckEditor {
  min-height: 450px;
}

.s-horizontal-divider {
  margin: 1em 0;
  line-height: 0;
  text-align: center;
}

.s-horizontal-divider span {
  background-color: var(--s-card-bg);
  padding: 1em;
}

.s-horizontal-divider:before {
  content: " ";
  display: block;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #f7f7f7;
}

.category {
  overflow: hidden;
}

.field .caption {
  display: flex;
  flex-direction: row-reverse;
}

.s-vertical-form .field .caption {
  flex-direction: row;
}

.modal-title {
  white-space: break-spaces;
}

.field.Coupon {
  align-items: normal;
}
/* label del coupon piccola e allineata a sinistra */
.field.Coupon > caption.Coupon {
  width: fit-content;

}
/* bottone test PEC più piccolo e di colore diverso dai borroni principali */
.license-coupon-row {
  display: flex;
  gap: 12px;
  align-items: center;
  max-width: 640px;
}

.license-coupon-row .form-control {
  min-width: 220px;
}

.license-coupon-row .btn {
  white-space: nowrap;
}

@media (max-width: 575px) {
  .license-coupon-row {
    align-items: stretch;
    flex-direction: column;
  }
}

.testPEC {
  padding: 5px 10px 5px 10px;
  --bs-btn-bg: var(--palette5);
  --bs-btn-hover-bg: var(--palette5);
  --bs-btn-active-bg: var(--palette5);
  margin-left: 5px;
}

/* stili per la selezione delle card prodotti */
.selproduct {
  height: 30px;
}

.fa-check-circle {
  align-self: end;
  color: green;
  font-size: 3rem;
}

.card-selected {
  border-color: green;
  box-shadow: 0px 0px 10px #1f9039;
}

.personalizeBtn {
  margin-left: 10px;
}
/* override degli stili di slickgrid che vanno a colorare di azzurro la riga attivata (editing inline) */
.slick-row.active {
  background-color: inherit;
}
/* per evitare che la riga pari diventi bianca */
.slick-row.active.odd {
  background-color: var(--s-alt-row-bg);
}

/* per evirate che la cella editata e attiva abbia il bordo spesso */
.slick-cell.active .slick-cell.editable {
  background-color: inherit;
  border-style: none none solid none;
  border-color: var(--s-cell-border);
}

/* per avitare che la cella editabile abbia un'ombra */
.slick-cell.editable {
  box-shadow: none;
}

/* per evitare lo sfondo rosa sulle celle modificate */
.slick-cell-dirty .slick-row.active .slick-cell-dirty:not(.editable) {
  background-color: inherit;
}

.s-eml-subject,
.s-eml-sender {
  margin-bottom: 10px;
  font-size: 14px;
}

.s-eml-body {
  max-height: 400px;
  overflow-y: auto;
  padding: 12px;
  border: 1px solid #ccc;
  background-color: #fefefe;
  font-family: sans-serif;
  font-size: 13px;
}

.company-data-page {
  width: 100%;
  padding: 2rem;
}

.company-data-header h1 {
  color: var(--palette1);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.company-data-section {
  background: var(--s-card-bg);
  border: 1px solid var(--s-card-border);
  border-radius: var(--panel-border-radius);
  box-shadow: var(--s-card-shadow);
  margin-bottom: 1.25rem;
  padding: 1.5rem;
}

.company-data-section h2 {
  color: var(--palette1);
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

.company-data-grid {
  display: grid;
  gap: 1rem 1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.company-data-grid label {
  color: var(--palette1);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  gap: 0.35rem;
}

.company-data-grid input,
.company-data-grid select {
  background: var(--s-input-bg);
  border: 1px solid var(--s-input-border);
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  font: inherit;
  min-height: 42px;
  padding: 0.5rem 0.65rem;
}

.company-data-grid select:disabled,
.s-PropertyGrid select:disabled,
.s-Form select:disabled {
  background: #eef2f5;
  color: #7d8790;
  cursor: not-allowed;
  opacity: 0.65;
}

.license-proration-note {
  color: #59636e;
  font-size: 0.85rem;
  margin: 0.5rem 0 0;
}

.company-data-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.license-data-page {
  width: 100%;
  padding: 2rem;
}

.license-data-header h1 {
  color: var(--palette1);
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.license-data-section {
  background: var(--s-card-bg);
  border: 1px solid var(--s-card-border);
  border-radius: var(--panel-border-radius);
  box-shadow: var(--s-card-shadow);
  margin-bottom: 1.25rem;
  padding: 1.5rem;
}

.license-data-section h2 {
  color: var(--palette1);
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

.license-summary-section {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr);
}

.license-summary-plan {
  color: var(--palette7);
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
}

.license-summary-grid,
.license-feature-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.license-summary-grid div,
.license-feature-grid div {
  background: var(--palette11);
  border: 1px solid var(--s-card-border);
  border-radius: var(--bs-border-radius);
  padding: 1rem;
}

.license-summary-grid span,
.license-feature-grid span {
  color: var(--s-disabled);
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

.license-summary-grid strong,
.license-feature-grid strong {
  color: var(--palette1);
  font-size: 1.1rem;
}

.license-feature-grid i {
  color: var(--palette7);
  display: block;
  font-size: 1.35rem;
  margin-bottom: 0.5rem;
}

.license-product-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.license-product-card {
  border: 1px solid var(--s-card-border);
  border-radius: var(--bs-border-radius);
  display: flex;
  flex-direction: column;
  min-height: 280px;
  padding: 1.25rem;
}

.license-product-card header h3 {
  color: var(--palette1);
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0;
}

.license-product-card header p {
  color: var(--palette7);
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0.25rem 0 1rem;
}

.license-product-card dl {
  display: grid;
  gap: 0.5rem;
  margin: 0 0 1rem;
}

.license-product-card dl div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.license-product-card dt {
  color: var(--s-disabled);
  font-weight: 400;
}

.license-product-card dd {
  color: var(--palette1);
  font-weight: 700;
  margin: 0;
}

.license-product-card .btn {
  margin-top: auto;
  width: 100%;
}

.license-current-badge,
.license-unavailable-badge {
  border-radius: var(--bs-border-radius);
  display: block;
  font-weight: 700;
  margin-top: auto;
  padding: 0.7rem 1rem;
  text-align: center;
}

.license-current-badge {
  background: rgba(var(--bs-success-rgb), 0.15);
  color: var(--palette1);
}

.license-unavailable-badge {
  background: var(--palette11);
  color: var(--s-disabled);
}

.license-contact-box {
  align-items: center;
  background: #fff7e6;
  border: 1px solid #f0c36a;
  border-radius: var(--panel-border-radius);
  color: var(--palette8);
  display: flex;
  gap: 0.85rem;
  margin-bottom: 1.25rem;
  padding: 1rem 1.25rem;
}

.license-contact-box i {
  color: #b87503;
  font-size: 1.35rem;
}

.license-contact-box p,
.license-upgrade-note {
  margin: 0;
}

@media (max-width: 768px) {
  .license-data-page {
    padding: 1rem;
  }

  .license-summary-section {
    grid-template-columns: 1fr;
  }
}