/*
  *= 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;
   }
 }