/*
The darken/lighten is not giving accurate results for the toasters so specific vars for them below.

- Red background: #c23848 you can get this colour roughly from using the red variable and with HSL lower lightness by 20.
- Blue background: #377ebd you can get this colour roughly from using the blue variable and with HSL lower lightness by 20.
- Orange background: #ff9933
- The text colour on all of these, could they please be #E2E2E2, except from warning which remains with black text.

*/
/*is not being used anywhere; the same as @redAlert*/
:host {
  display: flex;
  flex-direction: column; }

.poms-leg-header {
  display: flex;
  flex-direction: row;
  padding-top: 6px; }
  .poms-leg-header.lockedByMe {
    background-color: #0A2733; }
  .poms-leg-header.locked {
    background-color: #331212; }
  .poms-leg-header .column-expand {
    min-width: 21px; }
  .poms-leg-header .poms-leg-header-cell {
    color: #C2C2C2;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis; }

.poms-leg-content {
  padding-bottom: 6px; }
  .poms-leg-content * {
    border-color: #666570;
    border-width: 1px; }
  .poms-leg-content.lockedByMe {
    background-color: #0A2733; }
  .poms-leg-content.locked {
    background-color: #331212; }
  .poms-leg-content.negotiating .poms-leg-content-cell.column-spot,
  .poms-leg-content.negotiating .poms-leg-content-cell.column-fwds,
  .poms-leg-content.negotiating .poms-leg-content-cell.column-allin {
    color: #DEC763; }
  .poms-leg-content .poms-leg-content-row {
    display: flex;
    flex-direction: column; }
    .poms-leg-content .poms-leg-content-row:nth-last-child(1) .poms-leg-content-cell, .poms-leg-content .poms-leg-content-row.expanded .poms-leg-content-cell {
      border-bottom-style: solid; }
  .poms-leg-content .poms-leg-content-cell-container {
    display: flex;
    flex-direction: row; }
    .poms-leg-content .poms-leg-content-cell-container .column-expand {
      min-width: 21px;
      padding-top: 3px;
      text-align: center; }
      .poms-leg-content .poms-leg-content-cell-container .column-expand a {
        text-decoration: none; }
    .poms-leg-content .poms-leg-content-cell-container .poms-leg-content-cell {
      font-size: 11px;
      white-space: nowrap;
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 2px;
      padding-bottom: 2px;
      border-left-style: solid;
      border-top-style: solid;
      line-height: 16px;
      background-color: #3C3C42;
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis; }
      .poms-leg-content .poms-leg-content-cell-container .poms-leg-content-cell:nth-child(2) {
        border-left-style: none; }
      .poms-leg-content .poms-leg-content-cell-container .poms-leg-content-cell.expanded {
        border-bottom-style: solid; }

.poms-req {
  display: flex;
  flex-direction: row; }
  .poms-req * {
    border-color: #666570;
    border-width: 1px; }
  .poms-req .poms-req-expand-placeholder {
    min-width: 21px; }
  .poms-req .poms-req-container {
    display: flex;
    flex-direction: column;
    padding-top: 6px;
    padding-bottom: 12px; }
    .poms-req .poms-req-container .poms-req-header {
      display: flex;
      flex-direction: row; }
      .poms-req .poms-req-container .poms-req-header .poms-req-header-cell {
        color: #C2C2C2;
        white-space: nowrap;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 12px;
        font-weight: bold;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid; }
        .poms-req .poms-req-container .poms-req-header .poms-req-header-cell:nth-last-child(1) {
          border-right-style: solid; }
    .poms-req .poms-req-container .poms-req-content .poms-req-content-row {
      display: flex;
      flex-direction: row; }
      .poms-req .poms-req-container .poms-req-content .poms-req-content-row:nth-last-child(1) .poms-req-content-cell {
        border-bottom-style: solid; }
      .poms-req .poms-req-container .poms-req-content .poms-req-content-row .poms-req-content-cell {
        font-size: 11px;
        white-space: nowrap;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 16px;
        border-left-style: solid;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis; }
        .poms-req .poms-req-container .poms-req-content .poms-req-content-row .poms-req-content-cell:nth-last-child(1) {
          border-right-style: solid; }