table {
  cursor: default;
  width: 100%; }
  table .view-link {
    color: #7B7B7B;
    font-size: 0.95em;
    cursor: pointer;
    margin-right: 0.5em; }
  table .view-link:hover {
    color: lightseagreen; }
  table .order-arrows .fa {
    cursor: pointer;
    font-size: 1.2em;
    color: #7B7B7B; }
  table .order-arrows .fa:hover {
    color: lightseagreen; }
  table .row-delete-icon {
    color: #7B7B7B;
    cursor: pointer; }
  table .row-delete-icon:hover {
    color: red; }
  table thead > tr {
    background-color: #f3f3f3; }
  table tr:nth-of-type(even) {
    background-color: #f3f3f3; }
  table tr.selected-row {
    background-color: #e9f3f7; }

.toolbar {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px; }
  .toolbar .sku-select {
    width: 400px; }
  .toolbar .btn {
    margin-bottom: 0px; }

.subs-table {
  width: 100%;
  margin-bottom: 5px; }

.overs-table {
  width: 100%; }

.subs-toolbar {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px; }
  .subs-toolbar .flex-left {
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: auto; }
    .subs-toolbar .flex-left .title {
      color: #777;
      font-size: 1.6em; }
  .subs-toolbar .flex-right {
    margin-left: auto; }
    .subs-toolbar .flex-right button {
      margin-left: 5px; }

.add_substitution_modal .well {
  margin-bottom: 10px; }

.add_substitution_modal .sku-clear {
  color: #CCCCCC;
  padding-bottom: 3px; }

.add_substitution_modal .sku-clear:hover {
  color: red; }

.add_substitution_modal .modal-title:first-letter {
  text-transform: uppercase; }