
@media only screen {body {  font-family: sans-serif;  font-size: 10px;}form, section.container {  background: #fff;  padding: 4em 4em 2em;  max-width: 400px;  margin: 50px auto 0;  box-shadow: 0 0 1em #222;  border-radius: 2px;}form h1, section.container h1 {  margin: 0 0 50px 0;  padding: 10px;  text-align: center;  font-size: 30px;  border-bottom: solid 1px #e5e5e5;}section.container h2 {  margin: 0 0 50px 0;  padding: 10px;  text-align: left;  font-size: 22px;  color: #000000;}section.container h2 {  margin: 0 0 50px 0;  padding: 10px;  text-align: left;  font-size: 14px;  color: #000000;}form p {  margin: 0 0 3em 0;  position: relative;}form p.span {  font-size: 14px;  text-align: center;  margin: 0 0 2em 0;}form input {  display: block;  box-sizing: border-box;  width: 100%;  outline: none;  margin: 0;}form input[type="text"],form input[type="email"],form input[type="password"] {  background: #fff;  border: 1px solid #dbdbdb;  font-size: 1.6em;  padding: .8em .5em;  border-radius: 2px;}form input[type="text"]:focus,form input[type="password"]:focus {  background: #fff;}form ul.errors {  display: block;  padding: 0px;  color: #ffffff;  font-size: 14px;}form ul.errors li {  margin-bottom: 5px;  list-style-type: none;  background: #F9A5A5;  line-height: 2em;  padding-left: 10px;}form li.error {  list-style-type: none;  background: #F9A5A5;  line-height: 2em;  padding-left: 10px;  color: #ffffff;  font-size: 14px;}form input[type="submit"] {  /*background: rgba(148, 186, 101, 0.7);  box-shadow: 0 3px 0 0 rgba(123, 163, 73, 0.7);*/  border-radius: 2px;  border: none;  color: #fff;  cursor: pointer;  display: block;  font-size: 2em;  line-height: 1.6em;  margin: 2em 0 0;  outline: none;  padding: .8em 0;  text-shadow: 0 1px #68B25B;}form input[type="submit"]:hover {  /*background: #94af65;*/  text-shadow: 0 1px 3px rgba(70, 93, 41, 0.7);}section.container .button { /* background-color: #4CAF50; /* Green */   border: none;  color: white;  padding: 16px 32px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;  margin: 4px 2px;  -webkit-transition-duration: 0.4s; /* Safari */  transition-duration: 0.4s;  cursor: pointer;}section.container .button1:hover { /* background-color: #AFC16D; */}section.container .button2 {  background-color: #008CBA; }section.container .button2:hover {  background-color: #106F90;}form label {  position: absolute;  left: 8px;  top: 12px;  color: #999;  font-size: 16px;  display: inline-block;  padding: 4px 10px;  font-weight: 400;  background-color: rgba(255, 255, 255, 0);  -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;  -o-transition: color 0.3s, top 0.3s, background-color 0.8s;  -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;  transition: color 0.3s, top 0.3s, background-color 0.8s;}form label.floatLabel {  top: -11px;  background-color: rgba(255, 255, 255, 0.8);  font-size: 14px;}#customers {  border-collapse: collapse;  width: 100%;  margin-bottom: 40px;}#customers td, #customers th {  border: 1px solid #ddd;  padding: 8px;  font-size: 12px;}#customers tr:nth-child(even){  background-color: #f2f2f2;}#customers tr:hover {  background-color: #ddd;}#customers th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #4CAF50;  color: white;}#footer {text-align: center;padding-top: 20px;}/* Background */body {  background: #999998;}/* Text */form h1, section.container h1 {  color: #000000;}/* Links */form p a {color: #3C34EC;}form p a:hover {color: #000000;}/* Buttons */form input[type="submit"] {  background: #999998;  box-shadow: 0 3px 0 0 #807F7F;}form input[type="submit"]:hover {  background: #94AF65;}section.container .button {  background-color: #999998; /* Green */}section.container .button1:hover {  background-color: #94AF65;}/* Footer */#footer {color: #FFFFFF;}#footer a {color: #000000;}#footer a:hover {color: #FFFFFF;}
}

