//OCENJEVANJE TRAJANJA, DEJANSKI ČASI
div.subpage_predvidenicas,
div.subpage_cas {

    table {
        width: 100%;
        white-space: nowrap;

        td.graph_cell {
            width: 100%;

            div.graph_cell {
                
                display:flex;
                flex-direction: row;
            }
        }

        td.time {
            padding-right: 0;
        }

        td.predvideni {
            color: $dark-gray;
        }

        &#casi_histogram {
            padding: 0;
            margin: 0;

            td.histogram {
                vertical-align: bottom;
                margin: 0;
                padding: 0;
                border: none;

                div.histogram {
                    background-color: $gray;
                    border: 1px solid transparent;
                    text-align: right;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    min-height: 1px;
                }
            }

            td.histogram_time {
                padding: 0;
                text-align: left;
                vertical-align: top;
                color: $very-dark-gray;

                border: none;
            }
        }
    }

    div.graph_full {
        background-color: $blue;
        height: 24px;
        text-align: right;
    }
    
    div.graph_empty {
        background-color: $gray;
        height: 24px;
    }

    div.graph_red {
        background-color: $status-red;
        height: 24px;
    }

    div.tabela_trajanje_legenda {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;

        margin-top: 16px;

        span.legend {
            font-size: 14px;
        }

        div.legend {
            width: 14px;
            height: 14px;
            margin-right: 8px;
            border-radius: 2px;
        }

        span.legend {
            margin-right: 32px;
        }
    }
}