@import '../index';

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

.list-checked .form .disabled
  height: 1em
  min-height: 1em
  opacity: 0.2

.list-checked .name .button
  display: inline-block;
  margin: 0

.list-checked .list-checked-content
  padding-left: 0;

.list-checked .list-checked-content ul li
  background-color:  $app['palette']['bg-secondary']['1']
  border: 1px solid  $app['palette']['border-primary']
  float: left
  position: relative
  border-radius: 1em
  padding: 0.2em
  margin-left: 0

.list-checked .list-checked-content ul li:hover
  background-color:  $app['palette']['bg-secondary']['2']
  border: 1px solid  $app['palette']['border-secondary']
  popacity: 0.7

.list-checked .list-checked-content.disabled
  background-color: transparent !important
  border: 1px solid transparent !important
  cursor: initial !important
  opacity: 0.2;

.list-checked .list-checked-content.disabled ul li
  background-color:  $app['palette']['border-thirdary']
  color: $app['white'] !important
  cursor: not-allowed;

.list-checked .list-checked-content.disabled ul li:hover
  opacity: .9 !important

.list-checked .list-checked-content ul li label
  margin: 0 0.5em;

.list-checked .list-checked-content svg
  width: 0.7em;

.list-checked .list-checked-oneResult .list-checked-content
  left: .5em;
  position: absolute;
  width: calc(100% - 4em);

.list-checked .list-checked-oneResult .list ul > li
	top: -2em;
	width: 100%;
	border-radius: 0;
	margin: 0;
	height: 1.5em;
	vertical-align: middle;
	line-height: 1.5em;