/*
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-columns: 1fr;
  grid-template-rows: 1fr;
  display: -ms-grid;
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 1fr; }

.fx-todd-ticket-tile {
  display: flex;
  flex-direction: column;
  margin: 3px 2.5px 3px 2.5px;
  position: relative; }
  .fx-todd-ticket-tile .fx-todd-ticket-tile-loading, .fx-todd-ticket-tile .fx-todd-ticket-tile-content {
    border: 1px solid #666570;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #1F1F1F;
    padding: 5px 5.5px 5px 5px; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-loading:hover, .fx-todd-ticket-tile .fx-todd-ticket-tile-content:hover {
      border: 1px solid #FF9933; }
  .fx-todd-ticket-tile .fx-todd-ticket-tile-loading {
    flex: 1;
    flex-basis: auto;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    min-height: 0;
    display: -ms-grid;
    -ms-grid-columns: 1fr auto 1fr;
    -ms-grid-rows: 1fr auto 1fr; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-loading .loading-body {
      grid-row-start: 2;
      grid-row-end: 3;
      grid-column-start: 2;
      grid-column-end: 3;
      -ms-grid-row: 2;
      -ms-grid-column: 2;
      text-align: center; }
  .fx-todd-ticket-tile .fx-todd-ticket-tile-content {
    flex: 1;
    flex-basis: auto;
    display: flex;
    grid-template-rows: 0fr 0fr 0fr 1fr;
    flex-direction: column; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content.chat-opened .fx-todd-request-data et-scroll-panel {
      display: none; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content.chat-opened fx-todd-parent {
      display: none; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content.chat-opened .fx-todd-request-data et-chat {
      display: flex;
      flex: 1; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-header {
      flex: 0;
      flex-basis: auto;
      margin-bottom: 1.75px; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-rate-panel {
      flex: 0;
      flex-basis: auto;
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: 1fr;
      margin: 1.75px 0px; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-rate-panel .fx-todd-direction-button {
        flex: 1;
        flex-basis: auto;
        max-width: 262px; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content fx-todd-parent {
      flex: 0;
      flex-basis: auto;
      margin: 1.75px 0px; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data {
      flex: 1;
      flex-basis: auto;
      display: flex;
      flex-direction: column;
      padding: 1.5px 2px 0px 1.5px;
      border: 1px solid black;
      background-color: #1F1F1F;
      margin-top: 1.75px; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-scroll-panel {
        display: flex;
        flex: 1;
        flex-basis: auto; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields {
        flex: 0;
        flex-basis: auto;
        display: grid;
        grid-template-columns: 89.5px 15px 63.5px 83px;
        grid-template-areas: 'client-name-lbl client-name-lbl client-name client-name'
 'deal-type deal-type account account'
 'leg0-tenor-lb leg0-tenor-lb leg0-tenor-date leg0-tenor-date'
 'leg1-tenor-lb leg1-tenor-lb leg1-tenor-date leg1-tenor-date'
 'dealt-ccy-lbl copy-amount dealt-amount dealt-amount'
 'contra-ccy-lbl contra-ccy-lbl contra-amount contra-amount'
 'empty-row empty-row empty-row empty-row';
        grid-gap: 2px 1.5px;
        /* for ie11 */
        display: -ms-grid;
        -ms-grid-columns: 89.5px 1.5px 15px 1.5px 63.5px 1.5px 83px;
        -ms-grid-rows: 21px 2px 21px 2px 21px 2px 21px 2px 21px 2px 21px; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-client-name-label {
          grid-area: client-name-lbl;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-client-name {
          grid-area: client-name;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-deal-types {
          grid-area: deal-type;
          /* for ie11 */
          -ms-grid-row: 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-account {
          grid-area: account;
          /* for ie11 */
          -ms-grid-row: 3;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-leg0-tenor-label {
          grid-area: leg0-tenor-lb;
          /* for ie11 */
          -ms-grid-row: 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
          .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-leg0-tenor-label .validation-tooltip {
            color: #F5475B;
            position: absolute;
            margin-left: 3px; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-leg0-tenor-date {
          grid-area: leg0-tenor-date;
          /* for ie11 */
          -ms-grid-row: 5;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-leg1-tenor-label {
          grid-area: leg1-tenor-lb;
          /* for ie11 */
          -ms-grid-row: 7;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-leg1-tenor-date {
          grid-area: leg1-tenor-date;
          /* for ie11 */
          -ms-grid-row: 7;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-dealt-ccy-lbl {
          grid-area: dealt-ccy-lbl;
          /* for ie11 */
          -ms-grid-row: 9;
          -ms-grid-column: 1; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-copy-amount {
          grid-area: copy-amount;
          /* for ie11 */
          -ms-grid-row: 9;
          -ms-grid-column: 3;
          display: inline-block; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-dealt-amount {
          grid-area: dealt-amount;
          min-width: 0px;
          /* for ie11 */
          -ms-grid-row: 9;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-contra-ccy-lbl {
          grid-area: contra-ccy-lbl;
          /* for ie11 */
          -ms-grid-row: 11;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-contra-amount {
          grid-area: contra-amount;
          min-width: 0px;
          /* for ie11 */
          -ms-grid-row: 11;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-normal-fields .fx-todd-empty-row {
          grid-area: empty-row;
          /* for ie11 */
          -ms-grid-row: 13;
          -ms-grid-column: 1;
          -ms-grid-column-span: 7; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data et-custom-fields {
        margin-top: 10px; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data et-proxy-unregister-panel {
        flex: 0;
        flex-basis: auto; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .empty-row {
        flex: 1;
        flex-basis: auto; }
      .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action {
        flex: 0;
        flex-basis: auto;
        display: grid;
        grid-template-columns: 89.5px 15px 63.5px 83px;
        grid-template-areas: 'close close submit-area submit-area';
        grid-gap: 2px 1.5px;
        /* for ie11 */
        display: -ms-grid;
        -ms-grid-columns: 89.5px 1.5px 15px 1.5px 63.5px 1.5px 83px;
        min-height: 0; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-button-close {
          grid-area: close;
          align-self: flex-end;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
        .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area {
          grid-area: submit-area;
          display: flex;
          flex-direction: row;
          align-self: flex-end;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
          .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-npft {
            flex: 0;
            flex-basis: auto;
            margin-right: 3px; }
          .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-submit, .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-withdraw {
            flex: 1;
            flex-basis: auto; }
          .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-print {
            flex: 40;
            flex-basis: auto;
            min-width: 40px; }
          .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-confirmdeal {
            flex: 104;
            flex-basis: auto;
            display: none; }
            .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-confirmdeal.RequireEmirConfirm, .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-request-data .fx-todd-request-action .fx-todd-submit-area .fx-todd-button-confirmdeal.EmirFail {
              display: block; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content > fx-si-detail {
      flex: 1;
      flex-basis: auto;
      background-color: #1F1F1F;
      display: none; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content .fx-todd-memo {
      flex: 1;
      flex-basis: auto;
      background-color: #1F1F1F;
      border: 1px solid black;
      display: none; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content et-chat {
      flex: 1;
      flex-basis: auto;
      display: none; }
    .fx-todd-ticket-tile .fx-todd-ticket-tile-content fx-close-of-day {
      flex: 1;
      flex-basis: 0;
      min-height: 0; }
  .fx-todd-ticket-tile fx-mini-tile {
    flex: 1;
    flex-basis: auto;
    display: none; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--shrink .fx-todd-ticket-tile-content {
    display: none; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--shrink fx-mini-tile {
    display: grid; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--half fx-todd-parent, .fx-todd-ticket-tile.fx-todd-ticket-tile--half .fx-todd-ticket-tile-content .fx-todd-request-data, .fx-todd-ticket-tile.fx-todd-ticket-tile--half.fx-todd-ticket-tile--memo .fx-todd-memo {
    display: none; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--si-detail .fx-todd-ticket-tile-content .fx-todd-request-data,
  .fx-todd-ticket-tile.fx-todd-ticket-tile--si-detail .fx-todd-ticket-tile-content .fx-todd-rate-panel {
    display: none; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--si-detail .fx-todd-ticket-tile-content fx-si-detail {
    display: flex;
    z-index: 1; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--memo .fx-todd-ticket-tile-content .fx-todd-request-data {
    display: none; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--memo .fx-todd-ticket-tile-content .fx-todd-memo {
    display: flex;
    z-index: 1; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--deal-logged .fx-todd-deal-types, .fx-todd-ticket-tile.fx-todd-ticket-tile--deal-logged .fx-todd-leg0-tenor-label, .fx-todd-ticket-tile.fx-todd-ticket-tile--deal-logged .fx-todd-leg1-tenor-label, .fx-todd-ticket-tile.fx-todd-ticket-tile--deal-logged .fx-todd-client-name, .fx-todd-ticket-tile.fx-todd-ticket-tile--deal-logged .fx-todd-client-name-label {
    color: #2498BA; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--close-of-day.fx-todd-ticket-tile--half .fx-todd-ticket-tile-content .fx-todd-rate-panel {
    padding-top: 0px;
    display: none; }
  .fx-todd-ticket-tile.fx-todd-ticket-tile--close-of-day .fx-todd-ticket-tile-content {
    flex-basis: 0; }
    .fx-todd-ticket-tile.fx-todd-ticket-tile--close-of-day .fx-todd-ticket-tile-content fx-close-of-day {
      display: grid; }
    .fx-todd-ticket-tile.fx-todd-ticket-tile--close-of-day .fx-todd-ticket-tile-content fx-todd-parent, .fx-todd-ticket-tile.fx-todd-ticket-tile--close-of-day .fx-todd-ticket-tile-content .fx-todd-request-data {
      display: none; }
  .fx-todd-ticket-tile .fx-todd-request-data label, .fx-todd-ticket-tile fx-account-dropdown, .fx-todd-ticket-tile et-date-input, .fx-todd-ticket-tile et-amount-input, .fx-todd-ticket-tile et-copy-amount-btn-component, .fx-todd-ticket-tile et-textfield {
    display: block; }