/* hide the horizontal scrollbars in nested tables */
div.rt-nested-table > div.rt-table {
    overflow-x: hidden !important;
}

.table-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 16px;
}

.table-header-row {
    display: flex;
    flex-direction: row;
    position: sticky;
    left: 15px;
    width: 1020px;
}

.rt-td-expandable {
    width: 200px !important;
    max-width: 200px !important;
    z-index: 1000 !important;
}

#tab_flattable_1-rct2 > div > div > div.rt-thead > div {
    color: #003299;
    font-size: 18px;
}

/* define the fonts and background for the default columnDefs (Assets, Liabilities, Total)*/
#tab_flattable_1-rct2 > div > div.rt-table > div.rt-tbody > div > div {
    color: #5e5b5e;
    font-size: 17px;
}

/* nested table container div */
#tab_flattable_1-rct2 div.rt-nested-table-container-div {
    margin-left: 45px;
}

/* this handles the the left and right margins which handle the indentation of nesting levels */
#tab_flattable_1-rct2 div.rt-unnested-table div.rt-td.rt-align-left {
    margin-right: 0px;
    color: #757575;
    font-size: 17px;
}
.rt-td {
    color: #337ab7;
    min-width: 60px;
    font-size: 16px;
}

.rt-th {
    min-width: 60px;
    border: none !important;
}

/* 
breakpoints:
Bp0 (max width: 639px, layout columns: 1).
Bp640 (max width: 839px, layout columns: 3)
Bp840 (max width: 1024px, layout columns: 4)
Bp1025 (max width: 1279px, layout columns: 5)
Bp1280 (freeze at 1280, layout columns: 6)
*/

/* Responsive elements */
/* Bp0 phone */
/* @media (max-width: 639px) {
    #tab_data_ui_1-rct1 > div > div.rt-table > div.rt-tbody > div > div {
        color: #5e5b5e;
        font-size: 10px;
    }
    #tab_data_ui_1-rct1 div.rt-unnested-table div.rt-thead.-header > div > div {
        background: #E7EEF8 !important;
        color: #003299;
        font-size: 10px;
    }
    #tab_data_ui_1-rct1 div.rt-unnested-table div.rt-td.rt-align-left {
        margin-right: 0px;
        color: #757575;
        font-size: 10px;
    }
} */

@media (max-width: 839px) {
    #report_headings-header h1 {
        font-size: 24px;
        width: 70%;
    }
    #report_headings-header h2 {
        font-size: 14px;
    }
    #report_headings-header h3 {
        font-size: 10px;
    }
    #tab_data_ui_1-rct1 div.rt-unnested-table div.rt-td.rt-align-left {
        margin-right: 0px;
        color: #757575;
        font-size: 14px;
    }
    #tab_data_ui_1-rct1 > div > div.rt-table > div.rt-tbody > div > div {
        color: #5e5b5e;
        font-size: 14px;
    }
    /* second level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-2 div.rt-td.rt-align-left {
        font-size: 14px;
    }

    /* third level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-3 div.rt-td.rt-align-left {
        font-size: 14px;
    }

    /* fourth level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-4 div.rt-td.rt-align-left {
        font-size: 14px;
    }

    /* fifth level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-5 div.rt-td.rt-align-left {
        font-size: 14px;
    }
}

/* add a breakpoint for tablet */
@media (max-width: 992px) {
    #report_headings-header h1 {
        font-size: 24px;
        width: 90%;
    }
    #report_headings-header h2 {
        font-size: 14px;
    }
    #report_headings-header h3 {
        font-size: 10px;
    }
    #tab_data_ui_1-rct1 div.rt-unnested-table div.rt-td.rt-align-left {
        margin-right: 0px;
        color: #757575;
        font-size: 16px;
    }
    #tab_data_ui_1-rct1 > div > div.rt-table > div.rt-tbody > div > div {
        color: #5e5b5e;
        font-size: 16px;
    }
    /* second level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-2 div.rt-td.rt-align-left {
        font-size: 16px;
    }

    /* third level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-3 div.rt-td.rt-align-left {
        font-size: 16px;
    }

    /* fourth level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-4 div.rt-td.rt-align-left {
        font-size: 16px;
    }

    /* fifth level */
    #tab_data_ui_1-rct1 div.rt-nested-table-level-5 div.rt-td.rt-align-left {
        font-size: 16px;
    }
}

/* add a breakpoint for tablet */
@media (max-width: 1279px) {
    #report_headings-header h1 {
        font-size: 24px;
        width: 100%;
    }
    #report_headings-header h2 {
        font-size: 16px;
    }
    #report_headings-header h3 {
        font-size: 14px;
    }
}