/**************************/
/*       Typography       */
/**************************/

:root {
  --font-family-header: var(--header-font), "Helvetica", "Arial", sans-serif;
  --font-family: var(--primary-font), "Helvetica", "Arial", sans-serif;
}

.MuiTypography-root {
  font-family: var(--font-family);
  word-break: break-word;
  letter-spacing: 0;
}

h1.MuiTypography-root {
  font-family: var(--font-family-header);
  font-size: var(--fs-xxl);
  line-height: var(--lh-xxl);
}

h2.MuiTypography-root {
  font-family: var(--font-family-header);
  font-size: var(--fs-xl);
  line-height: var(--lh-xl);
}

h3.MuiTypography-root {
  font-family: var(--font-family-header);
  font-size: var(--fs-lg);
  line-height: var(--lh-lg);
  font-weight: bold;
}

h4.MuiTypography-root {
  font-family: var(--font-family-header);
  font-size: var(--fs-md);
  line-height: var(--lh-md);
  font-weight: bold;
}

h5.MuiTypography-root {
  font-family: var(--font-family-header);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
}

p.MuiTypography-root {
  font-size: var(--fs-sm);
  line-height: 150%;
}

span.MuiTypography-root {
  font-size: var(--fs-sm);
  line-height: 150%;
}

/**************************/
/*         Cards          */
/**************************/

.MuiCard-root {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.MuiCard-root:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/**************************/
/*         Chips          */
/**************************/

.MuiChip-root {
  height: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

/**************************/
/*     Dialog Actions     */
/**************************/

.MuiDialogTitle-root,
.MuiDialogContent-root,
.MuiDialogActions-root {
  padding: 1rem;
}

.MuiDialogContent-root {
  padding-right: 0;
  padding-left: 0;
}

.MuiDialogActions-root {
  background-color: var(--lightest-grey);
}

/**************************/
/*    List item's icon    */
/**************************/

.MuiListItemIcon-root {
  min-width: 40px; /* moves the icon closer to the text */
}

/**************************/
/*          Input         */
/**************************/

.MuiFilledInput-root {
  background-color: white;
}

.MuiFilledInput-root.MuiInputBase-multiline {
  padding: 8px 12px 9px 12px;
}

/**************************/
/*       Accordion        */
/**************************/

.MuiAccordion-root.Mui-disabled {
  background-color: var(--lightest-grey);
}

/**************************/
/*       Tree item        */
/**************************/

/* avoids confusion in the selection of the tree item */
.MuiTreeItem-content.Mui-focused {
  background-color: transparent;
}

/**************************/
/*       Inputs           */
/**************************/

.MuiInputBase-root.Mui-disabled:before {
  border-bottom-style: solid;
}

.MuiInputBase-input.MuiFilledInput-input.Mui-disabled {
  -webkit-text-fill-color: #7e7e7e;
}

/************************/
/*       Tooltips       */
/************************/

.MuiTooltip-tooltip {
  padding: 0.5rem;
  font-weight: normal;
  font-size: var(--fs-xs);
}