@import '../index';

.list-inline
  background-color:  $app['palette']['bg-secondary']['1']
  border-color:  $app['palette']['bg-secondary']['1']
  color:  $app['palette']['text-secondary']['1']
  cursor: pointer
  display: inline-table;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;


.list-inline:hover,
.list-inline:hover .form input
  background-color:  $app['palette']['bg-secondary']['2']
  border-color:  $app['palette']['bg-secondary']['2']
  color:  $app['palette']['text-secondary']['2']

.list-inline,
.list-inline:hover .disabled
  border: 1px solid transparent

.list-inline .table-list-row
  display: inline-block;

.list-inline .table-list-column
  padding: 0 .5em
  margin: 0 .5em
  line-height: 2em
  height: 2em
  vertical-align: middle;

.list-inline .table-list-column .disabled
  //background-color:  $app['palette']['bg-secondary']['1']
  //border-color:  $app['palette']['bg-secondary']['1']
  color:  $app['palette']['text-secondary']['1']
  height: initial
  min-height: initial
  opacity: 1

.list-inline:hover .table-list-column .disabled
  //background-color:  $app['palette']['bg-secondary']['2']
  //border-color:  $app['palette']['bg-secondary']['2']
  color:  $app['palette']['text-secondary']['1']

.list-inline .table-list-column.id
  width: 10em

.list-inline .table-list-column.name
  width: 25%

.list-inline .table-list-column.desc
  text-align: justify
  width: 20em

.list-inline .table-list-column.date
  width: 12em
  padding: 0 1em
  text-align: left

.list-inline .table-list-column.buttons
  text-align: right