/* UI COLORS */
div.main {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 5px; }

div.login_register_wrap {
  width: 100%;
  max-width: 800px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  div.login_register_wrap:after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 500px) {
    div.login_register_wrap {
      display: block;
      padding: 5px; } }
  div.login_register_wrap div.login-wrap,
  div.login_register_wrap div.register-wrap {
    margin: 5px;
    width: 50%; }
    @media (max-width: 500px) {
      div.login_register_wrap div.login-wrap,
      div.login_register_wrap div.register-wrap {
        width: 100%;
        margin: 0 0 10px; } }
  div.login_register_wrap div.login {
    padding: 50.2px;
    background-color: #FFFFFF; }
    div.login_register_wrap div.login a.forgotpass {
      display: inline-block;
      color: #aaaaaa;
      line-height: 1.3em;
      margin-top: 0.5em;
      -webkit-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
      div.login_register_wrap div.login a.forgotpass:hover {
        color: #1b1b1b; }
  div.login_register_wrap div.register {
    padding: 50.2px;
    background-color: #FFFFFF; }

div.usertypes_wrap:after {
  content: "";
  display: table;
  clear: both; }

div.usertypes_wrap > label {
  width: 60%;
  float: left; }

label > input[type='checkbox'] {
  width: auto;
  margin-right: 10px; }