application.css

/*
 * 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_tree .
 *= require custom-bootstrap
 *= require client
 *= require event
 *= require bootstrap-wysihtml5
 *= require bootstrap-datepicker
 *= require jquery.ui.all
 */
footer {
  background-color: #fafafa;
  padding: 1em;
  color: #888;
}

body.login {
  background: black no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} 
body.login h1 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}
.login_box {
  background-color: #222;
  padding: 20px;
  margin: 0 -20px;
  min-height: 150px;
  vertical-align: center;
  -webkit-border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 1px 1px 2px rgba(255,255,255,.15);
     -moz-box-shadow: 1px 1px 2px rgba(255,255,255,.15);
          box-shadow: 1px 1px 2px rgba(255,255,255,.15);
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.login_box .btn {
  margin-top: 50px;
}
.login_wrapper {
    position:absolute;
    top: 45%;
    left: 49%;
    margin-top:-100px; /* negative number 1/2 height */
    margin-left:-100px; /* negative number 1/2 width */
}
.topnav {
  margin-bottom: 10px !important;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active
    {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}
div.nested-fields {
  margin-bottom: .5em;
}
div.info_sidebar {
  margin: 60px 0 0 0;
}
.notes {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.notes:after {
  content: "Notes";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}
.title {
  padding-bottom: 5px;
  margin-bottom: 1em;
  border-bottom: 1px dotted #CCC;
}
td.value {
  font-size: 21px;
  font-weight: 400;
}
td.full {
  color: #666;
}
img.avatar_small {
  width: 25px;
  height: 25px;
}
img.avatar_medium {
  width: 60px;
  height: 60px;
}

tr.depth_1 td.name, tr.depth_2 td.name, tr.depth_3 td.name{
  padding-left: 2em;
}

custom-bootstrap.css.scss

$sansFontFamily:        "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
$serifFontFamily:       Georgia, "Times New Roman", Times, serif;
$monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace;

$baseFontSize:          13px;
$baseFontFamily:        $sansFontFamily;
$baseLineHeight:        19px;
$altFontFamily:         $serifFontFamily;

$background:  #eee;

@import "bootstrap";
@import "font-awesome";
@import "bootstrap-responsive";
@import "bootstrap/variables";
@import "bootstrap/mixins";
@media print {
  thead {
    display: table-header-group;
  }
  .no-print
  {
    display:none;
  }
}
@media screen {
  thead {
    display: table-header-group;
    table-layout: fixed;
  }
  tbody {
    table-layout: fixed;
  }
}