// Links

$linkColor: #555;

// Colors

$blue: #56bed6;
$green: #6aa06a;

// Dropdowns

$dropdownBackground: #E3E4E5;

// Table

$tableBorder: #ccc;
$tableBackgroundAccent: #e6e6e6;
$tableBackgroundHover: #ddd;

// Typography

@import 'bootstrap';
@import 'bootstrap/reset';
@import 'bootstrap/responsive';

@import 'font-awesome';

.caret {
  border-top: 4px solid $linkColor;
}

.table {
  background: #f2f2f2;
  th {
    @include gradient-vertical(#f2f2f2, #ccc);
  }
  tfoot {
    background: #ddd;
  }
}

.table td {
  vertical-align: middle;
}

.table th, .table tfoot td {
  color: #777;
}

.table-bordered {
  @include border-radius(0);
  border-color: #ccc;
}

.table-bordered thead:first-child tr:first-child > th:first-child, 
.table-bordered tbody:first-child tr:first-child > td:first-child {
  @include border-radius(0);
}

.container-fluid,
.row-fluid { 
  padding: 0px;
}

.nav-pills .active {
  text-shadow: rgba(0, 0, 0, 0.75) 0px 1px 0px;
}

.nav-pills .active a, .nav-pills .active a:hover {
  background: #3B3D43;
}

.form-actions {
  background: none;
  border-top: 1px solid #ccc;
  margin: 0px;
  padding-bottom: 0px;
}

.pagination ul > li > a, 
.pagination ul > li > span {
  background-color: transparent;
  border: 1px solid #CACBCC;
  border-left-width: 0;
}

.pagination ul > .active > a, .pagination ul > .active > span {
  @include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
}

.pagination ul > li > a:hover, 
.pagination ul > .active > a, 
.pagination ul > .active > span {
  @include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
}

.tooltip {
  text-shadow: none;
}

.nav > li > a:hover {
  background: none;
}

.nav li.dropdown .caret, 
.nav li.dropdown.active .caret, 
.nav li.dropdown a:hover .caret {
  border-top: 4px solid $linkColor;
  border-bottom: none;
}

.nav li.dropdown.open .caret, 
.nav li.dropdown.open.active .caret, 
.nav li.dropdown.open a:hover .caret {
  border-bottom: 4px solid $linkColor;
  border-top: none;
}

.dropdown-menu {
  @include border-radius(0);
}

.dropdown-menu li:hover > a {
  text-shadow: none;
}