@charset "utf-8";

.footable {
  width: 100%;
  /** SORTING **/
  /** FILTERING **/
  /** EDITING BODY**/
  /** EDITING FOOT**/
  /** PAGINATION **/
}

.footable span.fooicon {
  font-family: "Web Icons";
}

.footable.breakpoint > tbody > tr > td {
  border-bottom: none;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "";
}

.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}

.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  border-top: none;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  padding-right: 5px;
  font-family: "Web Icons";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "";
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.fooicon-minus:before {
  content: "";
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.fooicon-minus:before:hover {
  background-color: #f3f7f9;
}

.footable.breakpoint.toggle-circle > tbody > tr > td > span.fooicon-plus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.fooicon-minus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.fooicon-minus:before:hover {
  background-color: #f3f7f9;
}

.footable.breakpoint.toggle-arrow > tbody > tr > td > span.fooicon-plus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.fooicon-minus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.fooicon-minus:before:hover {
  background-color: #f3f7f9;
}

.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.fooicon-plus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.fooicon-minus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.fooicon-minus:before:hover {
  background-color: #f3f7f9;
}

.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.fooicon-plus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.fooicon-minus:before {
  content: "";
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.fooicon-minus:before:hover {
  background-color: #f3f7f9;
}

.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.fooicon-plus:before {
  content: "";
}

.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}

.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}

.footable > thead > tr > th {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}

.footable > thead > tr > th.footable-asc > span.fooicon-sort-asc:before {
  content: "";
  opacity: .5;
}

.footable > thead > tr > th.footable-desc > span.fooicon-sort-desc:before {
  content: "";
  opacity: .5;
}

.footable > thead > tr > th > span.fooicon-sort {
  display: inline-block;
  padding-left: 5px;
  font-family: "Web Icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.footable > thead > tr > th > span.fooicon-sort:before {
  content: "";
  opacity: .2;
}

.footable > thead > tr.footable-filtering > th .form-inline .form-group {
  display: block;
}

@media (min-width: 768px) {
  .footable > thead > tr.footable-filtering > th .form-inline .form-group {
    display: inline-block;
  }
}

.footable > thead > tr.footable-filtering > th .form-inline .form-control {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .footable > thead > tr.footable-filtering > th .form-inline .form-control {
    display: inline-block;
    width: auto;
  }
}

.footable > thead > tr.footable-filtering > th > .form-inline {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footable > thead > tr.footable-filtering > th .input-group-btn {
  width: 1%;
}

@media (min-width: 768px) {
  .footable > thead > tr.footable-filtering > th .input-group-btn {
    width: auto;
  }
}

.footable > thead > tr.footable-filtering > th .input-group-btn:not(:first-child) > .btn:hover {
  z-index: 2;
}

.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a {
  padding: 3px 20px;
}

.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
  margin-top: 4px;
}

.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a:hover {
  background-color: #f3f7f9;
}

.footable > thead > tr.footable-filtering > th span.fooicon-search:before {
  content: "";
}

.footable > thead > tr.footable-filtering > th span.fooicon-remove:before {
  content: "";
}

.footable > tbody > tr > td span.fooicon-pencil:before {
  content: "";
}

.footable > tbody > tr > td span.fooicon-trash:before {
  content: "";
}

.footable > tfoot > tr > td span.fooicon-pencil:before {
  content: "";
}

.footable > tfoot .pagination {
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

.footable > tfoot .pagination > li {
  display: inline;
}

.footable > tfoot .pagination > li.footable-page {
  display: none;
}

.footable > tfoot .pagination > li.footable-page.visible {
  display: inline;
}

.footable > tfoot .pagination > li:first-child > a {
  margin-left: 0;
  border-top-left-radius: .215rem;
  border-bottom-left-radius: .215rem;
}

.footable > tfoot .pagination > li:last-child > a {
  border-top-right-radius: .215rem;
  border-bottom-right-radius: .215rem;
}

.footable > tfoot .pagination > li.active > a, .footable > tfoot .pagination > li.active > a:focus, .footable > tfoot .pagination > li.active > a:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #3e8ef7;
  border-color: #3e8ef7;
}

.footable > tfoot .pagination > li.disabled > a, .footable > tfoot .pagination > li.disabled > a:focus, .footable > tfoot .pagination > li.disabled > a:hover {
  color: #ccd5db;
  cursor: not-allowed;
  background-color: transparent;
  border-color: #e4eaec;
}

.footable > tfoot .pagination a {
  position: relative;
  float: left;
  padding: .643rem 1.072rem;
  margin-left: -1px;
  line-height: 1.57142857;
  color: #76838f;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #e4eaec;
}

.footable > tfoot .pagination a:focus, .footable > tfoot .pagination a:hover {
  color: #589ffc;
  background-color: #f3f7f9;
  border-color: #e4eaec;
}

.footable.no-paging .hide-if-no-paging {
  display: none;
}

.footable-row-detail-inner {
  display: table;
}

.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}

.footable-row-detail-group {
  display: block;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 2em;
}

.footable-row-detail-name {
  display: table-cell;
  padding-right: .5em;
  font-weight: 500;
}

.footable-row-detail-value {
  display: table-cell;
}

.footable-odd {
  background-color: rgba(243, 247, 249, .3);
}

/** fix table-hover **/
.table-hover.footable tbody tr.footable-detail-row:hover {
  background-color: transparent;
}

/** fix table-bordered/hover/striped style in Footable **/
.table-bordered.footable tbody tr.footable-detail-row > td, .table-hover.footable tbody tr.footable-detail-row > td, .table-striped.footable tbody tr.footable-detail-row > td {
  padding: 0;
}