﻿.btn, .login .logincommands .button,
.login .registercommands .button, .register .logincommands .button,
.register .registercommands .button {
  padding: 6px 12px;
  font-size: 1.333333rem;
  text-transform: uppercase; }

.btn-sm {
  font-size: 1.2rem; }

.btn-lg {
  font-size: 1.8rem; }

.btn, .login .logincommands .button,
.login .registercommands .button, .register .logincommands .button,
.register .registercommands .button,
.btn:hover,
.login .logincommands .button:hover,
.login .registercommands .button:hover,
.register .logincommands .button:hover,
.register .registercommands .button:hover,
.btn:active,
.login .logincommands .button:active,
.login .registercommands .button:active,
.register .logincommands .button:active,
.register .registercommands .button:active,
.btn:focus,
.login .logincommands .button:focus,
.login .registercommands .button:focus,
.register .logincommands .button:focus,
.register .registercommands .button:focus,
.btn-medium,
.btn-medium:hover,
.btn-medium:active,
.btn-medium:focus,
.btn-huge,
.btn-huge:hover,
.btn-huge:active,
.btn-huge:focus,
.btn-wide,
.login .logincommands .button,
.login .registercommands .button,
.register .logincommands .button,
.register .registercommands .button,
.btn-wide:hover,
.login .logincommands .button:hover,
.login .registercommands .button:hover,
.register .logincommands .button:hover,
.register .registercommands .button:hover,
.btn-wide:active,
.login .logincommands .button:active,
.login .registercommands .button:active,
.register .logincommands .button:active,
.register .registercommands .button:active,
.btn-wide:focus,
.login .logincommands .button:focus,
.login .registercommands .button:focus,
.register .logincommands .button:focus,
.register .registercommands .button:focus {
  background-color: #782F40;
  color: #FFFFFF;
  outline-color: #782F40; }

.btn-medium {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }

.btn-huge {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.btn-wide, .login .logincommands .button,
.login .registercommands .button, .register .logincommands .button,
.register .registercommands .button {
  padding-left: 2rem;
  padding-right: 2rem; }

.RegisterNotice .block h2 {
  font-size: 1.333333rem;
  text-align: center;
  margin: 1rem; }

.login, .register {
  padding-bottom: 1rem; }
  .login .fields, .register .fields {
    position: relative;
    padding: 1rem;
    border: 1px solid #DBDCDB; }
    .login .fields .fieldGroup, .register .fields .fieldGroup {
      width: 100%;
      display: inline-block; }
      .login .fields .fieldGroup .inputField, .register .fields .fieldGroup .inputField {
        padding-bottom: 5px; }
      .login .fields .fieldGroup .inputLabel, .login .fields .fieldGroup .inputField, .register .fields .fieldGroup .inputLabel, .register .fields .fieldGroup .inputField {
        width: 100%;
        float: left; }
        .login .fields .fieldGroup .inputLabel .input, .login .fields .fieldGroup .inputField .input, .register .fields .fieldGroup .inputLabel .input, .register .fields .fieldGroup .inputField .input {
          width: 94%; }
  .login .notice, .register .notice {
    background-color: #E9E6E7;
    width: 94%;
    padding: .5rem;
    margin-bottom: 1rem; }
  .login .logincommands a,
  .login .registercommands a, .register .logincommands a,
  .register .registercommands a {
    width: 100%; }
  .login .logincommands .validation,
  .login .registercommands .validation, .register .logincommands .validation,
  .register .registercommands .validation {
    display: inline; }
  .login .logincommands .button,
  .login .registercommands .button, .register .logincommands .button,
  .register .registercommands .button {
    line-height: 3rem; }

@media (min-width: 768px) {
  .login, .register {
    float: left; }
    .login .fields, .register .fields {
      min-height: 50rem; }
      .login .fields .fieldGroup .inputLabel, .register .fields .fieldGroup .inputLabel {
        width: 32%; }
      .login .fields .fieldGroup .inputField, .register .fields .fieldGroup .inputField {
        width: 68%; }
        .login .fields .fieldGroup .inputField .input, .register .fields .fieldGroup .inputField .input {
          width: 90%; }
    .login .notice, .register .notice {
      width: 100%; }
  .login {
    width: 40%;
    padding-right: 1%; }
  .register {
    width: 60%;
    padding-left: 1%; } }

