/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.hb-red-icon {
  color: red;
}

.hb-green-icon {
  color: green;
}

.hb-orange-icon {
  color: orange;
}

.hb-blue-icon {
  color: blue;
}

.hb-action-link {
  text-decoration: none !important;
}

.hb-align-center {
  text-align: center;
}

/**
 * Styles for the updated Main Table
 */

#main_table {
  width: 100%;
  border: none;
}

#main_table tbody td.available {
  background: #c8e6c9;
}

#main_table tbody td.unavailable,
#main_table tbody td.no-availability {
  background: #eeeeee;
}

#main_table tbody td.low {
  background: #fff9c4;
}

.truncate {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dataTables_wrapper th,
.dataTables_wrapper td {
  font-size: 0.875em;
  padding: 4px 8px;
}

@media only screen and (max-width: 768px) {
  .dataTables_wrapper th,
  .dataTables_wrapper td {
    font-size: 0.7em;
    padding: 3px 6px;
  }

  #main_table_space .truncate {
    max-width: 120px;
  }
}