:root {
  --rosso: #6b231f;
  --beige: #cfc5b1;
  --grey1: #f1eee8;
  --grey2: #ffffff;
  --grey3: #ebebeb;
  --grey4: #aeaeae;
  --grey5: #818181;
  --grey6: #3c3c3b;
  --buttons: 28px;
  --h1: 32px;
  --tab-title: 14px;
  --subtitle: 22px;
  --subtitle-regular: 22px;
  --subtitle-regular-low: 22px;
  --subtitle-book: 22px;
  --book: 18px;
  --small: 14px;
  --extrasmall: 12px;
  --smallbuttons: 14px;
  --regular: 18px;
  --small: 20px;
}

body {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel Book, sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important; /* 125% */
  letter-spacing: 0.32px !important;
  font-synthesis: none !important;
}

.title-name-cliente {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  letter-spacing: 0.56px;
  text-transform: uppercase;
}

.text-grey-info {
  color: var(--neutral-300, #aeaeae);
  font-family: Nobel;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: 0.32px;
}

.percent-cliente {
  color: var(--neutral-100, #fff);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px; /* 100% */
  letter-spacing: 0.2px;
}

.div-percent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
}
/*-------------------------------*/

.point-icon {
  width: 36px;
  height: 36px;
  display: flex;
  font-size: 24px;
}

.avatar-staff-services {
  width: 52px !important;
  height: 52px !important;
}

.title-xl {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 111.111% */
  letter-spacing: 0.72px;
}
.title-lg {
  color: var(--neutral-500, #3c3c3b);
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  letter-spacing: 0.56px;
}

.subtitle-lg {
  color: var(--neutral-300, #aeaeae);
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel Book;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}

.title-ld {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel Book;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 100% */
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

.title-md {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  letter-spacing: 0.56px;
}

.subtitle-md {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 100% */
  letter-spacing: 0.4px;
}

.text-md {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel Book !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important; /* 125% */
  letter-spacing: 0.32px !important;
}

.form-text,
.subtitle-sm {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel Book;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  
}

.text-grey {
  color: var(--neutral-300, #aeaeae);
  font-family: Nobel Book, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: 0.32px;
}

.bg-grey1 {
  background-color: var(--grey1) !important;
}
.bg-grey3 {
  background-color: var(--grey3) !important;
}
.bg-grey4 {
  background-color: var(--grey4) !important;
}
.bg-grey5 {
  background-color: var(--grey5) !important;
}

.avatar-staff {
  width: 101px !important;
  height: 96px !important;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(7, 211px);
  gap: 8px;
  justify-content: start;
}

.services-grid > .mb-4 {
  margin-bottom: 0 !important; /* Elimina il margine inferiore extra se serve */
}

.nav-link {
  font-family: Nobel !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important; /* 120% */
  letter-spacing: 0.4px !important;
}

.dropdown-toggle {
  font-family: Nobel !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.36px !important;
  border: 1px solid #aeaeae !important;
}

label {
  color: var(--neutral-300, #aeaeae);
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}
.form-label {
  color: var(--neutral-300, #aeaeae);
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}
h5,
.h5 {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 114.286% */
  letter-spacing: 0.56px;
}

strong {
  color: var(--neutral-300, #aeaeae);
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}

select.form-select,
.form-control.form-control-sm {
  font-family: Nobel Book, sans-serif !important;
  font-size: 18px !important;
}

.form-control {
  font-family: Nobel Book !important;
  font-size: 18px !important;
}

.btn {
  font-family: Nobel;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  color: var(--grey6);
}

.btn-grey3 {
  background-color: var(--grey3);
  color: var(--grey6);
  border-color: var(--grey3);
}

.calendar-name-w {
  color: var(--neutral-100, #fff);
  font-family: Nobel;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.28px;
}

.calendar-service-g {
  color: var(--action-200, #cfc5b1);
  font-family: Nobel;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.calendar-service-b {
  color: var(--neutral-500, #3c3c3b);
  font-family: Nobel;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.padding-16 {
  padding: 16px !important;
}
.padding-24 {
  padding: 24px !important;
}
.padding-32 {
  padding: 32px !important;
}

.margin-16 {
  margin: 16px !important;
}

.btn-primary {
  color: var(--neutral-100, #fff);
}
.btn-beige {
  border: 1px solid #aeaeae !important;
}


.table th {
  color: var(--neutral-100, #fff) !important;
  font-family: Nobel !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important; /* 128.571% */
  letter-spacing: 0.28px !important;
}

.table a {
  color: var(--action-100, #6b231f);
  font-family: Nobel;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.28px;
}

.td-sm {
  color: var(--neutral-500, #3c3c3b);
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel Book;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: 0.28px;
}

.dataTables_info {
  color: var(--neutral-300, #aeaeae) !important;
  leading-trim: both;
  text-edge: cap;
  font-family: Nobel Book;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}

.text-bg-danger {
  background-color: #f00 !important;
}
.text-bg-warning {
  background-color: #ffb800 !important;
}
.text-bg-success {
  background-color: #00c744 !important;
}

.customer-card > .card-body {
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
}

input:not([type="checkbox"]), textarea, select {
  background-color: rgba(0,0,0,0.0) !important;
}

.service-recensioni {
  width: 195px !important;
  height: 195px !important;
}

.var-100 {
  color: var(--var-100);
}
.var-200 {
  color: var(--var-200);
}
.var-300 {
  color: var(--var-300);
}
.var-100 {
  color: var(--var-100);
}
.var-200 {
  color: var(--var-200);
}
.var-300 {
  color: var(--var-300);
}
.var-400 {
  color: var(--var-400);
}
.var-500 {
  color: var(--var-500);
}
.buttons {
  font-size: var(--buttons);
  line-height: 1.071429;
  font-weight: NaN;
}
.h1 {
  font-size: var(--h1);
  line-height: 1.125;
  font-weight: NaN;
}
.tab-title {
  font-size: var(--tab-title);
  line-height: 0;
  font-weight: NaN;
}
.subtitle {
  font-size: var(--subtitle);
  line-height: 1.090909;
  font-weight: NaN;
}
.subtitle-regular {
  font-size: var(--subtitle-regular);
  line-height: 1.090909;
  font-weight: NaN;
}
.subtitle-regular-low {
  font-size: var(--subtitle-regular-low);
  line-height: 0;
  font-weight: NaN;
}
.subtitle-book {
  font-size: var(--subtitle-book);
  line-height: 0;
  font-weight: NaN;
}
.book {
  font-size: var(--book);
  line-height: 0;
  font-weight: NaN;
}
.small {
  font-size: var(--small);
  line-height: 0;
  font-weight: NaN;
}
.extrasmall {
  font-size: var(--extrasmall);
  line-height: 0;
  font-weight: NaN;
}
.smallbuttons {
  font-size: var(--smallbuttons);
  line-height: 0;
  font-weight: NaN;
}
.regular {
  font-size: var(--regular);
  line-height: 0;
  font-weight: NaN;
}
.small {
  font-size: var(--small);
  line-height: 0;
  font-weight: NaN;
}

.ec-header:has(.staff-card-footer .badge) {
    height: 205px;
}