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