a:link {
  text-decoration: none;
  color: blue;
}
a:visited {
  text-decoration: none;
  color: blue;
}
a:hover {
  text-decoration: none;
  color: lightblue;
}
a:active {
  text-decoration: none;
  color: blue;
}

hr {
  color: darkgrey;
  height: 1px;
  border-style: none;
}

form {
  display: inline;
}
img {
  display: inline;
  vertical-align: middle;
  border: 0;
}

table,
th,
td {
  padding: 3px;
  border-style: none;
  border-width: 1px;
  border-collapse: collapse;
}

table.fixedwidth {
  width: 650px;
}

table.center {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  padding: 5px;
}

table.center td {
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
}
tr.alt {
  background-color: #d0d0d0;
}

button, .button {
  border-radius: 5px;
  /* display: inline-block;
  border: none;
  padding: 1rem 2rem;
  margin: 0;
  text-decoration: none;
  background: #0069ed;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, 
              transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none; */
}

.nav {
  position: sticky;
  top: 0;
  background-color: white;
}

.lt {
  text-align: left;
}
.ctr {
  text-align: center;
}
.rt {
  text-align: right;
}
.hlt {
  background-color: yellow;
}

.green {
  background-color: lightgreen;
}

.blue {
  background-color: lightskyblue;
}

table.grid {
  /*font-family: verdana,arial,sans-serif;*/
  /*font-size:14px;*/
  /*width:100%;*/
  color: #333333;
  border-style: solid;
  border-width: 1px;
  /*border-color:#666666;
	border-collapse:collapse;*/
}

table.grid tr {
  /*text-align:left;*/
  border-width: 1px;
  /*padding:8px;*/
  border-style: solid;
  /*border-color:#666666;*/
  /*background-color:#ffffff;*/
}
table.grid tr:hover {
  background-color: #ccffcc;
  cursor: pointer;
}
table.grid th {
  /*text-align:left;*/
  /*border-width:1px;*/
  padding: 8px;
  border-style: solid;
  /*border-color:#666666;*/
  background-color: #d0d0d0;
}
table.grid td {
  /*border-width:1px;*/
  padding: 2px;
  border-style: solid;
  /*border-color:#666666;*/
  /*background-color:#ddccdd;*/
}
table.grid.hlt td {
  background-color: yellow;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
  body {
    background-color: #d0e4fe;
  }
  #login {
    width: 600px;
    height: 75px;
    font-size: 50px;
  }
  #loginsubmit {
    width: 450px;
    height: 100px;
    font-size: 75px;
    margin: 10px;
    border: 5px; /*none*/
    border-radius: 15px;
    -webkit-border-radius: 15px;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}