/*
  *= require normalize-rails

  *= require iconfonts

  *= require_self
 */
 
 @import "compass/css3/box-sizing";

 @import "compass/css3/opacity";

 @import "config";
 @import "chat.css.scss";
 @import "sessions.css.scss";
 

 @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
 

 body {
   background: $bg-color;

   border-top: $inactive-color 7px solid;

   font-size: 12px;

   font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;

 }
 
 a {
   text-decoration: none;
 }
 
 a:visited {
   color: inherit

 }
 
 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], &[type=button] {

     text-transform:lowercase;
     font-variant: small-caps;
     font-weight: bold;
     font-size: 18px;

     margin-top: 16px;
   }
 
   &[type=submit] {

     background: $app-color;
     color: #f9f9f9;
     border: none 0px #000000;

   }
 
   &[type=button] {
     background: $app-color;
     color: #f9f9f9;
     border: none 0px #000000;
   }
 
   &.inactive {
     background-color: $inactive-color;

   }
 
   &:focus {

     outline: none;
     box-shadow: 0px 0px 1px 1px $app-color;
     border: 1px solid white !important;

   }
 }
 
 .top-border {

   box-shadow: 0 -5px 0 $app-color;

 }
 
 .left-border {

   box-shadow: -5px 0 0 $app-color;

 }
 
 .border {

   border: solid 1px $border-color;

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

 }
 

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

 .left {
   float: left;
 }
 

 .right {
   float: right;
 }
 

 .clear {
   clear: both;

 }
 
 .hidden {
   display: none;

 }