CanGrow/playground/html/root/cangrow.css

body {
  color: #cae0d0;
  background-color: #1d211e;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
}

.footer {
  color: #343B35;
  /*text-align: center;*/
}

.center {
  /*width: 100; */
  margin: auto;    
} 

.centered {
  /*display: block;*/
  margin-left: auto;
  margin-right: auto;
}

td {
    text-align: left; 
    vertical-align: middle;
}
/*h1, h2, h3, h4, h5 {
  text-align: center;
}*/

h1 {
  margin: 15px;
}

h2 {
  margin: 10px;
}

h3 {
  margin: 5px;
}

a:link, a:visited {
  color: #04AA6D;
}
a:hover {
  color: #64AA6D;
}
a:active {
  color: #04AA6D;
}
.infomsg , .warnmsg {
  color: #fff;
  border-radius: 3px;
  padding: 4px;
  /*width: fit-content; min-width: 200px; max-width: 420px;*/
  display: inline-block;
  margin: auto;
  margin-bottom: 5px;
  font-weight: bold;
  /*text-align: center;*/
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.infomsg {
  background: #04AA6D;
}
.warnmsg {
  background: #aa4204;
}
.inputShort {
  width: 42px;
}

.helpbox {
  font-size: 0.8em;
}
.nav {
  background: #333;
  /*width: 100; */
  margin: auto;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  border-radius: 3px;
  display: inline-block;
  text-align: left;
}

.subnav {
  /*text-align: center;*/
  margin: auto;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  border-radius: 3px;
}

.subnavTitle {
  font-size: 1em;
  /*font-weight: bold;*/
  margin-top: -10px;
  margin-bottom: 10px;
  /*text-align: center;*/
}
.nav li {
  display: inline-block;
  list-style: none;
  border-radius: 3px;
}

.subnav li {
  background: #262B27;
  list-style: none;
  border-radius: 3px;
  margin-bottom: 3px;
  display: inline-block;
}

.nav li:first-of-type {
  background: #026b45;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav li a, .nav span, .subnav li a, .subnav span,  .button, .button:link, input[type=button], input[type=submit], input[type=reset] {
  color: #ddd;
  display: block;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size:0.8em;
  padding: 10px 20px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.subnav li a, .subnav span {
  padding: 5px 10px;
}

.nav li a:hover, .subnav li a:hover, .activeNav, .button:link:hover, .button:visited:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
  background: #04AA6D;
  color: #fff;
  border-radius: 3px;
}

.nav li a:active, .subnav li a:active {
  background: #026b45;
  color: #cae0d0;
}

.activeNav {
  background: #444;
}

.navTime {
  background: #292929;
}

.button, .button:link, .button:visited, input[type=button], input[type=submit], input[type=reset] {
  background: #026b45;
  color: #fff;
  border-radius: 3px;
  padding: 6px 12px;
  /*text-align: center;*/
  text-decoration: none;
  display: inline-block;
  border: none;
}

.button:link:active, .button:visited:active, input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
  background: #026b45;
  color: #cae0d0;
}

input[type=text], input[type=date], input[type=number], input[type=password], select {
  background: #cae0d0;
  color: #1d211e;
  border: 1px solid #026b45;
  border-radius: 3px;
}

 @media only screen and (min-width: 1820px) {
  /*.center, .nav {
    width: 60; min-width: 420px;
  }*/
  .subnav li {
    display: '';
    margin-bottom: 3px;
   }
}

/*@media only screen and (min-width: 640px) {
  
}*/