/*body{
  justify-content:center;
  align-items:center;
  display:-webkit-flex;
}*/

#reg-panel {
  max-height: 32rem;
  max-width: 21rem;
  padding: 1rem;
  color: #5c5757;
  background-color: white;
  padding: 1rem;
  border-radius: 5px;
  background-color: #f7f7f7;
  border: 1px solid #c1c1c1;
  margin: 3rem auto;
  width: 20rem;
  box-shadow: 0px 3px 4px 1px rgb(165, 165, 165);
}

.reg-header {
  color: #7a7c7e;
}

.reg-panel .col {
  width: 95%;
  margin: 1px auto;
}

.reg-footer .btn {
  margin-top: 10px;
}

.formErr {
  color: red;
  font-size: 0.9rem;
  /* margin: 0px; */
  padding-left:0.5rem;
}

.reg-type {
  color: #848484;
  font-size: 0.9rem;
  border-bottom: 1px solid white;
}

.reg-type:hover {
  color: #747474;
  cursor: pointer;
  border-bottom-color: rgb(22, 22, 22);
  transition: border-bottom-color 1s;
  -webkit-transition: border-bottom-color 1s;
}

.reg-type:active {
  color: rgb(98, 87, 250);
  cursor: pointer;
}