/*
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-hr-mr-ticket-tile {
  display: flex;
  flex-direction: column;
  margin: 3px 2.5px 3px 2.5px;
  position: relative; }
  .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-loading,
  .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content {
    border: 1px solid #666570;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #1F1F1F;
    padding: 5px 5.5px 5px 5px; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-loading:hover,
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content:hover {
      border: 1px solid #FF9933; }
  .fx-hr-mr-ticket-tile .fx-hr-mr-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-hr-mr-ticket-tile .fx-hr-mr-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-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content {
    flex: 1;
    flex-basis: auto;
    display: flex;
    flex-direction: column;
    /* fix for IE11 */
    flex-basis: auto; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-header {
      flex: 0;
      flex-basis: auto;
      margin-bottom: 1.75px; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content.chat-opened et-scroll-panel {
      display: none; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content.chat-opened et-chat {
      display: flex; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-rate-panel {
      flex: 0;
      flex-basis: auto;
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: 1fr;
      margin: 1.75px 0px;
      /* fix for IE11 */
      flex-basis: auto; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-rate-panel .fx-hr-mr-direction-button {
        flex: 1;
        flex-basis: auto;
        max-width: 262px; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-scroll-panel {
      display: flex;
      flex: 1;
      flex-basis: auto; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content fx-hr-mr-parent {
      flex: 0;
      flex-basis: auto;
      margin: 1.75px 0px;
      /* fix for IE11 */
      flex-basis: auto; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data {
      flex: 1;
      margin-top: 1.75px;
      display: flex;
      flex-direction: column;
      padding: 1.5px 2px 0px 1.5px;
      border: 1px solid black;
      background-color: #1F1F1F; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields {
        flex: 0;
        flex-basis: auto;
        display: grid;
        padding-top: 4px;
        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'
 'leg-tenor-lbl leg-tenor-lbl leg-tenor-date leg-tenor-date'
 'dealt-ccy-lbl copy-amount dealt-amount dealt-amount'
 'contra-ccy-lbl contra-ccy-lbl contra-amount contra-amount'
 'cashflowdiff-lbl cashflowdiff-lbl cashflowdiff cashflowdiff'
 'empty-row empty-row empty-row empty-row';
        grid-gap: 2px 1.5px;
        /* for ie11 */
        -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;
        display: -ms-grid; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-client-name-label {
          grid-area: client-name-lbl;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          display: block; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-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;
          display: block; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-deal-types {
          grid-area: deal-type;
          /* for ie11 */
          -ms-grid-row: 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          display: block; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-account {
          grid-area: account;
          /* for ie11 */
          -ms-grid-row: 3;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3;
          display: block; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-leg-tenor-label {
          grid-area: leg-tenor-lbl;
          /* for ie11 */
          -ms-grid-row: 5;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-leg-tenor-label .validation-tooltip {
            color: #F5475B;
            position: absolute;
            margin-left: 3px; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-leg-tenor-date {
          grid-area: leg-tenor-date;
          /* for ie11 */
          -ms-grid-row: 5;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3;
          display: block; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-dealt-ccy-lbl {
          grid-area: dealt-ccy-lbl;
          /* for ie11 */
          -ms-grid-row: 7;
          -ms-grid-column: 1; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-contra-ccy-lbl {
          grid-area: contra-ccy-lbl;
          /* for ie11 */
          -ms-grid-row: 9;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-deal-info {
          grid-area: deal-info; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-copy-amount {
          grid-area: copy-amount;
          /* for ie11 */
          -ms-grid-row: 7;
          -ms-grid-column: 3;
          display: inline-block; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-dealt-amount {
          grid-area: dealt-amount;
          min-width: 0px;
          /* for ie11 */
          -ms-grid-row: 7;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-contra-amount {
          grid-area: contra-amount;
          min-width: 0px;
          /* for ie11 */
          -ms-grid-row: 9;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-cashflowdiff {
          grid-area: cashflowdiff;
          /* for ie11 */
          -ms-grid-row: 11;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-normal-fields .fx-hr-mr-cashflowdiff-lbl {
          grid-area: cashflowdiff-lbl;
          /* for ie11 */
          -ms-grid-row: 11;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup {
        flex: 0;
        flex-basis: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: 'markup-checkbox'
 'markup-bid-ask';
        grid-gap: 2px 1.5px;
        /* fix for IE11 */
        display: -ms-grid;
        -ms-grid-columns: 1fr;
        -ms-grid-rows: auto 2px auto; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-checkbox {
          grid-area: markup-checkbox;
          /* fix for IE11 */
          display: inline-block;
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          -ms-grid-row: 1; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask {
          grid-area: markup-bid-ask;
          /* fix for IE11 */
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          -ms-grid-row: 3;
          flex: 0;
          flex-basis: auto;
          display: grid;
          grid-template-columns: 89.5px 15px 83.5px 63px;
          grid-template-areas: 'spot-rate-lbl spot-rate-lbl spot-rate spot-markup'
 'markup-leg markup-leg markup-leg markup-leg'
 'markup-offset-leg markup-offset-leg markup-offset-leg markup-offset-leg';
          grid-gap: 2px 1.5px;
          /* fix for IE11 */
          display: -ms-grid;
          -ms-grid-columns: 89.5px 1.5px 15px 1.5px 83.5px 1.5px 63px;
          -ms-grid-rows: auto 2px auto 2px auto; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-spot-rate-lbl {
            grid-area: spot-rate-lbl;
            /* fix for IE11 */
            display: inline-block;
            -ms-grid-column: 1;
            -ms-grid-column-span: 3;
            -ms-grid-row: 3; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-spot-rate {
            grid-area: spot-rate;
            /* fix for IE11 */
            display: inline-block;
            -ms-grid-column: 5;
            -ms-grid-column-span: 1;
            -ms-grid-row: 3; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-spot-markup {
            grid-area: spot-markup;
            /* fix for IE11 */
            display: inline-block;
            -ms-grid-column: 7;
            -ms-grid-column-span: 1;
            -ms-grid-row: 3; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data {
            display: grid;
            grid-template-columns: 89.5px 15px 83.5px 63px;
            row-gap: 2px;
            grid-template-areas: 'tenor tenor tenor tenor'
 'fwd-rate-lbl fwd-rate-lbl fwd-rate fwd-markup'
 'allin-rate-lbl allin-rate-lbl allin-rate allin-rate'
 'markup-contra-lbl markup-contra-lbl markup-contra markup-contra';
            grid-gap: 2px 1.5px;
            /* fix for IE11 */
            display: -ms-grid;
            -ms-grid-columns: 89.5px 1.5px 15px 1.5px 83.5px 1.5px 63px;
            -ms-grid-rows: auto 2px auto 2px auto 2px auto; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-markup-tenor {
              grid-area: tenor;
              margin: 0;
              border-width: 1px 0 0 0;
              padding: 0;
              /* fix for IE11 */
              -ms-grid-column: 1;
              -ms-grid-column-span: 7;
              -ms-grid-row: 1; }
              .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-markup-tenor legend {
                padding: 0 5px; }
                .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-markup-tenor legend label {
                  padding-left: 0px; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-fwd-rate-lbl {
              grid-area: fwd-rate-lbl;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 1;
              -ms-grid-column-span: 3;
              -ms-grid-row: 3;
              padding-left: 10px; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-fwd-rate {
              grid-area: fwd-rate;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 5;
              -ms-grid-column-span: 1;
              -ms-grid-row: 3; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-fwd-markup {
              grid-area: fwd-markup;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 7;
              -ms-grid-column-span: 1;
              -ms-grid-row: 3; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-allin-rate-lbl {
              grid-area: allin-rate-lbl;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 1;
              -ms-grid-column-span: 3;
              -ms-grid-row: 5;
              padding-left: 10px; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-allin-rate {
              grid-area: allin-rate;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 5;
              -ms-grid-column-span: 3;
              -ms-grid-row: 5; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-markup-contra-lbl {
              grid-area: markup-contra-lbl;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 1;
              -ms-grid-column-span: 3;
              -ms-grid-row: 7;
              padding-left: 10px; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data .fx-markup-contra-amount {
              grid-area: markup-contra;
              /* fix for IE11 */
              display: inline-block;
              -ms-grid-column: 5;
              -ms-grid-column-span: 3;
              -ms-grid-row: 7; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data.fx-markup-aux-leg {
            grid-area: markup-leg;
            /* fix for IE11 */
            -ms-grid-column: 1;
            -ms-grid-column-span: 7;
            -ms-grid-row: 5; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-markup .fx-markup-bid-ask .fx-markup-leg-data.fx-markup-offset-leg {
            grid-area: markup-offset-leg;
            /* fix for IE11 */
            -ms-grid-column: 1;
            -ms-grid-column-span: 7;
            -ms-grid-row: 7; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-spot-rate-lbl.Disabled, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-fwd-rate-lbl.Disabled, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-allin-rate-lbl.Disabled, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-markup-contra-lbl.Disabled, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-profit-lbl.Disabled {
        color: #4A4A52; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-spot-rate-lbl.Done, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-fwd-rate-lbl.Done, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-allin-rate-lbl.Done, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-markup-contra-lbl.Done, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-profit-lbl.Done {
        color: #2498BA; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-markup-tenor.Done {
        color: #2498BA;
        border-color: #2498BA; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-markup-tenor label.Done {
        color: #2498BA; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-markup-checkbox.Done input[type="checkbox"] + label {
        opacity: 1;
        color: #2498BA; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data et-custom-fields {
        flex: 1;
        flex-basis: auto;
        margin-top: 10px; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data et-proxy-unregister-panel {
        flex: 0;
        flex-basis: auto; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .empty-row {
        flex: 1;
        flex-basis: auto; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-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-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action.action-with-markup {
          grid-template-columns: 52.5px 52px 63.5px 83px;
          grid-template-areas: 'close submit-area submit-area submit-area';
          grid-gap: 2px 1.5px;
          /* fix for IE11 */
          flex-basis: auto;
          -ms-grid-columns: 52.5px 1.5px 52px 1.5px 63.5px 1.5px 83px; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action.action-with-markup .fx-hr-mr-submit-area {
            /* fix for IE11 */
            -ms-grid-column: 3;
            -ms-grid-column-span: 5; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action.action-with-markup .fx-hr-mr-submit-area .fx-hr-mr-button-print {
              flex: 0;
              min-width: 52px; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action.action-with-markup .fx-hr-mr-button-close {
            /* fix for IE11 */
            -ms-grid-column-span: 1; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-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-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout {
          grid-area: close;
          align-content: flex-start;
          line-height: 0px;
          flex-direction: row;
          flex-wrap: wrap;
          height: 17px;
          padding-top: 2px;
          align-self: flex-end;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout .progressBar {
            width: 100%;
            order: 1; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout label {
            color: #FF9933;
            width: 100%;
            order: 2;
            font-size: 9px;
            font-weight: bold;
            line-height: 11px;
            height: 11px; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout .progress {
            height: 6px;
            margin-bottom: 0px;
            background-color: #2E2E33; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout .progress .progress-bar {
              background-color: #FF9933; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout .progress .progress-bar-LESS_THAN_25_PERCENT_REMAINING {
              background-color: #c23848; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-timeout-timerPaused {
          visibility: hidden; }
        .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area {
          grid-area: submit-area;
          display: flex;
          flex-direction: row;
          align-self: flex-end;
          column-gap: 1.5px;
          /* for ie11 */
          -ms-grid-row: 1;
          -ms-grid-column: 5;
          -ms-grid-column-span: 3; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-npft {
            flex: 0;
            flex-basis: auto;
            margin-right: 3px; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-submit,
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-withdraw,
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-reject {
            flex: 1;
            flex-basis: auto; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-print {
            flex: 1;
            flex-basis: auto; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-confirmdeal {
            flex: 2;
            flex-basis: auto;
            display: none; }
            .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-confirmdeal.RequireEmirConfirm, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-confirmdeal.AwaitEmirConfirm, .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-confirmdeal.EmirFail {
              display: block; }
          .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data .fx-hr-mr-request-action .fx-hr-mr-submit-area .fx-hr-mr-button-markup {
            flex: 2;
            /* fix for IE11 */
            flex-basis: auto; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data.chat-opened et-scroll-panel {
        display: none; }
      .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data.chat-opened et-chat {
        display: flex;
        height: 50px; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content et-chat {
      flex: 1;
      flex-basis: auto;
      display: none;
      margin-top: 1.75px; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content fx-si-detail {
      flex: 1;
      flex-basis: auto;
      display: none;
      margin-top: 1.75px;
      background-color: #1F1F1F; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content .fx-hr-mr-memo {
      flex: 1;
      flex-basis: auto;
      display: none;
      margin-top: 1.75px;
      background-color: #1F1F1F;
      border: 1px solid black; }
    .fx-hr-mr-ticket-tile .fx-hr-mr-ticket-tile-content fx-close-of-day {
      flex: 1;
      flex-basis: 0;
      min-height: 0; }
  .fx-hr-mr-ticket-tile fx-mini-tile {
    flex: 1;
    flex-basis: auto;
    display: none; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--shrink .fx-hr-mr-ticket-tile-content {
    display: none; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--shrink fx-mini-tile {
    display: grid; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--half .fx-hr-mr-ticket-tile-content fx-hr-mr-parent,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--half .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data {
    display: none; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--si-detail .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--si-detail .fx-hr-mr-ticket-tile-content .fx-hr-mr-rate-panel {
    display: none; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--si-detail .fx-hr-mr-ticket-tile-content fx-si-detail {
    display: flex;
    z-index: 1; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--memo .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--memo .fx-hr-mr-ticket-tile-content.fx-hr-mr-ticket-tile--half .fx-hr-mr-memo {
    display: none; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--memo .fx-hr-mr-ticket-tile-content .fx-hr-mr-memo {
    display: flex;
    z-index: 1; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--deal-logged .fx-hr-mr-client-name,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--deal-logged .fx-hr-mr-client-name-label,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--deal-logged .fx-hr-mr-deal-types,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--deal-logged .fx-hr-mr-leg-tenor-label,
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--deal-logged .fx-hr-mr-cashflowdiff-lbl {
    color: #2498BA; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modifying .fx-hr-mr-leg-tenor-label, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modifying .fx-hr-mr-deal-types, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modifying .fx-hr-mr-client-name, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modifying .fx-hr-mr-client-name-label, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modifying .fx-hr-mr-cashflowdiff-lbl {
    color: #2498BA; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modifying .fx-markup-checkbox input[type="checkbox"] + label {
    color: #FFFFFF;
    opacity: 1; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modify-failed .fx-hr-mr-leg-tenor-label, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modify-failed .fx-hr-mr-deal-types, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modify-failed .fx-hr-mr-client-name, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modify-failed .fx-hr-mr-client-name-label, .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modify-failed .fx-hr-mr-cashflowdiff-lbl {
    color: #2498BA; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--modify-failed .fx-markup-checkbox input[type="checkbox"] + label {
    color: #FFFFFF;
    opacity: 1; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--close-of-day.fx-hr-mr-ticket-tile--half .fx-hr-mr-ticket-tile-content .fx-hr-mr-rate-panel {
    padding-top: 0px;
    display: none; }
  .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--close-of-day .fx-hr-mr-ticket-tile-content {
    flex-basis: 0; }
    .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--close-of-day .fx-hr-mr-ticket-tile-content fx-close-of-day {
      display: grid; }
    .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--close-of-day .fx-hr-mr-ticket-tile-content fx-hr-mr-parent,
    .fx-hr-mr-ticket-tile.fx-hr-mr-ticket-tile--close-of-day .fx-hr-mr-ticket-tile-content .fx-hr-mr-request-data {
      display: none; }
  .fx-hr-mr-ticket-tile .fx-hr-mr-cashflowdiff-lbl.Editable {
    color: #4A4A52; }
  .fx-hr-mr-ticket-tile .fx-hr-mr-cashflowdiff-lbl.Disabled {
    color: #4A4A52; }
  .fx-hr-mr-ticket-tile .fx-hr-mr-request-data label,
  .fx-hr-mr-ticket-tile et-amount-input,
  .fx-hr-mr-ticket-tile et-copy-amount-btn-component,
  .fx-hr-mr-ticket-tile et-textfield {
    display: inline-block; }