/* ==============
  Tables
===================*/

.table {
  margin-bottom: 10px;
}

tbody {
  color: #797979;
}

th {
  color: #666666;
  font-size: 15px;
}

table.focus-on {
  tbody {
    tr.focused {
      th {
        background-color: $primary;
        color: $white;
      }
      td {
        background-color: $primary;
        color: $white;
      }
    }
  }
}

.table > thead > tr > td.middle-align, .table > tbody > tr > td.middle-align,
.table > tfood > tr > td.middle-align, .table > thead > tr > th.middle-align,
.table > tbody > tr > th.middle-align, .table > tfood > tr > th.middle-align {
  vertical-align: middle;
}

.legendLabel {
  padding-left: 10px !important;
}

.table-rep-plugin {
  tbody {
    th {
      font-size: 14px;
      font-weight: normal;
    }
  }
}

.modal-block {
  background: transparent;
  margin: 40px auto;
  max-width: 600px;
  padding: 0;
  position: relative;
  text-align: left;
}
.dt-buttons {
    float: left;
}
div#datatable-buttons_info {
    float: left;
}
table.dataTable th.focus, table.dataTable td.focus {
    outline: 3px solid $primary !important;
    outline-offset: -1px;
}
.fixedHeader-floating {
    top: 70px !important;
}
#datatable-editable {
  .actions {
    a {
      padding: 5px;
    }
  }
  .form-control {
    background-color: $white;
    width: 100%;
  }
  .fa-trash-o {
    color: $danger;
  }
  .fa-times {
    color: $danger;
  }
  .fa-pencil {
    color: #29b6f6;
  }
  .fa-save {
    color: #33b86c;
  }
}

#datatable {
  td {
    font-weight: normal;
  }
}

div.dataTables_paginate {
  ul.pagination {
    margin-top: 30px;
  }
}

div.dataTables_info {
  padding-top: 38px;
}

.table-rep-plugin .btn-toolbar {
  display: block;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: $light9;
}

.fixed-solution{
  .sticky-table-header{
    top: 70px !important;
  }
}


