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

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

body {
  background: $bg-color;
  border-top: #658489 7px solid;
}

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: 5px solid $app-color;
}

.left-border {
  border-left: 5px solid $app-color !important;
}

.border {
  border: solid 1px #c5c6c9;
}

.no-top-border {
  border-top: 0;
}

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

  }

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

.left {
  float: left;
}

.clear {
  clear: both;
}