/* Keep profit metrics together and fit the complete table on desktop screens. */
.of-root .of-container-fee-table { min-width: 1480px; }
.of-root .of-container-fee-table .of-fee-date-col { width: 94px; }
.of-root .of-container-fee-table .of-fee-id-col { width: 150px; }
.of-root .of-container-fee-table .of-fee-customer-col { width: 80px; }
.of-root .of-container-fee-table .of-fee-port-col { width: 90px; }
.of-root .of-container-fee-table .of-fee-gross-col { width: 124px; }
.of-root .of-container-fee-table .of-fee-input-col { width: 114px; }
.of-root .of-container-fee-table .of-fee-other-col { width: 124px; }
.of-root .of-container-fee-table .of-fee-total-col { width: 104px; }
.of-root .of-container-fee-table .of-fee-net-col { width: 164px; }
.of-root .of-container-fee-table .of-fee-rate-col { width: 104px; }
.of-root .of-container-fee-table th,
.of-root .of-container-fee-table td { padding-left: 8px; padding-right: 8px; }
.of-root .of-container-fee-table .of-inline-fee-control input { padding-left: 4px; padding-right: 4px; font-size: 12px; }
.of-root .of-container-fee-table .of-fee-customer,
.of-root .of-container-fee-table .of-fee-destination { white-space: normal; overflow-wrap: anywhere; }
.of-root .of-container-fee-table .of-profit-confirm-line { gap: 4px; }
.of-root .of-container-fee-table .of-profit-confirm-note,
.of-root .of-container-fee-table .of-operating-deduction { white-space: normal; }
.of-root .of-container-fee-table th.of-fee-rate-heading { padding: 8px; background: #edf7f1; color: #216b4b; text-align: right; }
.of-fee-rate-heading small { display: block; margin-top: 5px; font-size: 10px; font-weight: 400; line-height: 1.7; white-space: normal; color: #758e80; }
.of-root .of-container-fee-table td.of-fee-rate { background: #f8fcf9; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; color: #257254; }
.of-fee-rate strong { font-size: 14px; font-weight: 650; }
.of-root .of-container-fee-table td.of-fee-rate small { display: block; font-size: 10px; line-height: 1.6; color: #81908a; margin-top: 3px; }
.of-root .of-container-fee-table td.of-fee-rate.is-negative { color: #ae4848; }