.widget.stats-verticals {
    width: calc(16 * var(--block-width));
}

.widget.stats-orders {
    width: calc(16 * var(--block-width));
}

.widget.stats-trades {
    width: calc(16 * var(--block-width));
}

.widget.stats-iterations {
    width: calc(16 * var(--block-width));
}

.widget.stats-horizontals {
    width: calc(16 * var(--block-width));
}

.widget.stats-funding {
    width: calc(16 * var(--block-width));
}

.widget.stats .hdr {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
    user-select: text;
}

.widget.stats .lines {
    height: 240px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    user-select: text;
}

.widget.stats .lines::-webkit-scrollbar {
    width: 8px;
    height: 100%;
}

.widget.stats .lines::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.widget.stats > .lines > .stub {
    font-size: .8em;
    align-self: center;
    justify-self: center;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget.stats > .lines > .line {
    display: flex;
    flex-direction: row;
    height: 24px;
    font-size: 13px;
    align-items: center;
    justify-content: space-between;
    flex: none;
}

.widget.stats > .lines > .line:hover {
    background: var(--list-line-background-color);
}

.widget.stats .cell {
    flex: none;
    overflow: hidden;
    text-align: center;
}

.widget.stats .cell.date {
    width: 72px;
}

.widget.stats .cell.time {
    width: 64px;
}

.widget.stats .cell.inst {
    width: 32px;
}

.widget.stats .cell.symbol {
    width: 156px;
}

.widget.stats .cell.side {
    width: 48px;
}

.widget.stats .cell.order-type {
    width: 96px;
}

.widget.stats .cell.plan-amount {
    width: 156px;
}

.widget.stats .cell.plan-price {
    width: 108px;
}

.widget.stats .cell.fact-amount {
    width: 156px;
}

.widget.stats .cell.fact-price {
    width: 108px;
}

.widget.stats .cell.fee {
    width: 128px;
}

.widget.stats .cell.order-id {
    width: 156px;
}

.widget.stats .cell.clorder-id {
    width: 168px;
}

.widget.stats .cell.trade-id {
    width: 96px;
}

.widget.stats .cell.slip {
    width: 96px;
}

.widget.stats .cell.result {
    width: 96px;
}

.widget.stats .cell.ts {
    width: 72px;
}

.widget.stats .cell.state {
    width: 96px;
}

.widget.stats-verticals .cell.direction {
    width: 36px;
}

.widget.stats-verticals .cell.mode {
    width: 72px;
}

.widget.stats-verticals .cell.border {
    width: 72px;
}

.widget.stats-verticals .cell.amount {
    width: 72px;
}

.widget.stats-verticals .cell.delta-plan {
    width: 72px;
}

.widget.stats-verticals .cell.delta-fact {
    width: 72px;
}

.widget.stats-verticals .cell.slip-g, .widget.stats-verticals .cell.slip-a, .widget.stats-verticals .cell.slip-b {
    width: 72px;
}

.widget.stats-verticals .cell.fee-g, .widget.stats-verticals .cell.fee-a, .widget.stats-verticals .cell.fee-b {
    width: 72px;
}

.widget.stats-verticals .cell.slip-fee-delta, .widget.stats-verticals .cell.slip-fee-border {
    width: 72px;
}

.widget.stats .cell.maturity {
    width: 96px;
}

.widget.stats .cell.first_vert {
    width: 72px;
}

.widget.stats .cell.rd_g_profit,
.widget.stats .cell.rd_ab_profit,
.widget.stats .cell.rd_ba_profit,
.widget.stats .cell.rd_qamnt,
.widget.stats .cell.sm_qamnt_open,
.widget.stats .cell.sm_qamnt_close {
    width: 128px;
}

.widget.stats > .caption {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 16px;
}

.widget.stats > .caption > .iblock, .widget.stats-funding > .caption > .iblock {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.widget.stats > .caption > .title > h2 {
    margin: 0 16px 0 0;
}

.widget.stats .cell.id {
    width: 128px;
}

.widget.stats > .caption > .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.widget.stats > .caption > .hint {
    font-size: .8em;
}

.widget.stats > .caption > .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.widget.stats > .caption > .buttons > button {
    margin-left: 12px;
}

.widget.stats .dm-reset-btn {
    margin-left: 12px;
}

.junction_table_popup {
    position: fixed;
    min-width: 300px;
    min-height: 500px;
    background: #fff;
    left: calc((100% - 400px) / 2);
    top: calc((100% - 500px) / 2);
    border-radius: 5px;
    box-shadow: silver 0 0 3px;
    border: 1px solid transparent;
    transition: border-color .2s;
    visibility: hidden;
    z-index: 99999;
}

.junction_table_popup:hover {
    border-color: rgba(0, 139, 139, 0.3);
}

.junction_table_popup > .caption {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: #f3f3f3;
    transition: background-color .2s;
}

.junction_table_popup > .caption:hover {
    background: #f7f7f7;
}

.junction_table_popup > .vtable {
    margin: 16px;
}