// DIAGNOSTIKA
div#srv_diagnostic {
    h2 {
        font-size: 24px;
        margin-top: 32px;
        margin-bottom: 16px;

        font-weight: $light;
        
        &:first-of-type {
            margin-top: 0;
        }

    }

    table {
        width: 100%;

        td {
            div.status_wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
                
                div.status {
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    height: 24px;
                    min-width: 88px;
                    border-radius: 2px;
    
                    font-size: 14px;
    
                    &.notok {
                        background-color: $status-red;
                    }
    
                    &.ok {
                        background-color: $status-green;
                    }

                    &.rec {
                        background-color: $status-blue;
                    }

                    a {
                        color: inherit;
                        text-decoration: none;
                    }
                }
            }
        }
    }

    div.lastnosti_wrapper {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 32px;

        div.lastnosti_left,
        div.lastnosti_right {
            width: 50%;
        }
        
    }
}

//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;
        }
    }

    div.graph_full {
        background-color: $blue;
        height: 24px;
        text-align: right;
    }
    
    div.graph_empty {
        background-color: $gray;
        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;
        }
    }
}