/*
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: grid;
  grid-template-rows: 28px 1fr;
  grid-template-columns: 1fr;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 26px 1fr;
  border: 1px solid #666570;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #1F1F1F;
  padding: 5px 5.5px 5px 5px;
  margin: 3px 2.5px 3px 2.5px; }
  :host .fx-poms-import-tools {
    display: flex;
    flex-direction: row-reverse;
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    :host .fx-poms-import-tools .fx-poms-import-tool {
      margin-left: 4px;
      flex-basis: auto;
      font-size: 12px;
      font-weight: 700;
      line-height: 17px;
      padding: 0px; }
      :host .fx-poms-import-tools .fx-poms-import-tool.export-to-sheet {
        padding: 0px; }
      :host .fx-poms-import-tools .fx-poms-import-tool .icon-excel {
        margin-top: 3px; }
      :host .fx-poms-import-tools .fx-poms-import-tool span {
        margin-top: 3px;
        padding: 0px; }
      :host .fx-poms-import-tools .fx-poms-import-tool .create-tr {
        margin-left: 5px;
        margin-right: 5px; }
    :host .fx-poms-import-tools .import-error {
      flex-grow: 1;
      color: #F5475B; }
  :host et-data-table {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }