.estimatesTable {
    table-layout: fixed;
    border-collapse: separate;
    display: table;
    text-align: left;
    position: relative;
    border-collapse: collapse;
}

.estimatesRow {
    display: table-row;
}

.estimateTypeSeparator {
    background-color: var(--LightRed);
    height: 30px;
}

.estimateTypeFooter {
    height: 3px;
    background-color: var(--DarkGreen);
}

.estimateDescriptionHeader {
    background: var(--color-bg-default);
    position: sticky;
    top: 0;
}

.estimateValueHeader {
    background: var(--color-bg-default);
    position: sticky;
    top: 0;
}

.estiamteDescriptionColumn {
    position: sticky;
    background: var(--color-bg-default);
    width: 250px !important;
}

.financialsTableContainer {
    padding: 10px;
}

.financialsTable {
    margin-top:15px;
    border:none;
}

.financialsSubHeader {
    margin: 10px 0;
    border-bottom: var(--StandardBorder) solid 1px;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 40px;
}

.financialsTableButtonContainer {
    width: 100%;
    display: flow-root;
    margin: 5px 0 0 0;
}

/* key financials*/

.financialsTable input {
    height: 100%;
    padding: 2px 5px;
}

.financialsTable .descriptionHeader {
    min-width: 300px;
}

.financialsTable .valueHeader {
    background: var(--color-bg-default);
    min-width: 80px;
}

.financialsTable td {
    margin: 0px;
    height: 38px;
    border-left: var(--StandardBorder) 1px solid;
}

.financialsTable
td:first-child {
    border-left: none;
}

.financialsTable
th:first-child {
    border-left: none;
}

.financialsTable
.rightAlign {
    text-align: right;
}

.inputCell {
    padding: 0px 3px;
}

    .inputCell
    input {
        color:var(--StandardText);
        border: 1px solid transparent;
    }

td.inputCell:hover {
    background: var(--color-bg-default);
}

.inputRow
td.inputCell:hover
input {
    border: 1px solid #808080;
}

.financialsTable tr {
    margin: 0px;
    padding: 0px;
}

    .financialsTable tr:hover {
        background-color: var(--HoverButtonLightBackground);
    }

.financialsTable  {
    font-size: 14px;
}

.financialsTable .financialsHeader {
    background: var(--color-bg-default);
    font-weight: bold;
}

.financialsTable .periodHeader {
    font-size: 8px;
    margin:2px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.financialsTable .descriptionCell {
    float: left;
    font-weight:600;
    padding-left:12px;
}

.financialsTable
thead
tr:hover {
    background-color: inherit;
}

.financialsTable
thead {
    border-bottom: 2px solid var(--StandardBorder);
}

    .financialsTable
    thead th {
        vertical-align: bottom;
        text-align: right;
        background: var(--color-bg-default);
        border-left:var(--StandardBorder) 1px solid;
        padding:4px 8px;
    }

    .financialsTable
    .valueCell {
        padding:3px 8px;

    }

    .financialsTable
    .rowDisabled
    td {
        /*background-color: #EEEEEE;*/
        ;
    }


.readOnlyTable input:disabled {
    border: none;
    background-color: transparent;
}

.readOnlyTable .firstCellContentDisabled {
    background-color: transparent;
}


.rightAlignCell {
    text-align: right;
    padding: 3px;
    margin: 0px;
    border: none;
    background-color: transparent;
}

.infoTable
.centerAlignCell {
    text-align: center;
}

.tableCell {
    padding: 3px;
    margin: 0px;
    border: none;
    background-color: transparent;
}

.infoTable {
    margin: 24px 20px 10px 10px;
    border-spacing: 0px;
    border: 1px solid var(--StandardBorder);
}
    .infoTable
    thead
    tr:hover {
        background-color: inherit;
    }

    .infoTable
    thead {
        border-bottom: 2px solid var(--StandardBorder);
    }

        .infoTable
        thead th {
            vertical-align: bottom;
            text-align: right;
            border-left: var(--StandardBorder) 1px solid;
            padding: 4px 8px;
        }

    .infoTable
    .nowrapRow {
        white-space: nowrap;
    }

    .infoTable .infoHeader {
        font-size: 14px;
        font-weight: 700;
        text-align: left;

    }

    .infoTable .descriptionHeader {
        min-width: 300px;
    }

    .infoTable .valueHeader {
        min-width: 80px;

    }

    .infoTable td {
        margin: 0px;
        height: 38px;
        font-size: 14px;
        padding: 2px 5px;
        border-left: solid 1px var(--StandardBorder);
    }

    .infoTable
    th:first-child {
        border-left: none;
    }

    .infoTable
    td:first-child {
        border-left: none;
    }

    .infoTable
    .rightAlign {
        text-align: right;
    }


    .infoTable tr {
        margin: 0px;
        padding: 0px;
    }

        .infoTable tr:hover {
            background-color: var(--LighterGrey);
        }

    .infoTable .financialsTable {
        font-size: 14px;
    }

    .infoTable .financialsHeader {
        font-size: 14px;
        font-weight: bold;
    }

    .infoTable .periodHeader {
        font-size: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


    .infoTable .descriptionCell {
        float: left;
    }

    .infoTable
    .CompanyClickCell {
       
    }

    .infoTable
    .CompanyClickLink {
        cursor: pointer;
        text-decoration: underline;
        font-weight: 600;
    }

        .infoTable
        .CompanyClickLink:hover {
            color: var(--DarkGreen);
        }

.amountColumn {
    width: 100px;
    text-align: right;
}

.sourceDateLabel {
    font-size: 11px;
}

.smallNoteDiv {
    font-size: 10px;
}