/*********** Registration ***********/
.ng-touched.ng-valid {
  border: solid 2px green;
}

.ng-touched.ng-invalid {
  border: solid 2px red;
}

#regTitle {
  font-size: 1.5em;
  font-weight: bold;
}

#regForm input {
  display: block;
  background-color: #cde;
  margin: 5px 0;
}
#regForm span {
  display: block;
  font-size: 0.9em;
  color: darkred;
  text-shadow: 1px 1px 1px #fff;
  margin: 3px 0;
}
.regSubmit {
  display: block;
  background-color: #9ce;
  /*margin-bottom: 40px;*/
}
.regSubmit:hover {
  /*background-color: #69b;*/
}
#info {
  margin-top: 10px;
}

#regMessage {
  position: absolute;
  cursor: default;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #daa;
  color: #700;
  margin-top: 10px;
  border-radius: 0 0 12px 12px;
  padding: 6px 0 3px 0;
  box-shadow: inset 4px 4px 4px 0 rgba(0,0,0,0.24)
}
/********** My Info **********/
#userForm {
  margin-bottom: 60px;
  text-align: center;
}
.userField {
  margin: 5px;
  height: 60px;
  display: inline-block;
}
#userForm span {
  display: block;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  /*font-style: italic;*/
  color: #526fa1;
  text-shadow: 1px 1px 1px #fff;
}
#userForm input {
  background-color: #324f81;
  color: #fff;
  /*text-shadow: 2px 2px 1px #000;*/
  box-shadow: inset 0 0 20px #020f31, inset 0 0 10px #222, 0 0 10px #0f0;
}
#userSpan {
  font-size: 1em;
  color: #c1728f;
  text-shadow: 1px 1px 1px #000;
  margin-top: -20px;
  margin-bottom: -20px;
}
/***** END OF MY INFO *****/