$baseFontSize: 13px !default;
$baseLineHeight: 18px !default;

@import "bootstrap_2_3_2/bootstrap";
@import "bootstrap_2_3_2/bootstrap-responsive";
@import "ab_admin/components/base";
@import "ab_admin/components/navigation";
@import "ab_admin/components/table_view";
@import "ab_admin/components/grid_view";
@import "ab_admin/components/tree_view";
@import "ab_admin/components/form";

@import "ab_admin/components/colored_tabs";
@import "ab_admin/components/locale_tabs";
@import "ab_admin/components/translations";
@import "ab_admin/components/admin_comments";
@import "ab_admin/components/geo_input";
@import "ab_admin/components/view_layout";
@import "ab_admin/components/tooltip";

img {
  max-width: none;
}

.pagination a {
  background-color: white;
}

.pagination ul > li > a, .pagination ul > li > span {
  padding: 6px 14px;
}

.breadcrumb {
  padding: 10px 14px;
  margin-bottom: 10px;
}

.well {
  padding: 15px;
  margin-bottom: 10px;
}

.well-small {
  margin-bottom: 10px;
}

.dropdown .caret {
  margin-left: 5px;
}

.btn .caret {
  margin-left: 3px;
}

.dropdown-toggle i {
  padding-right: 3px;
}

.radio.inline {
  margin-left: 5px;
  white-space: nowrap;
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
  margin-left: 20px;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
  display: block;
  margin: 0;
}
.tabbable ul.nav {
  margin-bottom: 0;
}

.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
}

.alert-notice {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  color: #468847;
}

.popover-inner {
  width: auto;
}

.label-primary, .badge-primary {
  background-color: #05C;
}

.label-danger, .badge-danger {
  background-color: #DA4E49;
}

.navbar-inner {
  @include border-radius(0);
}

.navbar {
  margin-bottom: 5px;
  .nav > li > a {
    color: #f5f5f5;
    display: inline-block;
  }
  .nav .active > a, .nav .active > a:hover {
    color: #f5f5f5;
    font-weight: bold;
  }
}

.form-horizontal .help-block {
  margin-top: 2px;
}

.help-block, .help-inline {
  color: grey;
  font-style: italic;
}

label.checkbox {
  margin-top: 5px;
}

label.input_set, label.label-large, .label.label-large {
  font-size: 15px;
  padding: 4px 10px 6px;
  display: block;
  text-align: center;
}

label.label-med {
  font-size: 12px;
  padding: 2px 8px 6px;
  margin: 10px 0;
}

label.control-label.label-reset {
  float: none;
  width: auto;
  padding-top: 3px;
  text-align: left;
}

.table tbody {
  tr.success > td, &.success > tr > td {
    background-color: #dff0d8;
  }

  tr.error > td, &.error > tr > td {
    background-color: #f2dede;
  }

  tr.warning > td, &.warning > tr > td {
    background-color: #fcf8e3;
  }

  tr.muted > td, &.muted > tr > td {
    background-color: #ededed;
  }

  tr.info > td, &.info > tr > td {
    background-color: #d9edf7;
  }
}

.js-copy-popup {
  position: relative;
  &:before {
    content: none;
  }
  &:after {
    background-color: transparent;
    padding: 0;
    animation: text-pop-up-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    content: 'Copied!';
    position: absolute;
    color: #468847;
    font-size: 14px;
    left: -5px;
    top: -5px;
  }
}
@keyframes text-pop-up-top {
  0% {
    transform: translateY(0);
    transform-origin: 50% 50%;
  }
  95% {
    opacity: 0.9;
  }
  100% {
    transform: translateY(-30px);
    transform-origin: 50% 50%;
    opacity: 0;
  }
}

.clear {
  clear: both;
}
.white-space-nowrap {
  white-space: nowrap;
}

@media (max-width: 767px) {
  body, .container-fluid {
    padding: 0;
  }
  .content_with_sidebar {
    padding: 10px 0;
  }
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin: 0;
  }
  #container {
    display: flex;
    flex-direction: column;
  }
  #main {
    .wrap_content {
      position: static;
      order: 2;
      margin: 0 3px;
      .content_with_sidebar {
        margin: 0;
      }
    }
    .sidebar {
      position: static;
      order: 1;
      margin: 0 3px 5px;
    }
    .content_actions {
      margin-left: 0;
    }
  }
}