/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require login_alerts

*/
.login #main-container {
  max-width: 400px; }
.login #login-form {
  background-color: rgba(10, 10, 10, 0.7);
  border-radius: 20px;
  padding: 20px;
  margin-top: 20%; }
  .login #login-form #logo {
    margin: 25px 0; }
  .login #login-form .form-control {
    font-size: 12px; }
  .login #login-form label {
    color: #ffffff;
    font-weight: normal;
    -webkit-font-smoothing: antialiased; }
  .login #login-form #login-button {
    background-color: #eeeeee;
    border-radius: 5px;
    color: #818184;
    border: none;
    font-size: 25px; }
    .login #login-form #login-button:focus {
      outline: none; }
  .login #login-form #forgot-pass {
    color: white; }
    .login #login-form #forgot-pass:hover {
      text-decoration: none; }
  .login #login-form a.checkbox {
    margin-right: 8px;
    width: 23px;
    height: 23px;
    background-image: url('/images/unchecked_box.png');
    display: inline-block;
    vertical-align: middle; }
    .login #login-form a.checkbox.checked {
      background-image: url('/images/checked_box.png'); }
  .login #login-form .field-error {
    position: relative;
    top: -33px;
    padding: 15px;
    border-radius: 4px;
    background-color: rgba(205, 85, 83, 0.7);
    color: #fff; }

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