@charset "utf-8";
/* CSS Document */

/* ELEMENTS */

body {
	font-family: 'Roboto Condensed', sans-serif;
	
}

h1 {
	font-size: 30px;
	margin: 0px;
}

h2 {
	font-size: 20px;
	margin: 0px;
}

li {
	padding: 10px;
}

input {
	padding: 5px;
	font-size: 16px;
}

select {
	padding: 5px;
	font-size: 16px;
}

textarea {
		padding: 5px;
		font-size: 16px;
}



/* CUSTOM DIVS - CONTAINERS */

.headerContainer {
	height: 180px;
	opacity: 90%;
	background-color: #000000;
	width: 102%;
	margin: -8px;
	color: #FFFFFF;
}

.headerSub {
	width: 900px;
	margin: auto;
	padding: 15px;
}

.headerLogo {
	display: inline-block;
	width: 267px;
	height: 144px;
	background-image: url("images/logo.png")
}

.headerBase {
	height: 10px;
	width: 100%;
	background-color: #8BE41D;
}

.bodyContainer {
	width: 900px;
	margin: auto;
	padding: 15px;
	margin-top: -3px;
}

/* CUSTOM DIVS - MENU */

.menuItem {
	padding: 10px;
	font-size: 20px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: middle;
	border-right: solid 1px #8BE41D;
	cursor: pointer;
}

.menuItem:hover {
	color: #8BE41D;
}

/* ALIGNMENT */

.inline {
	display: inline-block;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle
}

.bottom {
	vertical-align: bottom;
}

.right {
	float: right;
}

/* CUSTOM BUTTON */

.button-4 {
  appearance: none;
  background-color: #FAFBFC;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
  box-sizing: border-box;
  color: #24292E;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  padding: 6px 16px;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: break-word;
}

.button-4:hover {
  background-color: #F3F4F6;
  text-decoration: none;
  transition-duration: 0.1s;
}

.button-4:disabled {
  background-color: #FAFBFC;
  border-color: rgba(27, 31, 35, 0.15);
  color: #959DA5;
  cursor: default;
}

.button-4:active {
  background-color: #EDEFF2;
  box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
  transition: none 0s;
}

.button-4:focus {
  outline: 1px transparent;
}

.button-4:before {
  display: none;
}

.button-4:-webkit-details-marker {
  display: none;
}

/* FORMATTING */

.bold {
	font-weight: bold;
}

.link {
	cursor: pointer;
}

.link:hover {
	color: blue;
}

/* CHARTS */

.chartHead {
	display: inline-block; vertical-align: middle; background-color: #eeeeee; font-weight: bold; padding: 8px;
}

.chartHeadRow {
	border-bottom: solid 1px #cccccc;
}

.chartCell {
	display: inline-block; vertical-align: middle; padding: 8px;
}

.chartRow {
	border-bottom: dotted 1px #cccccc;
}

.chartRow:hover {
	background-color: #E5E9FF;
}