.quarter-next-estimated-portlet, 
.quarter-latest-reported-portlet, 
.quarter-report-no-data,
.quarter-notes-portlet {
    display: flex;
    flex-wrap: wrap;

    & .portlet-title {
        color: var(--jl-text);
        font-size: var(--jl-font-xs);
        width: 390px;
        text-align: center;
        align-content: normal;
        display: inline-block;
        padding-top: var(--jl-padding-xs);
        margin-bottom: var(--jl-padding-xs);
    }
    & .content-row {
        display: flex;
        justify-content: left;
        width: 390px;
        margin-inline: var(--jl-margin-m);
        font-size: var(--jl-font-xxs);
        line-height: 14px;
    }
    & .title {
        border-block: 1px solid var(--jl-border-color);
        padding-block: 2px;
        background-color: var(--jl-table-thead-bg) !important;
        font-size: var(--jl-font-xs);
        font-weight: bold;
    }
    & .content-col-title {
        display: block;
        text-align: left;
        width: 90px;
        align-content: center;
        padding-left: var(--jl-padding-xxs);
        color: var(--jl-text);
        margin-block: var(--jl-margin-xxxs);
        font-weight: bold;
    }
    & .small {
        font-size:calc(var(--jl-font-l)*0.6);
        font-weight: bold;
    }
    & .content-col-value {
        display: block;
        text-align: right;
        width: 90px;
        align-content: center;
        color: var(--jl-text);
    }
    & .estimate {
        color: var(--jl-primary);
    }
    & .change {
        color: var(--jl-text-muted);
    }
    & .negative {
        color: var(--jl-negative);
    }
    & .portlet-is-empty {
        color: var(--jl-text-muted);
        font-size: var(--jl-font-m);
        margin: 20%;
        width: 100%;
    }
    & .hidden {
        display: none;
    }
}

.quarter-notes-portlet {
    color: var(--jl-text);
    font-size: var(--jl-font-xs);
    display:block;
    overflow: hidden;
    hyphens: manual;
    height: 100%;

    & h1 {
        font-weight: bold !important;
        font-size: var(--jl-font-xs) !important;
        display: block;
        padding-left: 0px !important;
        border-bottom: 1px solid var(--jl-border);
        color: var(--jl-text-h1) !important;

        & svg {
            margin-bottom: -2px;
        }

        & span {
            font-weight: bold;
            font-size: var(--jl-font-xxxs);
            font-style: italic;
            float: right;
            
            color: var(--jl-text);
            opacity: 0.6;
            padding-inline: var(--jl-padding-xxs);
            margin-top: var(--jl-margin-xxs);
        }
    }
    & h2 {
        color: var(--jl-text-muted);
        font-size: var(--jl-font-xxs) !important;
        font-weight: normal !important;
        font-style: italic;
        display: block;
    }
    & p {
        color: var(--jl-text-muted);
        line-height: var(--jl-line-height-xs);
    }
    & li {
        text-align: initial;
    }
}

.quarter-notes-content-2cols {
    column-count: 2;
    column-fill: auto;
    column-gap: 24px;

    padding: var(--jl-padding-m);
    padding-top: var(--jl-padding-m);
    color: var(--jl-text-muted);
    text-align: justify;
    height: 100%;
    line-height: var(--jl-line-height-xs);
}

.quarter-notes-content {
    padding: var(--jl-padding-m);
    padding-top: var(--jl-padding-m);
    color: var(--jl-text-muted);
    text-align: justify;
    height: 100%;
    line-height: var(--jl-line-height-xs);
    overflow: hidden;

}

#qfinancial-content-table {
    & th.first-col {
        width: 90px !important;
        max-width: 90px;
        min-width: 90px;
        text-align: left;
        padding: var(--jl-table-cell-padding) !important;
    }


    & td:first-child {
        text-align: left;
        width: 90px !important;
        max-width: 90px;
        min-width: 90px;
        font-weight: bold;        
        padding: var(--jl-table-cell-padding) !important;
    }

    & td.growth:first-child {
        font-weight: normal !important;
    }
}

#qfinancial-content-table,
#fyfinancial-content-table {
    font-size: var(--jl-font-xs);
    margin-top: var(--jl-padding-s); 
    margin-left: var(--jl-padding-m);
    border-collapse: collapse;
    width: 800px;
    max-width: 800px;
    min-width: 800px;
    

    & thead {
        background-color: var(--jl-table-thead-bg);
        height: 24px;
    }

    & thead tr th {
        background-color: var(--jl-table-thead-bg);
        color: var(--jl-text-h1);
        font-weight: bold;
        border-bottom: 1px solid var(--jl-border) !important;
    }   

    & td {
        color: var(--jl-table-text);
        text-wrap-mode: nowrap;
    }

    & tbody {
        background-color: var(--jl-bg-card); 
        & tr {
            background-color: var(--jl-table-row-bg);   
        }
    }

    & tbody>tr:nth-of-type(odd) {
        box-shadow: var(--jl-table-box-shadow2);
    }

    & tbody>tr:nth-of-type(even) {
        box-shadow: var(--jl-table-box-shadow2);
    }

    & tbody>tr:hover {
        box-shadow: var(--jl-table-box-shadow3);
    }

    & td,
    & th {
        text-align: right;
        padding: var(--jl-table-cell-padding) !important;
        padding-left: 20px;
        border: 0px !important; 
        /* border-bottom: 1px solid var(--jl-table-row-border); */
        font-weight: bold;
        line-height: 14px;
        width: 80px;
        max-width: 80px;
        min-width: 80px;
        padding-left: 0px !important;
        padding-right: 10px !important;
    }

    
    & td.growth {
        font-style: italic;
        color: var(--jl-text-placeholder) !important;
        font-size: var(--jl-font-xxs);
        font-weight: normal !important;
        
    }

    & tr.highlight {
        border-top: 1px solid var(--jl-table-thead-bg);
        border-bottom: 1px solid var(--jl-table-thead-bg);
        background-color: var(--jl-bg-lighter);
        
    }
    & tr.border-bottom {
        border-top: 1px solid var(--jl-table-thead-bg);
        border-bottom: 1px solid var(--jl-table-thead-bg);
    }

    & td.space {
        height: 25px;
        vertical-align: top; 
    }

    & th.estimate {
        color: var(--jl-text-estimate) !important;
        
    }

    & td.latest, 
    & th.latest{
        /* box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px 9999px inset; */
        border-right: 1px solid var(--jl-border) !important;
    }


    & td span.negative {
        color: var(--jl-negative);
    }
}

#fyfinancial-content-table {
    width: 358px;
    max-width: 358px;
    min-width: 358px;

    
}