/*
 *= require normalize-rails
 *= require_self
 *= require_tree .
*/

@import "config";
@import "compass/css3/box-sizing";

h1 {
  color: $app-color;
  background: #f4f4f4;
  font-size: 17px;
  padding: 7px 14px;
}

body {
  background: $bg-color;
}

label {
  display: block;
  color: $gray;
  font-size: 12px;
  margin: 11px 0 2px;
}

input {
  border: 1px $gray-light solid;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 5px;
  height: 30px;
  @include box-sizing(border-box);

  &[type=submit] {
    text-transform:lowercase;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 18px;
    background: $app-color;
    color: #f9f9f9;
    border: none 0px #000000;
    margin-top: 16px;
  }

  &:focus {
    outline: 5px auto $app-color;
  }
}

.top-border {
  border-top: 7px solid $app-color;
}

.alert {
  font-size: 12px;
  &.alert-notice {

  }

  &.alert-error {
    color: $error;
  }
}