.arrow-icon-up {
    background-image: url(../wl2/img/arrow-up.png);
    position: absolute;
    width: 20px;
    height: 15px;
}
.arrow-icon-down {
    background-image: url(../wl2/img/arrow-down.png);
    position: absolute;
    width: 20px;
    height: 15px;
}
.order-lot-column,
.order-left-column{
    width: 5.5em;
}
.order-side-column {
    width: 4em;
}
.depth--quantity {
    width: auto;
}
.chart-bid-ask--title {
    margin-right: 0.5em;
}
.chart-bid-ask {
    text-align: left;
    width: 10em;
    width: fit-content;
    vertical-align: top;
}
.depth .grid--body .price {
    width: auto;
}

.button--label {
    opacity: 1;
}
.button--research {
    border: 1px solid rgba(84, 90, 90, 0.5);
    box-sizing: border-box;
    border-radius: 12px;
    width: 100px;
    height: 25px;
    background: inherit;
    color: inherit;
}
.button--research svg {
    height: 10px;
    width: 10px;
    clip-path: polygon(50% 50%, 0 0, 100% 0);
    margin-top: 8px;
}
.link--icon {
    width:10px;
    height:20px;
    float:right;
}
.instrument-ladder {
    color: inherit;
}

tr.table--row-hide {
    display: none;
}
.icon-hide {
    background: none !important;
    cursor: default !important;
}
.table--colAdapts-timeanddate {
    width: 120px;
}
.button-icon-disabled {
    background-color: #bababa !important;
}
.grid-positions .table--colAdapts-symbol {
    width: 19em;
}
.grid-positions .table--colAdapts-pl {
    width: 20em;
}

.chartLine-position.chartLine-sell .chartLine--label:before {
    background-image: none;
    content: "-";
    font-weight: bold;
    text-align: center;
}
.chartLine-position.chartLine-buy .chartLine--label:before {
    background-image: none;
    content: "+";
    font-weight: bold;
    text-align: center;
}
.grid-positions .table--colAdapts-symbol {
    width: 10em;
}
.table--column-relative {
    width: calc(100% - 12em);
}
.grid-positions th:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span {
    text-align: right;
}
.grid-positions td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) span {
    text-align: right;
}

.grid-exchangeOrdersList .table--row-up {
    background-color: rgb(42, 168, 15);
}
.grid-exchangeOrdersList .table--row-down {
    background-color: rgb(219, 35, 35);
}

.pieChart--pie svg path:nth-child(odd) {
    fill: #7CD0DD;
}

.pieChart--pie svg path:nth-child(even) {
    fill: #007ED6;
}

.pieChart--legendEntry:nth-child(odd) .pieChart--legendEntryThumbnail {
    background-color: #7CD0DD;
}

.pieChart--legendEntry:nth-child(even) .pieChart--legendEntryThumbnail {
    background-color: #007ED6;
}