body {
}

.FeesGridBase {
    border-right: none;
    font-size: small;
}

/* leftmost */
.ClientsGrid {
    border-top: 1px solid black;
    border-right: 1px solid black;
    position: fixed;
    left: 0px;
    top: 32px;
    bottom: 28px;
    overflow-x: auto;
    overflow-y: auto;
    right: 399px;
}

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

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

    .ClientsTable 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;
    }

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

        .ClientsTable tr td:hover {
            cursor: pointer;
        }

    .ClientsTable tr: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;
    }


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

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

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



span.GridLabel {
    display: inline-block;
    font-weight: bold;
}

th.DataBlocks {
    text-align: right;
}

td.DataBlocks {
    text-align: right;
    padding-right: 2px;
    width: 80px;
}


td.rowClientName {
    font-weight: bold;
    width: 342px;
    padding-left: 2px;
}

.ClientsGrid::-webkit-scrollbar-thumb:vertical {
    border-right: none;
}

.ClientsGrid::-webkit-scrollbar-track:vertical {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

/* Control Butttons under the main grid */
.ClientsControls {
    position: fixed;
    left: 0px;
    bottom: 28px;
    background: #CCCCCC;
    width: 600px;
    height: 26px;
    border-right: 1px solid black;
    border-top: 1px solid black;
    padding: 2px;
    font-size: small;
}

    .ClientsControls img {
        height: 18px;
    }

/* breakdown */
div.FeesBreakdown {
    right: 0px;
    overflow: auto;
    top: 32px;
    bottom: 27px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid black;
    position: fixed;
    width: 400px;
}

div.CopyEmailAddressDiv:hover {
    cursor: pointer;
}

div.CopyEmailAddressDiv {
    display: inline-block;
}

.Heading {
    font-weight: bold;
    font-size: medium;
    padding-left: 2px;
    display: inline-block;
    padding-bottom: 2px;
    white-space: nowrap;
    margin-left: 2px;
}

.HeadingFunding {
}

.FeesBreakdown {
    font-size: small;
}

.ClientsDetail {
    display: inline-block;
    text-align: right;
    width: 42%;
    margin: 0px;
}

.ClientsDetailTotal {
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    width: 43%;
    margin: 0px;
    margin-left: -4px;
}

.FeesGrid {
    border-top: 1px solid black;
    background: #CCCCCC;
    position: fixed;
    left: 600px;
    top: 32px;
    height: 200px;
    width: 300px;
    border: 1px solid green;
    overflow-y: auto;
}

.ClientsLabel {
    font-weight: bold;
    display: inline-block;
    width: 210px;
}

.ClientsLabelTotal {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.ClientsHoldings {
    margin-left: 6px;
}

.ClientsFees {
    margin: 4px;
    margin-top: 8px;
    padding-bottom: 8px;
}

.ClientFeesControls {
    text-align: right;
    margin-right: 4px;
    margin-top: -8px
}

    .ClientFeesControls a {
        border: 1px solid transparent;
        padding: 2px;
    }


        .ClientFeesControls a img {
            height: 18px;
        }

/* Funding Table */
.FundingDiv {
    overflow-y: auto;
    border-top: 1px solid black;
    bottom: 27px;
    background: white;
}

.FundingTable {
    margin: 0px;
    border-spacing: 0px;
    border-collapse: separate; /* Don't collapse */
    user-select: none;
}

    .FundingTable tr td img {
        height: 14px;
    }

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

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


    .FundingTable thead {
        position: sticky;
    }

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

    .FundingTable tr td {
        border-bottom: 1px solid black;
        padding-right: 2px;
        padding-left: 2px;
        font-weight: 600;
        color: black;
        font-size: small;
        z-index: 200;
    }

tr.GridDataRowSelected td.rowClientName {
    color: #FFF5B5;
}

.FundingTHMoney {
    width: 100px;
}

::-webkit-scrollbar {
    width: 17px;
    border-left: 1px solid black;
    background: white;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
    border: 1px solid black;
    background: lightgray;
}

::-webkit-scrollbar-thumb {
    border: 1px solid black;
    background: white;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
}


.AdminFeeTranches {
    overflow-y: auto;
    position: fixed;
    right: 0px;
    top: 65px;
    width: 299px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    bottom: 27px;
    background: white;
}

.WideHeading {
    margin-top: -1px;
    background: lightgray;
    height: 33px;
    width: 699px;
    position: fixed;
    padding-left: 6px;
    font-size: large;
    padding-top: 2px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-left: 1px solid transparent;
    margin-left: 1px;
}

.EmailControls {
    margin-top: 36px;
    margin-left: 4px;
}

.FeeTranches {
    width: 100%;
    border-top: 1px solid black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .FeeTranches 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.ControlCell {
    white-space: nowrap;
}

tr.AppendRow, tr.RowAppend {
}

    tr.AppendRow td {
        border-bottom: none;
        height: 20px;
        vertical-align: bottom;
        background-color: #e1e9ff;
    }

    tr.RowAppend td {
        background-color: #e1e9ff;
        padding-bottom: 4px;
    }

div.FundingDiv a {
    width: 30px;
}

div.FundingDiv img{
    height: 18px;
}

div.FundingEditorGrid {
    bottom: 53px;
}

div.FundingControlsPanel {
    font-size: small;
    position: fixed;
    bottom: 52px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    right: 698px;
    left: 0px;
    height: 0px;
}

div.FundingControlsPanel img {
    height: 18px;
}

table.ClientsFundingTable {
    border-top: 1px solid black !important;
}

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



.ClientsFundingTable tr td:hover {
    cursor: default;
}


div.ClientsGrid {
    font-size: small;
}

div.ClientsGrid img{
    height: 18px;
}

.FundingTextBox{
    text-align: right;
}

.TextBoxError {
    border: 2px solid red;
}

.ControlDivFees {
    margin: 5px;
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: lightgray;
}

table.FeeTranches tr td{
    background-color: white;
}

div.FundingDiv a.EditAllFundingLink{
    margin: 4px;
    display: inline-block;
    width: 200px;
}