BODY {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  padding: 0;
  margin: 0;
  font-weight: 400;
  background-color: #ececec;
  color: rgba(0, 0, 0, 0.87);
}

a {
  color: var(--primaryMainColor);
  text-decoration: none;
}

a:hover {
  color: var(--primaryMainHoverColor);
  text-decoration: underline;
}

.MuiButton-contained {
  box-shadow: none !important;
}

body .MuiButton-root {
  font-weight: 400;
}

body .MuiButton-root.MuiButton-contained,
body .MuiButton-root.MuiButton-outlined {
  text-transform: none;
  padding: 0 6px;
  height: 48px;
}

body .MuiButton-root.MuiButton-sizeLarge {
  padding: 0 8px;
  height: 56px;
}

body .MuiButton-root.MuiButton-outlinedSizeSmall {
  height: 40px;
  box-sizing: border-box;
}

body .MuiButton-root.MuiButton-outlined {
  border-width: 2px;
  box-sizing: border-box;
}

body .MuiButton-containedPrimary {
  border-width: 2px;
}

body .MuiButton-contained.Mui-disabled,
body .MuiButton-contained[disabled],
body .MuiButton-contained:hover.Mui-disabled {
  background-color: var(--primaryLightColor);
  color: white;
}

body .MuiPaper-elevation1 {
  box-shadow: 0px 2px 4px #00000029;
}

/* Primary used for legacy generated pages */
.legacy-page-container a,
.legacy-page-container a:visited,
.legacy-page-container a:active {
  color: var(--primaryMainColor);
}

.legacy-page-container a:hover {
  color: var(--primaryMainHoverColor);
}