/* W Home brand palette
 * Brand cyan:       #01A0DD
 * Functional blue:  #0085BB
 * Active/hover blue:#006A96
 * Soft background:  #F3F8FA
 */

body,
#root,
main,
[role="main"] {
  background-color: #f3f8fa;
}

/* Primary actions */
.MuiButton-containedPrimary,
.MuiFab-primary {
  color: #fff !important;
  background-color: #0085bb !important;
}

.MuiButton-containedPrimary:hover,
.MuiButton-containedPrimary:focus-visible,
.MuiFab-primary:hover,
.MuiFab-primary:focus-visible {
  background-color: #006a96 !important;
}

.MuiButton-outlinedPrimary,
.MuiButton-textPrimary,
.MuiIconButton-colorPrimary,
.MuiLink-colorPrimary {
  color: #0085bb !important;
}

.MuiButton-outlinedPrimary {
  border-color: #0085bb !important;
}

.MuiButton-outlinedPrimary:hover,
.MuiButton-outlinedPrimary:focus-visible {
  color: #006a96 !important;
  border-color: #006a96 !important;
  background-color: rgba(1, 160, 221, 0.08) !important;
}

/* Tabs, selections and form controls */
.MuiTabs-indicator,
.MuiLinearProgress-barColorPrimary {
  background-color: #01a0dd !important;
}

.MuiTab-textColorPrimary.Mui-selected,
.MuiPaginationItem-root.Mui-selected,
.MuiCheckbox-colorPrimary.Mui-checked,
.MuiRadio-colorPrimary.Mui-checked,
.MuiSwitch-colorPrimary.Mui-checked,
.MuiCircularProgress-colorPrimary {
  color: #0085bb !important;
}

.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track {
  background-color: #01a0dd !important;
}

.MuiPaginationItem-root.Mui-selected {
  background-color: rgba(1, 160, 221, 0.14) !important;
}

/* Keyboard focus should remain visible and on-brand. */
:focus-visible {
  outline-color: #01a0dd;
}

/* Preserve the white icon used over selected blue navigation circles. */
[role="block"] [role="menu"] > a > .MuiMenuItem-root.Mui-selected > .MuiListItemIcon-root .ico {
  color: #fff !important;
}