/* 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; /* fix for IE11 */ display: -ms-grid; -ms-grid-columns: 1fr; -ms-grid-rows: 1fr; min-height: 0; } .fx-spot-fwd-ticket-tile { display: flex; flex-direction: column; margin: 3px 2.5px 3px 2.5px; position: relative; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile.dndDraggingSource { opacity: 0; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-ticket-tile-loading, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile { border: 1px solid #666570; border-radius: 2px; box-sizing: border-box; background-color: #1F1F1F; padding: 5px 5.5px 5px 5px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-ticket-tile-loading:hover, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile:hover { border: 1px solid #FF9933; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-ticket-tile-loading { flex: 1; display: grid; grid-template-rows: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr; min-height: 0; /* fix for IE11 */ display: -ms-grid; flex-basis: auto; -ms-grid-columns: 1fr auto 1fr; -ms-grid-rows: 1fr auto 1fr; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-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-spot-fwd-ticket-tile .fx-spot-fwd-ticket-tile-loaded { flex: 1; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; /* fix for IE11 */ flex-basis: auto; display: -ms-grid; -ms-grid-columns: 1fr; -ms-grid-rows: 1fr; min-height: 0; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-mini-tile { display: none; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile { display: flex; flex-direction: column; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile fx-header { margin-bottom: 1.75px; flex: 0; /* fix for IE11 */ flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel { flex-direction: row; margin: 1.75px 0px; flex: 0; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; /* fix for IE11 */ display: -ms-grid; flex-basis: auto; -ms-grid-columns: 1fr; -ms-grid-rows: 1fr; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel et-rate-button { flex-grow: 1; max-width: 262px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-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; grid-gap: 2px 1.5px; margin-top: 1.75px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-scroll-panel { display: flex; flex: 1; flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-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' 'tenor-lb tenor-lb tenor-date tenor-date' 'dealt-ccy-lbl dealt-ccy-lbl dealt-amount dealt-amount' '. . conversion-rate conversion-rate' 'contra-ccy-lbl contra-ccy-lbl contra-amount contra-amount'; column-gap: 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 2px auto 2px auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-client-name-label { grid-area: client-name-lbl; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-client-name { grid-area: client-name; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 5; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-deal-types { grid-area: deal-type; margin-top: 2px; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 3; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-account { grid-area: account; margin-top: 2px; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 5; -ms-grid-row: 3; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-tenor-label { grid-area: tenor-lb; margin-top: 2px; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-tenor-label .validation-tooltip { color: #F5475B; position: absolute; margin-left: 3px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-tenor-date { grid-area: tenor-date; margin-top: 2px; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 5; -ms-grid-row: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-dealt-ccy-lbl { grid-area: dealt-ccy-lbl; margin-top: 2px; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 7; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-dealt-ccy-lbl LABEL { display: inline-block; width: 100%; box-sizing: border-box; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-dealt-ccy-lbl LABEL SPAN { float: right; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-dealt-amount { grid-area: dealt-amount; margin-top: 2px; min-width: 0px; /* fix for IE11 */ -ms-grid-column: 5; -ms-grid-column-span: 5; -ms-grid-row: 7; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-conversion-rate { grid-area: conversion-rate; margin-top: 2px; -ms-grid-column: 5; -ms-grid-column-span: 5; -ms-grid-row: 9; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-contra-ccy-lbl { grid-area: contra-ccy-lbl; margin-top: 2px; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 11; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-contra-ccy-lbl LABEL { display: inline-block; width: 100%; box-sizing: border-box; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-contra-ccy-lbl LABEL SPAN { float: right; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-contra-amount { grid-area: contra-amount; margin-top: 2px; min-width: 0px; /* fix for IE11 */ -ms-grid-column: 5; -ms-grid-column-span: 5; -ms-grid-row: 11; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area { margin-top: 1.5px; margin-bottom: 3px; flex: 0; flex-basis: auto; display: none; grid-template-columns: 89.5px 15px 63.5px 83px; grid-template-rows: 21px 21px 21px 21px; grid-template-areas: 'fixing-lbl fixing-lbl fixing-date fixing-date' 'fixing-detail-area fixing-detail-area fixing-detail-area fixing-detail-area' 'fixing-detail-area fixing-detail-area fixing-detail-area fixing-detail-area' 'fixing-detail-area fixing-detail-area fixing-detail-area fixing-detail-area'; grid-gap: 2px 1.5px; /* fix 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; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area .fx-spot-fwd-fixing-lbl { grid-area: fixing-lbl; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area .fx-spot-fwd-fixing-date { grid-area: fixing-date; /* fix for IE11 */ -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area .fx-fixing-detail-area { grid-area: fixing-detail-area; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 7; -ms-grid-row: 3; -ms-grid-row-span: 5; background: #1A1A1C; border: 1px solid #212124; padding: 5px; white-space: pre-wrap; overflow: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area .fx-fixing-detail-area:hover { border-color: #666570; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area .fx-fixing-detail-area .fx-label { padding: 0; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-one-click-area { position: relative; display: grid; grid-template-columns: 89.5px 15px 63.5px 83px; grid-template-rows: 21px; grid-gap: 2px 1.5px; grid-template-areas: 'slippage-lbl slippage-lbl slippage-input empty'; /* fix for IE11 */ display: -ms-grid; -ms-grid-columns: 89.5px 1.5px 15px 1.5px 63.5px 1.5px 83px; -ms-grid-rows: 1fr; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-one-click-area .fx-spot-fwd-one-click-lbl { grid-area: slippage-lbl; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-one-click-area fx-one-click-slippage { grid-area: slippage-input; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 1; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup { flex: 0; flex-basis: auto; display: grid; grid-template-columns: 1fr; grid-template-areas: 'markup-checkbox' 'markup-bid' 'markup-ask'; grid-gap: 2px 1.5px; /* fix for IE11 */ display: -ms-grid; -ms-grid-columns: 1fr; -ms-grid-rows: auto 2px auto 2px auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-checkbox { grid-area: markup-checkbox; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 7; -ms-grid-row: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask { flex: 0; flex-basis: auto; display: grid; grid-template-columns: 89.5px 15px 83.5px 63px; grid-template-areas: 'markup-direction markup-direction markup-direction markup-direction' 'spot-rate-lbl spot-rate-lbl spot-rate spot-markup' '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' 'profit-lbl profit-lbl profit profit'; 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 2px auto 2px auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .fx-markup-direction { grid-area: markup-direction; 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-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .fx-markup-direction legend { padding: 0 5px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-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-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-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-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-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-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 7; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 7; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 9; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .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: 9; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .fx-profit-lbl { grid-area: profit-lbl; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 11; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask .fx-profit { grid-area: profit; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 11; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-bid, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-both { grid-area: markup-bid; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 3; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-ask { grid-area: markup-ask; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-ask .fx-spot-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-ask .fx-fwd-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-ask .fx-allin-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-ask .fx-markup-contra-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-ask .fx-profit-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-bid .fx-spot-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-bid .fx-fwd-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-bid .fx-allin-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-bid .fx-markup-contra-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup .fx-markup-bid-ask.fx-markup-bid .fx-profit-lbl { padding-left: 10px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-fwd-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-fwd-rate, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-fwd-markup, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-allin-rate-lbl, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-allin-rate { display: none; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-markup-contra-lbl { grid-area: 3 / 1 / span 1 / span 2; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-markup-contra-amount { grid-area: 3 / 3 / span 1 / span 2; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-profit-lbl { grid-area: 4 / 1 / span 1 / span 2; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 7; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-markup.fx-spot-fwd-markup-spot-only .fx-markup-bid-ask .fx-profit { grid-area: 4 / 3 / span 1 / span 2; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 7; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-rate-lbl.Disabled, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-fwd-rate-lbl.Disabled, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-allin-rate-lbl.Disabled, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-markup-contra-lbl.Disabled, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-profit-lbl.Disabled, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-profit-unknown.Disabled { color: #4A4A52; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-rate-lbl.Done, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-fwd-rate-lbl.Done, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-allin-rate-lbl.Done, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-markup-contra-lbl.Done, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-profit-lbl.Done, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-profit-unknown.Done { color: #2498BA; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-markup-checkbox.Done input[type="checkbox"] + label { opacity: 1; color: #2498BA; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-profit-unknown { padding-left: 5px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data et-custom-fields { flex: 1; flex-basis: auto; margin-top: 10px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-svd-area { flex: 0; flex-basis: auto; margin-top: 5px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data et-proxy-unregister-panel { flex: 0; flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .empty-row { flex: 1; flex-basis: 0px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-tall { flex: 0; display: none; grid-template-rows: 1fr; grid-template-columns: 1fr; /* fix for IE11 */ -ms-grid-columns: 1fr; -ms-grid-rows: 1fr; flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action { flex: 0; display: none; grid-template-columns: 89.5px 15px 63.5px 83px; grid-template-areas: 'close close submit-area submit-area'; grid-gap: 2px 1.5px; /* fix for IE11 */ flex-basis: auto; -ms-grid-columns: 89.5px 1.5px 15px 1.5px 63.5px 1.5px 83px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-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-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action.action-with-markup .fx-spot-fwd-submit-area { /* fix for IE11 */ -ms-grid-column: 3; -ms-grid-column-span: 5; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action.action-with-markup .fx-spot-fwd-submit-area .fx-spot-fwd-button-print { flex: 0; min-width: 52px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action.action-with-markup .fx-spot-fwd-button-close { /* fix for IE11 */ -ms-grid-column-span: 1; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-button-close { grid-area: close; align-self: flex-end; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-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; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-timeout label { color: #FF9933; width: 100%; order: 2; font-size: 9px; font-weight: bold; line-height: 11px; height: 11px; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-timeout-timerPaused { visibility: hidden; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area { grid-area: submit-area; display: flex; flex-direction: row; align-self: flex-end; column-gap: 1.5px; /* fix for IE11 */ -ms-grid-column: 5; -ms-grid-column-span: 3; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-trade-options { flex: 0; /* fix for IE11 */ display: inline-block; flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-submit, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-withdraw, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-reject { flex: 1; /* fix for IE11 */ flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-print { flex: 1; /* fix for IE11 */ flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-confirmdeal { flex: 2; display: none; /* fix for IE11 */ flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-confirmdeal.RequireEmirConfirm, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-confirmdeal.AwaitEmirConfirm, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-confirmdeal.EmirFail { display: block; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action .fx-spot-fwd-submit-area .fx-spot-fwd-button-markup { flex: 2; /* fix for IE11 */ flex-basis: auto; } .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-multi-account, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-si-detail, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile .fx-spot-fwd-memo, .fx-spot-fwd-ticket-tile .fx-spot-fwd-full-tile et-chat { flex: 1; flex-basis: auto; display: none; margin-top: 1.75px; background-color: #1F1F1F; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--shrink .fx-spot-fwd-full-tile { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--shrink .fx-spot-fwd-mini-tile { display: grid; flex: 1; display: -ms-grid; flex-basis: auto; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-si-detail { display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--memo .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--memo .fx-spot-fwd-full-tile .fx-spot-fwd-memo { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--hide-request-action .fx-spot-fwd-request-action { visibility: hidden; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--hide-request-action .validation-tooltip { visibility: hidden; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--multi-account .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half.fx-spot-fwd-tile--multi-account .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half .fx-spot-fwd-full-tile .fx-spot-fwd-parent, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--half .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--regular .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--regular .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area { display: grid; /* fix for IE11 */ display: -ms-grid; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--tall .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-action, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--tall .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-fixing-area { display: grid; /* fix for IE11 */ display: -ms-grid; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--tall .fx-spot-fwd-full-tile .fx-spot-fwd-request-data.chat-opened et-scroll-panel { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--tall .fx-spot-fwd-full-tile .fx-spot-fwd-request-data.chat-opened et-chat { display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-si-detail { display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--memo .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--memo .fx-spot-fwd-full-tile .fx-spot-fwd-memo { display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account .fx-spot-fwd-full-tile .fx-spot-fwd-multi-account { z-index: 1; display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account-si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account-si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account-si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-multi-account { z-index: 1; display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--multi-account-si-detail .fx-spot-fwd-full-tile .fx-spot-fwd-multi-account .fx-spot-fwd-si-detail { display: flex; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--hide-request-action .fx-spot-fwd-full-tile .fx-spot-fwd-request-action { visibility: hidden; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--hide-request-action .fx-spot-fwd-full-tile .validation-tooltip { visibility: hidden; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--hide-request-action .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-contra-ccy-lbl, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--hide-request-action .fx-spot-fwd-full-tile .fx-spot-fwd-request-data .fx-spot-fwd-request-normal-fields .fx-spot-fwd-contra-amount { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--hide-request-action .fx-spot-fwd-full-tile .fx-spot-fwd-svd-area { display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-spot-fwd-deal-types, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-label, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-input-text, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-textarea, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-span, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-spot-fwd-client-name-label, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--deal-logged .fx-spot-fwd-client-name { color: #2498BA; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modifying .fx-spot-fwd-tenor-label, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modifying .fx-spot-fwd-client-name-label, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modifying .fx-spot-fwd-client-name { color: #2498BA; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modifying .fx-markup-checkbox input[type="checkbox"] + label { color: #FFFFFF; opacity: 1; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modify-failed .fx-spot-fwd-tenor-label, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modify-failed .fx-spot-fwd-client-name-label, .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modify-failed .fx-spot-fwd-client-name { color: #2498BA; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--modify-failed .fx-markup-checkbox input[type="checkbox"] + label { color: #FFFFFF; opacity: 1; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--close-of-day.fx-spot-fwd-tile--half .fx-spot-fwd-ticket-tile-loaded .fx-spot-fwd-full-tile .fx-spot-fwd-rate-panel { padding-top: 0px; display: none; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--close-of-day fx-close-of-day { display: grid; flex: 1; min-height: 0; /* fix for IE11 */ display: -ms-grid; flex-basis: 0; } .fx-spot-fwd-ticket-tile.fx-spot-fwd-tile--close-of-day .fx-spot-fwd-ticket-tile-loaded .fx-spot-fwd-full-tile .fx-spot-fwd-request-data { display: none; }