a[class=button]:link, a[class=button]:visited {
	display: inline;
	padding: 8px 12px;
	background-color: white;
	border: 1px solid green;
	border-radius: 4px;
	color: green;
	text-decoration: none;
}

a[class=button]:hover {
	background-color: green;
	color: white;
}

a:link, a:visited {
	color: green;
}

a:hover {
	color: blue;
}

a:active {
	color: hotpink;
}

input[type=text], input[type=password] {
	border: 1px solid grey;
	border-radius: 4px;
	padding: 8px 12px;
	margin: 4px;
	outline: none;
}

input[type=text]:focus, input[type=password]:focus {
	border: 2px solid black;
	margin: 3px;
}

input[type=submit] {
	background-color: green;
	color: white;
	padding: 8px 12px;
	border: none;
	border-radius: 4px;
	margin: 4px;
	cursor: pointer;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
}

td, th {
    border: 2px solid #dddddd;
    text-align: left;
    padding: 5px;
	white-space: nowrap;
}

tr:nth-child(even), tr:nth-child(even) th {
    background-color: #dddddd;
}

tr:first-child th {
	background-color: #808080;
	color: white;
    position: sticky;
    top: 0;
    z-index: 1;
}

th {
	background-color: #ffffff;
	color: black;
	position: sticky;
    left: 0;
	z-index: 2;
}

tr:first-child th:first-child {
	left: 0;
	z-index: 3;
}

tr:hover {
	background-color: #ffffcc !important;
}

#top_left {
	float: left;
	margin: 4px;
}

#top_right {
	float: right;
	margin: 4px;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 160px;
	background-color: #f1f1f1;
}

li a, .dropbtn {
	display: block;
	color: #000;
	padding: 8px 16px;
	text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn  {
	background-color: green;
	color: white;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  left: 60;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: green;
  padding: 8px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: green;}

.dropdown:hover .dropdown-content {
  display: block;
}