body {
  background-color: #f5f5f5; }

.account-container form.login {
  padding: 0 1rem;
  max-width: 320px; }
  .account-container form.login .form-control {
    position: relative;
    padding: 10px;
    height: auto;
    box-sizing: border-box; }
    .account-container form.login .form-control:focus {
      z-index: 2; }
  .account-container form.login input[type="text"] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -1px; }
  .account-container form.login input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 1rem; }

.account-container form.signup {
  padding: 0 1rem;
  max-width: 400px; }
  .account-container form.signup .form-group {
    margin-bottom: 2.5rem; }
    .account-container form.signup .form-group label {
      margin-bottom: .75rem; }
    .account-container form.signup .form-group .btn-group {
      width: 100%; }
      .account-container form.signup .form-group .btn-group .btn {
        padding: .5rem 0; }
  .account-container form.signup .form-control {
    padding: 10px;
    height: auto;
    box-sizing: border-box; }

.account-container form.resetPassword {
  padding: 0 1rem;
  max-width: 400px; }

.account-container form.renewPassword {
  padding: 0 1rem;
  max-width: 400px; }

@media (min-width: 768px) {
  .account-container {
    width: 640px; }
    .account-container form.login {
      padding: 0; }
    .account-container form.signup {
      padding: 0; }
      .account-container form.signup .form-group .btn-group .btn {
        padding: .75rem 0;
        width: 200px; }
    .account-container form.resetPassword {
      padding: 0; }
    .account-container form.renewPassword {
      padding: 0; } }

.spinner {
  border: 3px solid transparent;
  border-top-color: #57baf4;
  border-left-color: #57baf4;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  -webkit-animation: spinner .5s linear infinite;
          animation: spinner .5s linear infinite; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/*# sourceMappingURL=account.css.map */