/*
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*/
.fx-loms-fixing {
  display: grid;
  grid-template-columns: 89.5px 15px 63.5px 83px;
  grid-template-areas: 'fixing-lb fixing-lb fixing-lb fixing-lb'
 'date-input date-input fixing-code fixing-code';
  grid-gap: 2px 1.5px;
  /* fix for IE11 */
  display: -ms-grid;
  -ms-grid-columns: 89.5px 1.5px 15px 1.5px 63.5px 1.5px 83px;
  -ms-grid-rows: auto 2px auto; }
  .fx-loms-fixing .loms-fixing-lb {
    grid-area: fixing-lb;
    /* fix for IE11 */
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    -ms-grid-row: 1; }
    .fx-loms-fixing .loms-fixing-lb .validation-tooltip {
      color: #F5475B;
      position: absolute;
      margin-left: 3px; }
  .fx-loms-fixing .loms-fixing-datetime {
    grid-area: date-input;
    /* fix for IE11 */
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3; }
  .fx-loms-fixing .loms-fixing-code-select {
    grid-area: fixing-code;
    /* fix for IE11 */
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3;
    display: inline-block; }
  .fx-loms-fixing .loms-fixing-code-input {
    grid-area: fixing-code;
    display: none;
    /* fix for IE11 */
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3; }
  .fx-loms-fixing:not(.Editable) .loms-fixing-code-input {
    display: inline-block; }
  .fx-loms-fixing:not(.Editable) .loms-fixing-code-select {
    display: none; }
  .fx-loms-fixing.Activated .loms-fixing-lb, .fx-loms-fixing.Activated .loms-fixing-code-input {
    color: #1cb31c; }
  .fx-loms-fixing.AwaitingActivation .loms-fixing-lb, .fx-loms-fixing.AwaitingActivation .loms-fixing-code-input {
    color: #1cb31c; }
  .fx-loms-fixing.Done .loms-fixing-lb, .fx-loms-fixing.Done .loms-fixing-code-input {
    color: #2498BA; }
  .fx-loms-fixing.Informed .loms-fixing-lb, .fx-loms-fixing.Informed .loms-fixing-code-input {
    color: #FFFFFF; }
  .fx-loms-fixing.Disabled .loms-fixing-code-input {
    color: #4A4A52; }