/*
 * table head and table sections - stickiness and foot
 */

.table-fullscreen .table thead,
.table-fullscreen .table tr.table-head-n1,
.table-fullscreen .table tr.table-head-n2 {
    z-index: 1020;
}

.table-fullscreen .table tr.table-section,
.table-fullscreen .table tr.table-section-n1,
.table-fullscreen .table tr.table-section-n2 {
    z-index: 1010;
}

.table-fullscreen .table thead,
.table-fullscreen .table tr.table-head-n1,
.table-fullscreen .table tr.table-head-n2,
.table-fullscreen .table tr.table-section,
.table-fullscreen .table tr.table-section-n1,
.table-fullscreen .table tr.table-section-n2 {
    position: sticky;
    top: 0;
}

/*
.table-fullscreen #historyTable thead {
    top: 56px;
    @media (max-height: 399px) {
        top: 0;
    }
}

.table-fullscreen #historyTable tr.table-section {
    top: 119px;
    @media (max-height: 399px) {
        top: 63px;
    }
}
*/

.table-fullscreen #portfolioTable thead,
.table-fullscreen #depotTable thead,
.table-fullscreen #ordersTable thead,
.table-fullscreen #earningsTable thead,
.table-fullscreen #watchlistTable tr.table-head-n1,
.table-fullscreen #historyTable tr.table-head-n1 {
    top: 110px;
    @media (max-height: 399px) {
        top: 0;
    }
}

.table-fullscreen #portfolioTable tr.table-section {
    top: 165px;
    @media (max-height: 399px) {
        top: 56px;
    }
}

.table-fullscreen #depotTable .planned-symbol {
    padding: 0.2rem 0.5rem 0.2rem 0.75rem;
}

.table-fullscreen #depotTable .planned-orders {
    margin-bottom: -1px;
}

.table-fullscreen #depotTable .planned-orders .quantity {
    min-width: 4rem;
}

.table-fullscreen #ordersTable tr.table-section,
.table-fullscreen #earningsTable tr.table-section-n1 {
    top: 141px;
    @media (max-height: 399px) {
        top: 31px;
    }
}

.table-fullscreen #watchlistTable tr.table-head-n2,
.table-fullscreen #historyTable tr.table-head-n2 {
    top: 142px;
    @media (max-height: 399px) {
        top: 32px;
    }
}

.table-fullscreen #earningsTable tr.table-section-n2,
.table-fullscreen #watchlistTable tr.table-section,
.table-fullscreen #historyTable tr.table-section {
    top: 173px;
    @media (max-height: 399px) {
        top: 63px;
    }
}

.table-fullscreen .table .chart {
    margin: 0 -2px;
    padding: 5px 0 10px 0;
}

.table-fullscreen .table canvas {
    width: 196px;
}

/* */

.table-fullscreen .table tfoot {
    position: fixed;
    bottom: 0;
    z-index: 1140;
}

.table tfoot th, .table tfoot td {
    border-top-width: var(--bs-border-width);
    border-bottom-width: 0;
}

/* */

.table-embedded .table thead th,
.table-embedded .table thead td,
.table-embedded .table-section th,
.table-embedded .table-section td,
.table-embedded .table-section-n1 th,
.table-embedded .table-section-n1 td,
.table-embedded .table-section-n2 th,
.table-embedded .table-section-n2 td,
.table-embedded .table tfoot th,
.table-embedded .table tfoot td {
    font-style: italic;
    font-weight: 500;
}

.table-embedded .table th.first,
.table-embedded .table td.first {
    padding-left: 0.5rem;
}

.table-embedded .table th.last,
.table-embedded .table td.last {
    padding-right: 0.5rem;
}

/*
 *
 */

.table {
    width: 100%;
}

.table th, .table td {
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
    overflow: hidden;
}

.table th.first,
.table td.first {
    padding-left: 0.75rem
}

.table th.last,
.table td.last {
    padding-right: 0.75rem
}

.table th.responsive,
.table td.responsive {
    padding: 0;
}

.table th.responsive div,
.table td.responsive div {
    padding: 0.25rem 0.5rem;
}

.table tr.space {
    height: 18px;
}

.table tr.space.size-2 {
    height: 42px;
}

.table tr.space.size-3 {
    height: 66px;
}

.table tr.space td {
    border: none;
}

.table td {
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table td.status {
    text-align: center;
}

.table th.expand, .table td.expand {
    width: 100%;
}

.table th.expand-4, .table td.expand-4 {
    width: 33.33%;
}

.table th.expand-6, .table td.expand-6 {
    width: 50%;
}

.table th.expand-8, .table td.expand-8 {
    width: 66.66%;
}

#portfolioTable.table th .isin, #portfolioTable.table td .isin,
#portfolioTable.table th .wkn, #portfolioTable.table td .wkn,
#portfolioTable.table th .price, #portfolioTable.table td .price {
    display: inline-block;
}

#portfolioTable.table th .isin, #portfolioTable.table td .isin,
#portfolioTable.table th .wkn, #portfolioTable.table td .wkn,
#portfolioTable.table th .price, #portfolioTable.table td .price,
#portfolioTable.table th .days, #portfolioTable.table td .days {
    height: 24px;
    vertical-align: bottom;
    line-height: 26px;
    font-size: var(--font-size-small);
}

#portfolioTable.table th .isin, #portfolioTable.table td .isin {
    width: 8rem;
}

#portfolioTable .empty-item td > div {
    opacity: 0.8;
}

.table th .score, .table td .score {
    display: inline-block;
    width: auto;
    height: 24px;
}

#portfolioTable th.value, #portfolioTable td.value {
    min-width: 6.5rem;
}

#portfolioTable th.score, #portfolioTable td.score {
    min-width: 5.5rem;
}

.table th.name, .table td.name,
.table th.subject, .table td.subject {
    max-width: 8rem;
}

#depotTable.table th.name, #depotTable.table td.name {
    max-width: 16rem;
}

#ordersTable.table th.name, #ordersTable.table td.name {
    max-width: 7rem;
}

@media (min-width: 768px) {
    .table th.name, .table td.name,
    .table th.subject, .table td.subject {
        max-width: 16rem;
    }

    #earningsTable.table th.name, #earningsTable.table td.name,
    #earningsTable.table th.subject, #earningsTable.table td.subject {
        max-width: 14rem;
    }
}

.table tr.head.top th,
.table tr.head th.head.top {
    border-bottom-width: 0;
}

.table th.label, .table td.label,
.table th.year, .table th.quarter {
    text-align: center;
}

#depotTable .performance .number,
#depotTable .performance .right,
.table th.number, .table td.number,
.table th.right, .table td.right {
    text-align: right;
}

.table th.number, .table td.number {
    font-variant-numeric: tabular-nums;
}