/* 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-pta-ticket-tile { display: flex; flex-direction: column; position: relative; margin: 3px 2.5px 3px 2.5px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-loading, .fx-pta-ticket-tile .fx-pta-ticket-tile-content { border: 1px solid #666570; border-radius: 2px; box-sizing: border-box; background-color: #1F1F1F; padding: 5px 5.5px 5px 5px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-loading:hover, .fx-pta-ticket-tile .fx-pta-ticket-tile-content:hover { border: 1px solid #FF9933; } .fx-pta-ticket-tile .fx-pta-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-pta-ticket-tile .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content { flex: 1; flex-basis: auto; display: flex; flex-direction: column; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content fx-header { flex: 0; flex-basis: auto; margin-bottom: 1.75px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-rate-panel { flex: 0; flex-basis: auto; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; margin: 1.75px 0px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-rate-panel .fx-pta-direction-button { flex: 1; max-width: 262px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-scroll-panel { display: flex; flex: 1; flex-basis: auto; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content fx-pta-parent { flex: 0; flex-basis: auto; margin: 1.75px 0px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content fx-pta-parent .alloc-value { max-width: 90px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data { flex: 1; display: flex; flex-direction: column; margin-top: 1.75px; padding: 1.5px 2px 0 1.5px; border: 1px solid black; background-color: #1F1F1F; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data.chat-opened et-scroll-panel { display: none; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data.chat-opened et-chat { display: flex; flex: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-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' 'leg0-tenor-lb leg0-tenor-lb leg0-tenor-date leg0-tenor-date' 'leg1-tenor-lb leg1-tenor-lb leg1-tenor-date leg1-tenor-date' 'dealt-ccy-lbl copy-amount dealt-amount dealt-amount' 'contra-ccy-lbl contra-ccy-lbl contra-amount contra-amount' 'empty-row empty-row empty-row empty-row'; grid-gap: 2px 1.5px; /* for ie11 */ display: -ms-grid; -ms-grid-columns: 89.5px 1.5px 15px 1.5px 63.5px 1.5px 83px; -ms-grid-rows: auto 2px auto 2px auto 2px auto 2px auto; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-client-name-label { grid-area: client-name-lbl; /* for ie11 */ -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-client-name { grid-area: client-name; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* for ie11 */ -ms-grid-row: 1; -ms-grid-column: 5; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-deal-types { grid-area: deal-type; /* for ie11 */ -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-account { grid-area: account; /* for ie11 */ -ms-grid-row: 3; -ms-grid-column: 5; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-leg0-tenor-label { grid-area: leg0-tenor-lb; /* for ie11 */ -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-leg0-tenor-label .validation-tooltip { color: #F5475B; position: absolute; margin-left: 3px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-leg0-tenor-date { grid-area: leg0-tenor-date; /* for ie11 */ -ms-grid-row: 5; -ms-grid-column: 5; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-leg1-tenor-label { grid-area: leg1-tenor-lb; /* for ie11 */ -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-leg1-tenor-date { grid-area: leg1-tenor-date; /* for ie11 */ -ms-grid-row: 7; -ms-grid-column: 5; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-dealt-ccy-lbl { grid-area: dealt-ccy-lbl; /* for ie11 */ -ms-grid-row: 9; -ms-grid-column: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-copy-amount { grid-area: copy-amount; /* for ie11 */ -ms-grid-row: 9; -ms-grid-column: 3; display: inline-block; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-dealt-amount { grid-area: dealt-amount; min-width: 0px; /* for ie11 */ -ms-grid-row: 9; -ms-grid-column: 5; -ms-grid-column-span: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-contra-ccy-lbl { grid-area: contra-ccy-lbl; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 11; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-contra-ccy-lbl LABEL { display: inline-block; width: 100%; box-sizing: border-box; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-contra-ccy-lbl LABEL SPAN { float: right; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-contra-amount { grid-area: contra-amount; min-width: 0px; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 11; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-normal-fields .fx-pta-empty-row { grid-area: empty-row; /* for ie11 */ -ms-grid-row: 13; -ms-grid-column: 1; -ms-grid-column-span: 7; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-checkbox label { display: inline; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd { 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' 'fwd-rate-lbl fwd-rate-lbl fwd-rate fwd-markup' 'allin-rate-lbl allin-rate-lbl allin-rate allin-rate'; 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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-spot-fwd .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap { grid-area: markup-bid-ask; -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: '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'; 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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-direction legend { padding: 0 3px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-direction .icon-switch-normal:before { font-size: 14px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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' 'tenor-date-lbl tenor-date-lbl tenor-date tenor-date' 'dealt-ccy-lbl copy-amount dealt-amount dealt-amount' '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; 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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-leg-data .fx-markup-tenor legend { padding: 0 5px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-leg-data .fx-tenor-date-lbl { grid-area: tenor-date-lbl; /* fix for IE11 */ display: inline-block; -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 3; padding-left: 10px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-leg-data .fx-tenor-date { grid-area: tenor-date; /* fix for IE11 */ -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 3; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-leg-data .fx-dealt-ccy-lbl { grid-area: dealt-ccy-lbl; /* fix for IE11 */ -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 5; padding-left: 5px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-leg-data .fx-pta-copy-amount { grid-area: copy-amount; /* fix for IE11 */ display: inline-block; -ms-grid-column: 3; -ms-grid-row: 5; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .fx-markup-leg-data .fx-dealt-amount { grid-area: dealt-amount; /* fix for IE11 */ display: inline-block; -ms-grid-column: 5; -ms-grid-column-span: 3; -ms-grid-row: 5; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 7; padding-left: 10px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 7; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 7; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 9; padding-left: 10px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 9; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 11; padding-left: 10px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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: 11; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-markup .fx-markup-bid-ask.fx-pta-markup-swap .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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-spot-rate-lbl.Disabled, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-fwd-rate-lbl.Disabled, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-allin-rate-lbl.Disabled, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-markup-contra-lbl.Disabled { color: #4A4A52; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-spot-rate-lbl.Done, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-fwd-rate-lbl.Done, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-allin-rate-lbl.Done, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-markup-contra-lbl.Done { color: #2498BA; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-markup-direction.Done, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-markup-tenor.Done { color: #2498BA; border-color: #2498BA; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-markup-checkbox.Done input[type="checkbox"] + label { opacity: 1; color: #2498BA; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data et-custom-fields { margin-top: 10px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data et-proxy-unregister-panel { flex: 0; flex-basis: auto; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .empty-row { flex: 1; flex-basis: 0px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action.action-with-markup .fx-pta-submit-area { /* fix for IE11 */ -ms-grid-column: 3; -ms-grid-column-span: 5; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action.action-with-markup .fx-pta-submit-area .fx-pta-button-print { flex: 0; min-width: 52px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action.action-with-markup .fx-pta-button-close { /* fix for IE11 */ -ms-grid-column-span: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-timeout .progressBar { width: 100%; order: 1; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-timeout label { color: #FF9933; width: 100%; order: 2; font-size: 9px; font-weight: bold; line-height: 11px; height: 11px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-timeout .progress { height: 6px; margin-bottom: 0px; background-color: #2E2E33; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-timeout .progress .progress-bar { background-color: #FF9933; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-timeout .progress .progress-bar-LESS_THAN_25_PERCENT_REMAINING { background-color: #c23848; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-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-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-npft { flex: 0; flex-basis: auto; margin-right: 3px; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-submit, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-withdraw, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-reject { flex: 1; flex-basis: auto; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-print { flex: 1; flex-basis: auto; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-confirmdeal { flex: 2; flex-basis: auto; display: none; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-confirmdeal.RequireEmirConfirm, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-confirmdeal.AwaitEmirConfirm, .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-confirmdeal.EmirFail { display: block; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-request-data .fx-pta-request-action .fx-pta-submit-area .fx-pta-button-markup { flex: 2; /* fix for IE11 */ flex-basis: auto; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content fx-pta-multi-account, .fx-pta-ticket-tile .fx-pta-ticket-tile-content et-chat { flex: 1; flex-basis: auto; display: none; margin-top: 1.75px; background-color: #1F1F1F; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content fx-si-detail { flex: 1; flex-basis: auto; display: none; margin-top: 1.75px; background-color: #1F1F1F; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content .fx-pta-memo { flex: 1; flex-basis: auto; display: none; margin-top: 1.75px; background-color: #1F1F1F; border: 1px solid black; } .fx-pta-ticket-tile .fx-pta-ticket-tile-content fx-close-of-day { flex: 1; flex-basis: 0; min-height: 0; } .fx-pta-ticket-tile fx-mini-tile { flex: 1; flex-basis: auto; display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--shrink .fx-pta-ticket-tile-content { display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--shrink fx-mini-tile { display: grid; } .fx-pta-ticket-tile.fx-pta-ticket-tile--half .fx-pta-ticket-tile-content fx-pta-parent, .fx-pta-ticket-tile.fx-pta-ticket-tile--half .fx-pta-ticket-tile-content .fx-pta-request-data { display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--si-detail .fx-pta-ticket-tile-content fx-si-detail { display: flex; z-index: 1; } .fx-pta-ticket-tile.fx-pta-ticket-tile--si-detail .fx-pta-ticket-tile-content .fx-pta-request-data, .fx-pta-ticket-tile.fx-pta-ticket-tile--si-detail .fx-pta-ticket-tile-content .fx-pta-rate-panel { display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--memo .fx-pta-ticket-tile-content .fx-pta-memo { display: flex; z-index: 1; } .fx-pta-ticket-tile.fx-pta-ticket-tile--memo .fx-pta-ticket-tile-content.fx-pta-ticket-tile--half .fx-pta-memo, .fx-pta-ticket-tile.fx-pta-ticket-tile--memo .fx-pta-ticket-tile-content .fx-pta-request-data { display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account .fx-pta-ticket-tile-content .fx-pta-request-data, .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account .fx-pta-ticket-tile-content .fx-pta-rate-panel { display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account .fx-pta-ticket-tile-content fx-pta-multi-account { z-index: 1; display: flex; } .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account-si-detail .fx-pta-ticket-tile-content .fx-pta-request-data, .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account-si-detail .fx-pta-ticket-tile-content .fx-pta-rate-panel { display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account-si-detail .fx-pta-ticket-tile-content fx-pta-multi-account { z-index: 1; display: flex; } .fx-pta-ticket-tile.fx-pta-ticket-tile--multi-account-si-detail .fx-pta-ticket-tile-content fx-pta-multi-account fx-si-detail { display: flex; } .fx-pta-ticket-tile.fx-pta-ticket-tile--deal-logged .fx-pta-deal-types, .fx-pta-ticket-tile.fx-pta-ticket-tile--deal-logged .fx-pta-leg0-tenor-label, .fx-pta-ticket-tile.fx-pta-ticket-tile--deal-logged .fx-pta-leg1-tenor-label, .fx-pta-ticket-tile.fx-pta-ticket-tile--deal-logged .fx-tenor-date-lbl, .fx-pta-ticket-tile.fx-pta-ticket-tile--deal-logged .fx-pta-client-name, .fx-pta-ticket-tile.fx-pta-ticket-tile--deal-logged .fx-pta-client-name-label { color: #2498BA; } .fx-pta-ticket-tile.fx-pta-ticket-tile--close-of-day.fx-pta-ticket-tile--half .fx-pta-ticket-tile-content .fx-pta-rate-panel { padding-top: 0px; display: none; } .fx-pta-ticket-tile.fx-pta-ticket-tile--close-of-day .fx-pta-ticket-tile-content { flex-basis: 0; } .fx-pta-ticket-tile.fx-pta-ticket-tile--close-of-day .fx-pta-ticket-tile-content fx-close-of-day { display: grid; } .fx-pta-ticket-tile.fx-pta-ticket-tile--close-of-day .fx-pta-ticket-tile-content fx-pta-parent, .fx-pta-ticket-tile.fx-pta-ticket-tile--close-of-day .fx-pta-ticket-tile-content .fx-pta-request-data { display: none; } .fx-pta-ticket-tile .fx-pta-request-data label, .fx-pta-ticket-tile fx-account-dropdown, .fx-pta-ticket-tile et-date-input, .fx-pta-ticket-tile et-amount-input, .fx-pta-ticket-tile et-copy-amount-btn-component, .fx-pta-ticket-tile et-textfield { display: block; }