body,
html{
	margin: 0;
	padding: 0;
	height:100% !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	}

html{
	font-size: 14px;
}

body{
	background: hsl(0, 0%, 79%);
	font-size:1em;
	line-height: 1.6em;
	font-family: 'Kitbooth Sans', Myriad, Arial, sans-serif;
	cursor: default;
	color: hsl(0, 0%, 20%);
	}

::-webkit-scrollbar {
  width: 1em;
}

::-webkit-scrollbar-track {
	background-color: hsl(0, 0%, 80%);
  border-left: 1px solid hsl(0, 0%, 76%);
}

::-webkit-scrollbar-thumb {
	background-color: hsl(0, 0%, 95%);
	border-left: 1px solid hsl(0, 0%, 84%);
}

.light{
	color: hsl(0, 0%, 60%);

}

a{
	color:black;
	cursor: pointer;
	}

a:visited{
	color:black;
	}

img{
	border:none;
	}

table{
	border-spacing: 0;
	}

table td{
	padding: 0;
	}

ul {
	padding-left: 2em;

}

h1 {
	font-size: 2em;
	font-weight: bold;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 2em 0;
}

h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1em 0;
}

h5 {
	font-size: 1.15em;
	font-weight: normal;
	margin: 0 0 1em 0;
}

h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;

}

input[type=text],
input[type=password],
textarea{
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	cursor: text;
}

.selectable, pre{
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	cursor: text;
}

label,
button{
	cursor: pointer;
}

div.page{
	min-width:700px;
	/*min-height: 500px;*/
	padding: 4rem 0 1rem;
	box-sizing: border-box;
  min-height: 100%;
	}

div.sub_menu + div.page{
	padding-top: 6rem;
}

body > div.header{
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	background: hsl(0, 0%, 97%);
  height: 2rem;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	padding: 0	1rem 0 1rem;
	box-sizing: border-box;
}

div.page{
	z-index: 0;
	position: absolute;
	min-width: 100%;
	box-sizing: border-box;
	display: grid;
	}

div.header h1{
	color: hsl(0, 0%, 42%);
  font-size: 1.15rem;
  /* font-weight: normal; */
  line-height: 2rem;
  margin: 0;
  text-align: center;
	text-transform: uppercase;
	/* letter-spacing: 0.02em; */
	}

div.header a.logo{
	float: left;
	line-height: 2rem;
	}

div.header a.logo img{
	height: 16px;
	vertical-align: sub;
	}

html .header a.button {
	float: right;
 	margin: .2rem 0 0 .2rem;
}

html .header a.red.button {
	border-color: hsl(359, 46%, 49%);
}


.green{
	color:hsl(83, 72%, 36%);
}

.blue{
}

.red{
	color: hsl(359, 46%, 49%);
}

.yellow{
	color: hsl(55,100%,37%);
}