.ClientStockGrid {
    border-spacing: 0px;
    border-collapse: separate; /* Don't collapse */
    right: 100px;
    overflow: auto;
    width: 100%;
    user-select: none;
}

    .ClientStockGrid thead {
        position: sticky;
        top: 0;
        background-color: white;
        z-index: 1;
    }

    .ClientStockGrid th {
        border-bottom: 1px solid black;
        padding-right: 2px;
        font-weight: 600;
        color: black;
        font-size: small;
        background-color: #e1e9ff;
        white-space: nowrap;
        z-index: 200;
    }

td.StockCodeCell {
    text-align: right;
    color: gray;
}

.ClientStockGrid td {
    padding-right: 4px;
    padding-left: 4px;
    white-space: nowrap;
}

.ClientStockGrid input[type="checkbox" i] {
    position: relative;
    top: 2px;
    z-index: 0;
}

.ClientStockGrid tr td {
    border-bottom: 1px solid black;
    font-size: smaller;
}


.ClientStockGrid tr:nth-child(even) {
    background: #CCC;
}

.ClientStockGrid tr:nth-child(odd) {
    background: #FFF;
}

td.GridRowHeader:hover {
    cursor: pointer;
}

tr.GridDataRow:hover td {
    background-color: #e1e9ff;
    cursor: pointer;
}


tr.GridDataRowSelected td, tr.GridDataRowSelected:hover td {
    background: #636363;
    color: #C1DDFB;
    cursor: pointer;
    border-left: none !important;
}

    tr.GridDataRow:hover td a, tr.GridDataRowSelected td a {
        color: white;
    }

.hiddenButton {
    display: none;
}

tr.GridDataRowSelected td.GridDataRowStockName {
    color: #FFF5B5 !important;
}


.TraderPanel {
    overflow: auto;
    position: absolute;
    top: 32px;
    bottom: 28px;
    left: 147px;
    right: 0px;
    border-top: 1px solid black;
    border-left: 0px solid black;
}

.TraderPanelNoControls {
    top: 33px;
    left: 0px;
}

.GridRowFooter td {
    font-weight: bold;
}

tr.GridRowFooter:hover td {
    cursor: auto;
}

tr.GridRowHeader:hover td {
    background-color: none;
}

.GridRowFooterLabel {
    text-align: right;
    border-left: 1px solid black;
}

.GridRowHeader {
    font-weight: bold;
    background: #CCC;
    background-image: url(/Content/headerBG.png);
    border-left: 1px solid black;
}

    .GridRowHeader img {
        height: 16px;
        display: inline-block;
        margin-top: -6px;
    }

img.sortIndicator, img.sortIndicatorGroup {
    display: inline-block;
    width: 8px;
    margin-top: -12px;
}

img.sortIndicatorGroup {
    width: 12px;
    margin-top: -8px;
}

div.ReportingDiv {
    position: fixed;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    left: 0px;
    right: 0px;
    top: 32px;
    bottom: 28px;
}

div.ReportingDivContent{
    padding-left: 4px;
}

div.ReportingDivOption {
    margin: 4px;
}

    div.ReportingDivOption a {
        border: 1px solid transparent;
        font-size: small;
        padding: 4px;
    }

        div.ReportingDivOption a:hover {
            border: 1px solid black;
            font-size: small;
            background-color: lightgray;
            text-decoration: none;
        }

        div.ReportingDivOption a img {
            height: 18px;
            margin-top: -4px;
        }

div .SettingsDiv {
    position: fixed;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    left: 0px;
    right: 0px;
    top: 32px;
    bottom: 28px;
}

div.ReportingHeading, div.SettingsHeading {
    background-color: #e1e9ff;
    padding-left: 2px;
    border-bottom: 1px solid black;
}

.FeeTranches{
    font-size: small;
}

.FeeTranches img{
    height: 18px;
}

.SettingsFeesGridAppendRow td{
    
}

table.CurrentTransactions {
    width: 100%;
    margin: 0px;
    border-collapse: separate;
    border-spacing: 0px;
}

    table.CurrentTransactions thead {
        top: 0px;
        position: sticky;
    }
    table.CurrentTransactions thead tr th {
        border: 0px;
        border-bottom: 1px solid black;

    }
    table.CurrentTransactions tbody tr td {
        border: 0px;
        border-bottom: 1px solid darkgray;
        padding-left: 4px;
        padding-right: 4px;
    }

table.CurrentTransactions tr{
    border-bottom: 1px solid darkgray;
}

table.CurrentTransactions img{
    height: 18px;
}

    table.CurrentTransactions th {
        background-color: #e1e9ff;
        padding-left: 2px;
        padding-right: 4px;
    }

    table.CurrentTransactions td {
        padding-left: 2px;
    }

div.CurrentTransactionsHolder {
    padding: 0px;
    padding-bottom: 4px;
    margin: 0px;
}



div.AddNewTransactionGrid {
    background-color: #e1e9ff;
    margin: 0px;
    border-top: 1px solid darkgray;
    border-bottom: 1px solid black;
    padding-bottom: 4px;
    padding-left: 4px;
}

div.CurrentTransactionsHolder{
    height: 280px;
    overflow: auto
}


#ConyingentTransactionsHolderGrid {
    height: 260px;
    overflow: auto;
}

div.CurrentTransactionsHolderAll {
    padding: 0px;
    padding-bottom: 4px;
    margin: 0px;
    height: 638px !important;
}

div.CurrentTransactionsHolderAll th {
    padding-right: 8px;
}