/* line 4, app/assets/stylesheets/items/sources.sass */
.item-list {
  border-collapse: collapse;
  border: 1px solid #ada;
  width: 60%;
  table-layout: auto;
  margin-bottom: 2em;
  /* For wearable items that belong to a specific set that all come together,
	 * like a Paint Brush. */
}

/* line 11, app/assets/stylesheets/items/sources.sass */
.item-list td, .item-list th {
  border-top: 1px solid #ada;
  border-bottom: 1px solid #ada;
  padding: .25em;
  vertical-align: middle;
}

/* line 17, app/assets/stylesheets/items/sources.sass */
.item-list td:first-child, .item-list th:first-child {
  padding-left: .5em;
}

/* line 20, app/assets/stylesheets/items/sources.sass */
.item-list td:last-child, .item-list th:last-child {
  padding-right: .5em;
}

/* line 23, app/assets/stylesheets/items/sources.sass */
.item-list .thumbnail-cell {
  width: 2.5em;
  height: 2.5em;
}

/* line 27, app/assets/stylesheets/items/sources.sass */
.item-list .thumbnail-cell img {
  display: block;
  width: 2.5em;
  height: 2.5em;
}

/* line 32, app/assets/stylesheets/items/sources.sass */
.item-list .name-cell a {
  text-decoration: none;
}

/* line 34, app/assets/stylesheets/items/sources.sass */
.item-list .name-cell a:hover, .item-list .name-cell a:focus {
  text-decoration: underline;
}

/* line 37, app/assets/stylesheets/items/sources.sass */
.item-list .actions-cell {
  text-align: right;
  padding-left: 1em;
  font-size: 85%;
}

/* line 42, app/assets/stylesheets/items/sources.sass */
.item-list .actions-cell a, .item-list .actions-cell button {
  /* When item names get long, don't let the buttons wrap to give the
			 * item names more space. The names should wrap more instead! */
  text-wrap: nowrap;
  margin: .25em;
}

/* line 50, app/assets/stylesheets/items/sources.sass */
.item-list tbody tr:hover, .item-list tbody tr:focus-within {
  background: rgba(238, 255, 238, 0.5);
}

/* line 53, app/assets/stylesheets/items/sources.sass */
.item-list thead {
  background: #efe;
}

/* line 56, app/assets/stylesheets/items/sources.sass */
.item-list thead th {
  text-align: left;
}

/* line 59, app/assets/stylesheets/items/sources.sass */
.item-list thead .name-cell {
  text-wrap: nowrap;
}

/* line 62, app/assets/stylesheets/items/sources.sass */
.item-list thead .thumbnail-cell img {
  outline: 1px solid #ada;
}

/* line 65, app/assets/stylesheets/items/sources.sass */
.item-list tr[data-item-owned] {
  color: #aaa;
}

/* line 68, app/assets/stylesheets/items/sources.sass */
.item-list tr[data-item-owned] a:not(.button) {
  color: inherit;
}

/* line 71, app/assets/stylesheets/items/sources.sass */
.item-list tr[data-item-owned] .thumbnail-cell {
  filter: grayscale(1);
  opacity: .75;
}

/* line 75, app/assets/stylesheets/items/sources.sass */
.item-list tr[data-item-owned] .item-name {
  font-style: italic;
  text-decoration: line-through;
  text-decoration-color: rgba(0, 68, 0, 0.35);
}

/* line 80, app/assets/stylesheets/items/sources.sass */
.item-list tr[data-item-owned] .owned-explanation {
  font-style: italic;
  font-size: 85%;
}

/* line 85, app/assets/stylesheets/items/sources.sass */
.item-list tr[data-item-owned] .actions-cell button, .item-list tr[data-item-owned] .actions-cell a.button {
  background: #999 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
}

/* line 32, app/assets/stylesheets/items/../partials/clean/_mixins.sass */
.item-list tr[data-item-owned] .actions-cell button:hover, .item-list tr[data-item-owned] .actions-cell a.button:hover {
  background-color: #888888;
}

/* line 88, app/assets/stylesheets/items/sources.sass */
.item-list .price-breakdown {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  cursor: help;
}

/* line 93, app/assets/stylesheets/items/sources.sass */
.item-list .dyeworks-timeframe {
  font-style: italic;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  cursor: help;
}

/* line 99, app/assets/stylesheets/items/sources.sass */
.item-list .special-color-explanation {
  text-wrap: balance;
  font-style: italic;
}

/* line 103, app/assets/stylesheets/items/sources.sass */
.item-list .subtitle {
  font-size: 85%;
  opacity: .85;
}

/* line 107, app/assets/stylesheets/items/sources.sass */
.item-list .subtitle a {
  color: inherit;
}

/* line 110, app/assets/stylesheets/items/sources.sass */
.item-list .nc-trade-guide-info-link {
  cursor: help;
}

/* line 113, app/assets/stylesheets/items/sources.sass */
.item-list .nc-trade-guide-info-link .nc-trade-guide-info-label {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

/* line 119, app/assets/stylesheets/items/sources.sass */
.item-list .actions-cell button[data-action-kind=bulk-nc-mall], .item-list .actions-cell a.button[data-action-kind=bulk-nc-mall] {
  /* Bootstrap's Purple 600 */
  background: #59359a url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
}

/* line 32, app/assets/stylesheets/items/../partials/clean/_mixins.sass */
.item-list .actions-cell button[data-action-kind=bulk-nc-mall]:hover, .item-list .actions-cell a.button[data-action-kind=bulk-nc-mall]:hover {
  background-color: #482489;
}

/* line 123, app/assets/stylesheets/items/sources.sass */
.item-list[data-complexity="high"] {
  width: 70%;
}

/* line 130, app/assets/stylesheets/items/sources.sass */
.item-list[data-group-type="bundle"] tbody .thumbnail-cell {
  opacity: 0.65;
}

/* line 133, app/assets/stylesheets/items/sources.sass */
.item-list[data-group-type="bundle"] tbody tr:hover .thumbnail-cell {
  opacity: 0.85;
}

/* line 138, app/assets/stylesheets/items/sources.sass */
.item-list[data-group-type="bundle"][data-group-owned] thead button, .item-list[data-group-type="bundle"][data-group-owned] thead a.button {
  background: #999 url(/assets/alert-overlay-cab76d5089027300c32696676fb8113e1ccbca27c4e6c56e18936797f7d6e3ca.png) repeat-x;
}

/* line 32, app/assets/stylesheets/items/../partials/clean/_mixins.sass */
.item-list[data-group-type="bundle"][data-group-owned] thead button:hover, .item-list[data-group-type="bundle"][data-group-owned] thead a.button:hover {
  background-color: #888888;
}