.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: auto;
  height: 2.75rem;
  border: 0;
  margin-left: 20rem;
}

.s-mobile-header-logo {
  width: auto;
}

.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: 90%;
  height: 55px;
  padding: 15px 10px 15px 0px;
  border-bottom: 0.5px solid var(--palette7)
}

.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;
  --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(--palette7);
  --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 */
.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;
}