/*
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: row; }
  :host .et-amount-ccy-label {
    flex-grow: 1;
    min-height: 0;
    /* fix for IE11 */
    display: inline-block;
    overflow: hidden;
    white-space: nowrap; }
    :host .et-amount-ccy-label.Disabled {
      color: #4a4a52; }
    :host .et-amount-ccy-label.Done {
      color: #2498BA; }
    :host .et-amount-ccy-label.Activated {
      color: #1cb31c; }
    :host .et-amount-ccy-label.AwaitingActivation {
      color: #1cb31c; }
  :host .tooltip-icon {
    flex-grow: 0;
    flex-basis: 15px;
    /* fix for IE11 */
    display: inline-block; }
    :host .tooltip-icon.icon-warning-2 {
      color: #F5475B; }