body {
  margin: 0;
}

:focus {
  outline: 0 !important;
}

/* Overrides the background colour on the home page (default is palette/primary/main colour) */
#id_home_page {
 background-image: url('/dotstatsuite-config/assets/default/data-explorer/images/polygons-banner.png'),linear-gradient(90deg,#0e1d45 0,#153d73 50%,#326297) ;
 background-color: #0070C9;
 }
 
/* Overrides the background colour on the 2nd header bar - with the dotStat Explorer logo (default is palette/primary/main colour) */
header.MuiAppBar-colorPrimary[data-testid=deappbar] {
 	background-color:  #222;
 }

/* This targets the text of subfilters (seen when expanding Filters) */
p.MuiTypography-colorPrimary {
	color: #000;
}

/* Hover colour for buttons (eg, Apply Layout button in Customise) */
button.MuiButton-containedPrimary:hover {
	background-color: #153D73;
}

/* Colour for menu buttons (eg, Labels, Customise, Share, etc) */
button.MuiButton-textPrimary {
	color: #2f5d8f;
}

/* Hover colour for menu buttons (eg, Labels, Customise, Share, etc) */
button.MuiButton-textPrimary:hover {
	background-color: #DDF0FF;
}

/* Hover decoration for dataflow links on search results */
a.MuiTypography-root:hover {
	text-decoration: underline;
}

/* Dimension text under Dataflow header*/
div.css-ygnwct {
	color: #6f6f6f;
}

/* Dataflow link below data */
a.css-1y0mqmg {
	color: #6b6b6b;
}

a.css-1y0mqmg:hover {
	color: #106ba3 !important;
}

/* Copyright symbol */
span.css-1hwc4tz {
	color: #6b6b6b;
}

span.css-1hwc4tz:hover {
	color: #106ba3 !important;
}

/*Home page buttons text colour*/
button[aria-label="Economy"] > span{
	color: #FFF !important;
}

button[aria-label="Labour"] > span{
	color: #FFF !important;
}

button[aria-label="Industry"] > span{
	color: #FFF !important;
}

button[aria-label="People"] > span{
	color: #FFF !important;
}

button[aria-label="Health"] > span{
	color: #FFF !important;
}

button[aria-label="Environment"] > span{
	color: #FFF !important;
}

button[aria-label="Snapshots"] > span{
	color: #FFF !important;
}

button[aria-label="Data by region"] > span{
	color: #FFF !important;
}

button[aria-label="Census 2011"] > span{
	color: #FFF !important;
}

button[aria-label="Census 2016"] > span{
	color: #FFF !important;
}

button[aria-label="Census 2021"] > span{
	color: #FFF !important;
}

button[aria-label="Census 2026"] > span{
	color: #FFF !important;
}

/*cell Limit warning icon*/
path[fill="#326297"]{
	fill: #f7a42c !important;
}