:root {
  --primary-font-color: rgb(66, 66, 66);
  /*--secondary-font-color: rgb(133, 133, 133);*/
  --secondary-font-color: rgb(111, 111, 111);
  --tertiary-font-color: rgb(166, 166, 166);
	--primary-color: rgb(0, 66, 166);
	--negative-primary-color: rgb(200, 20, 20);
  --hover-color: rgb(215, 235, 244);
  --highlight-color: rgb(215, 235, 244);
  --negative-highlight-color: rgb(244, 225, 225);
  --border-color: rgb(220, 220, 220);
  --divider-color: rgb(240, 240, 240);
  --icon-color: rgb(200, 200, 200);
  --icon-button-background: none;
  --max-site-width: 1600px;
  --loading-bar-primary-color: var(--primary-color);
  --loading-bar-secondary-color: rgb(33, 166, 255);

  --label-padding: 0.4rem 0.8rem 0.3rem 0.8rem;

  --app-bar-background: rgb(0, 70, 175);
  --app-bar-color: white;
}

html {
  font-family: Arial, Verdana, Century Gothic;
  color: var(--primary-font-color);
	box-sizing: border-box;
	height: 100%;
  width: 100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
  margin: 0;
  height: 100%;
}
page-footer {
  flex-shrink: 0;
}
a {
	text-decoration: none;
}