// --- Generic settings ---------------------------------------------------- //
// All buttons raised
.btn, .btn.disabled {
  @extend .btn-raised;
}
body {
  font-family: $admin-font;
}
.bootstrap-datetimepicker-widget {
  z-index: 999;
}

// --- Header settings ----------------------------------------------------- //
.navbar-header > .navbar-brand, .navbar-default .navbar-nav > li > a {
  color: $fg-navbar-brand;
  &:hover, &:focus {
    color: $fg-navbar-brand;
    opacity: 0.8;
  }
}

// --- Sidebar settings ---------------------------------------------------- //
.sidebar-nav {
  .dropdown-header {
    border-bottom: 1px solid $gray-light2;
  }
  .nav-pills li {
    margin-top: 0;
  }
}
body.rails_admin .sidebar-nav {
  background-color: $bg-sidebar-nav;
}
@media screen and (min-width: 1200px) {
  body.rails_admin .sidebar-nav {
    margin-top: $generic-space * 2;
  }
}

// --- Content settings ---------------------------------------------------- //
.content {
  margin-top: $generic-space * 6;
}

// --- List settings ------------------------------------------------------- //
// Dashboard progress bars
.content table .progress {
  height: $line-height-computed;
}

// --- Form settings ------------------------------------------------------- //
// inline search forms
.pjax-form.form-inline .well {
  box-shadow: 0 1px 4px $gray-light;
  padding-top: $generic-space * 2.5;
  padding-bottom: $generic-space;
  span a.btn {
    margin-top: 0;
    margin-bottom: 0;
  }
  .input-group .form-group {
    margin: 0;
  }
  .input-group-btn {
    padding: 0 4px;
  }
}
// inline filter form
#filters_box {
  .label > a {
    color: #fff;
  }
  select.form-control {
    border: 1px solid $gray-light2;
  }
}
// compact forms
.form-group {
  margin-top: $generic-space * 2;
  .btn.disabled {
    color: $gray-lighter;
  }
  .btn-group {
    margin-top: 0;
    margin-bottom: 0;
  }
  .checkbox label {
    padding-left: 10px;
    text-align: left;
  }
  .checkbox label, .radio label, label {
    color: $gray-light;
  }
  label.control-label {
    line-height: 2;
    margin-top: 0;
    // margin-top: $generic-space;
  }
  .controls .btn {
    margin-top: $generic-space;
  }
  .form-control.ra-filtering-select-input {
    margin-top: $generic-space;
  }
  .form-control.ra-multiselect-collection, .form-control.ra-multiselect-selection {
    @include gray-input-border();
  }
  .form-control-static {
    margin-left: $generic-space * 2.5;
  }
  .help-block {
    color: $fg-help-block;
    display: block;
    font-style: italic;
    position: initial;
    margin-top: $generic-space;
    margin-bottom: $generic-space * 2;
    margin-left: $generic-space * 2.5;
  }
  .help-inline {
    margin-left: $generic-space * 2.5;
  }
  .input-group.filtering-select > .input-group-btn {
    padding: 0 4px;
  }
  .input-group.filtering-select ~ .help-block {
    top: -$generic-space * 2;
  }
  // nested tabs
  .tab-content {
    background-color: $bg-nested-tab;
    border-top: 1px dashed $gray-light2;
    border-bottom: 1px dashed $gray-light2;
  }
  .well ~ .controls {
    margin-top: $generic-space * 2;
  }
  &.boolean_type .checkbox > label {
    padding-left: $generic-space * 2;
  }
  &.control-group {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    &.error .control-label {
      color: $brand-danger;
    }
  }
  input[type="file"] {
    height: $generic-space * 6;
    opacity: 1.0;
    position: initial;
  }
  label.dropdown-toggle {
    padding-top: $generic-space * 1.5;
    padding-bottom: $generic-space * 1.5;
  }
  textarea.form-control {
    @include gray-input-border();
  }
}
// modals
.modal {
  .modal-body {
    padding-bottom: 0;
    > form.form-horizontal {
      margin-top: 0;
    }
  }
  .modal-header {
    a.close {
      @extend .btn;
    }
  }
  .modal-footer {
    margin-bottom: $generic-space * 2;
    margin-right: $generic-space * 2;
    > .btn {
      margin-bottom: 0;
    }
  }
}
// fix missing font characters for true / false
.boolean_type > .label {
  font-family: sans-serif;
}
.form-inline .form-control {
  vertical-align: initial;
}

// --- Misc settings ------------------------------------------------------- //
.has_many_association_type, .has_and_belongs_to_many_association_type {
  .help-block {
    top: -$generic-space * 3;
  }
  .nav-tabs {
    display: table;
    li.active > a {
      color: $nav-tabs-active-link-hover-color;
    }
  }
}
#list {
  th.boolean_type, td.boolean_type {
    text-align: center;
  }
}