:root {
  --primary-font-color: #424242;
  --secondary-font-color: rgb(133, 133, 133);
  --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;
  --label-padding: 0.4rem 0.8rem 0.3rem 0.8rem;
  --loading-bar-primary-color: var(--primary-color);
  --loading-bar-secondary-color: rgb(33, 166, 255);

  --app-bar-background: rgb(0, 50, 125);
  --app-bar-color: white;

}

html {
  font-family: Arial, Verdana, Century Gothic;
  color: var(--primary-font-color);
	box-sizing: border-box;
	height: 100%;
  width: 100%;
	overflow: hidden;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
  margin: 0;
  height: 100%;
  background-color: rgb(250, 250, 250);
}
a {
	text-decoration: none;
}
/*
main-menu {
	display: inline-block;
  height: 100%;
	width: 16%;
  max-width: 300px;
	background-color: rgb(253,253,253);
	box-shadow: 0px 0px 4px 1px rgb(166, 166, 166);
}
*/
input, select {
	color: var(--primary-font-color);
	font-size: 1rem;
	border-radius: 0.3rem;
	border: 1px solid rgb(200, 200, 200);
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	outline: none;
	margin-right: 1.2rem;
}
input:focus, select:focus {
	color: var(--primary-color);
}
select {
	cursor: pointer;
	/*-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;*/
}
select::-ms-expand {
    display: none;
}
select option {
	color: var(--primary-font-color);
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}