:root {
  /* --c-seagreen: #38AAA8;
  --c-dark-seagreen: #277775;
  --c-seagreenOpacity: #38aaa870;
  --c-red: #EB194D;
  --c-dark-text: #5B5150;
  --c-davygrayPress: #887978;
  --c-yellow: #F5DE66;
  --c-dark-yellow: #bcaa4d;
  --c-yellowOpacity: #F5DE6670;
  --c-violet: #A91F6B;
  --c-orange: #EB5C53;
  --c-dark-orange: #a8423b;
  --c-orangeOpacity: #EB5C5370;
  --c-purple: #6060A5;
  --c-greenwhite: #EDEDE3; */

  --c-ivory: #F7F7F5;
  --c-violet: #8583DB;
  --c-thalassophile: #42A4DB;
  --c-blue: #4F7DAA;
  --c-navy: #3E4B78;
  --c-goldenrod: #E5AA48;
  --c-dark-goldenrod: #af8137;
  --c-goldengor-opacity: #e8ca9194;
  --c-valencia: #E5796A;
  --c-dark-valencia: #a3584e;
  --c-fuchsia: #DF315E;
  --c-lips: #A71F6B;
  --c-magento: #AA67C9;
  --c-red: #CF0920;
  --c-tiffany: #84C1BC;
  --c-dark-tiffany: #5e8581;
  --c-greenyellow: #AABF5C;
  --c-fiorito: #C1C0B2;
  --c-fauxdark: #444141;

  --c-white: #FFFFFF;
  --c-disabledBg: rgb(230, 230, 230);
  --c-disableColor: rgb(110, 110, 110);
  --c-disableColorText: rgb(150, 150, 150);
  --c-disableBorder: rgb(175, 175, 175);
  --c-blackOpacity: rgba(0, 0, 0, 0.3);




  --c-anagrafica: var(--c-lips);
  --c-anagrafica-opacity: #a71f6c57;
  --c-obiettivi: var(--c-fuchsia);
  --c-risorse: var(--c-valencia);
  --c-soluzioni: var(--c-thalassophile);
  --c-soluzioni-opacity: #42a3db40;

  --c-reddito: var(--c-fauxdark);
  --c-valore: var(--c-violet);
  --c-patrimonio: var(--c-red);
  --c-sogni: var(--c-goldenrod);
  --c-button-sogni: var(--c-goldenrod);
  --c-button-sogni-green: var(--c-tiffany);
  --c-babysitter: var(--c-valencia);
  --c-babysitter-opacity: #e2a49157;
  --c-compiti: var(--c-lips);
  --c-compiti-opacity: #e7a0d740;
  --c-domestica: var(--c-navy);
  --c-domestica-opacity: #91a3e240;
  --c-psicologo: var(--c-magento);
  --c-psicologo-opacity: #d7a0f157;
  --c-manutenzioni: var(--c-fauxdark);
  --c-altro: var(--c-blue);
  --c-percorso-studi: var(--c-goldenrod);
  --c-studio-add-people: var(--c-goldenrod);
  --c-studio: var(--c-goldenrod);
  --c-casa: var(--c-goldenrod);
  --c-premorienza: var(--c-fauxdark);
  --c-infortunio: var(--c-fauxdark);
  --c-malattia: var(--c-fauxdark);
  --c-autosuff: var(--c-fauxdark);

  --c-fabbisogni-add: var(--c-tiffany);
  --c-fabbisogni-diff: var(--c-red);
  --c-fabbisogni-equals: var(--c-valencia);
  --c-fabbisogni-prod: var(--c-violet);

  --c-graph-1: var(--c-goldenrod);
  --c-graph-1-b: var(--c-dark-goldenrod);
  --c-graph-2: var(--c-valencia);
  --c-graph-2-b: var(--c-dark-valencia);
  --c-graph-3: var(--c-tiffany);
  --c-graph-3-b: var(--c-dark-tiffany);

  --c-neutro: var(--c-fauxdark);

  --c-completed: var(--c-tiffany);
  --c-loading: var(--c-navy);
  --c-error: var(--c-red);

  --c-plus: var(--c-tiffany);
  --c-minus: var(--c-red);

  --c-dark-text: var(--c-fauxdark);

  font-family: 'Plus Jackarta Sans' !important;
}

.hole {
  background-color: #00000040;
}
.timeframe-container > .hole{
  background-color: var(--ion-color-sfondo);
}

.points {
  padding: 0 15px;
  background-color: #00000020;
  border-radius: 10px;
  overflow: hidden;
}

.point-hover {
  position: absolute;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  margin: 0 5px;
  transition:width 0.25s;
  -webkit-transition:width .25s;
  -moz-transition: width 0.25s;
}


.points.external {
  display: none !important;
}

.legenda > .labels#anagrafica {
  color: var(--c-anagrafica);
}

.legenda > .labels#obiettivi {
  color: var(--c-obiettivi);
}

.legenda > .labels#risorse {
  color: var(--c-risorse);
}

.legenda > .labels#fabbisogni {
  color: var(--c-soluzioni);
}

.legenda > .labels#soluzioni {
  color: var(--c-soluzioni);
}

.babysitter-foreground > input {
  color: var(--c-babysitter);
  background-color: var(--c-babysitter-opacity) !important;
}

.compiti-foreground > input {
  color: var(--c-compiti);
  background-color: var(--c-compiti-opacity) !important;
}

.domestica-foreground > input {
  color: var(--c-domestica);
  background-color: var(--c-domestica-opacity) !important;
}

.psicologo-foreground > input {
  color: var(--c-psicologo);
  background-color: var(--c-psicologo-opacity) !important;
}

.height-leo{
  height:30px !important;
}
.total-sogni{
  font-weight: bold !important;
  color:var(--c-studio) !important;
}

.anagrafica-colored {
  color: var(--c-anagrafica);
  font-weight: bold;
}

.anagrafica-colored > input {
  color: var(--c-anagrafica);
  background-color: var(--c-anagrafica-opacity) !important;
}

.soluzioni-colored {
  color: var(--c-soluzioni) !important;
  font-weight: bold;
}

.soluzioni-colored > input {
  color: var(--c-soluzioni);
  background-color: var(--c-soluzioni-opacity) !important;
}