.fit-table {
  font-size: 14px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #333;
  box-sizing: border-box;
  color: #58666e; }
  .fit-table .panel {
    border-radius: 2px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #dee5e7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .fit-table .panel-heading {
    border-color: #edf1f2;
    background-color: #f6f8f8;
    color: #333;
    border-radius: 2px 2px 0 0;
    padding: 0 15px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid transparent; }
  .fit-table .table-responsive {
    overflow-x: auto; }

.fit-table table {
  width: 100%;
  border-collapse: collapse; }

.fit-table .table > thead > tr > th, .fit-table .table > tbody > tr > td, .fit-table .table > tfoot > tr > td {
  padding: 10px 15px;
  border-top: 1px solid #eaeff0;
  vertical-align: middle;
  max-width: 250px;
  word-break: break-all; }

.fit-table .table > thead > tr > th {
  padding: 10px 15px !important;
  white-space: nowrap; }

.fit-table .table > thead > tr > th {
  padding: 6px 15px;
  border-bottom: 1px solid #eaeff0;
  line-height: 1.42857143; }

.fit-table th {
  text-align: left; }

.fit-table .table-striped {
  margin: 0; }

.fit-table .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.fit-table .panel {
  margin: 0; }

.fit-table .search-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #eaeff0;
  padding: 15px; }
  .fit-table .search-bar .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.fit-table .empty-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 150px; }

.fit-table .pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-right: 20px;
  border-top: 1px solid #eaeff0;
  height: 50px;
  box-sizing: border-box; }

.fit-table .remove {
  height: 100%;
  width: 50px;
  color: #f05050;
  transition: all 0.2s;
  text-align: center;
  cursor: pointer; }
  .fit-table .remove:hover {
    background: #f05050;
    color: white; }

.fit-table .pull-right {
  float: right; }
  .fit-table .pull-right.danger {
    color: #f05050; }
  .fit-table .pull-right.success {
    color: #23ad44; }

.fit-table .sort-arrow {
  margin-left: 5px; }

.fit-table .table-th {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .fit-table .table-th.sortable {
    cursor: pointer; }
    .fit-table .table-th.sortable:hover {
      color: #333; }
    .fit-table .table-th.sortable .sort-can-use {
      margin-left: 5px;
      color: #ddd; }
  .fit-table .table-th .fa-sort-asc, .fit-table .table-th .fa-sort-desc {
    margin-left: 5px; }
