div.page_nonresponse_graph {

    div#surveyNonresponse {

        div#dataSettingsCheckboxes {
            background-color: $medium-blue2;
            width: 100%;
            height: 136px;

            position: absolute;
            left: 0;
            top: 206px;
            display: flex;
            justify-content: center;


            div.wrap1360 {
            display: flex;
            flex-direction: row;
            max-width: 1360px;
            width: 1360px;
            justify-content: space-between;

            .section {
                display: flex;
                flex-direction: column;
                flex: 1;
                margin: 16px 0px;
                padding: 0px 16px;
                box-sizing: border-box;

                border-right: 1px solid $gray;
                &:last-of-type {
                    border: none;
                }

                .setting_holder {
                    white-space: nowrap;

                    .setting_item {
                        margin-top: 8px;
                        
                        label {
                            font-size: 14px !important;
                        }
                    }
                }

                span.setting_title {
                    font-size: 14px !important;
                    font-weight: $semi-bold;
                }

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

            
        }
    }

    h2 {
        width: 100%;
        overflow: hidden;
        font-weight: $light;
        font-size: 24px;

        margin-block-start: 0;
        margin-block-end: 0;

        margin-bottom: 16px;

        &:after {
            content: "";
            display: inline-block;
            height: 0.5em;
            vertical-align: bottom;
            width: 100%;
            box-sizing: border-box;
            margin-right: -100%;
            margin-left: 8px;
            border-top: 1px solid $gray;
        }
    }

    table {
        width: 100%;
        white-space: nowrap;
        font-size: 14px;


        td.graph_cell {
            width: 100%;
            
            div.graph_full {
                background-color: $blue;
                height: 24px;
                text-align: right;
            }
        }

        td.para_page_break {
            text-align: center;
            text-transform: uppercase;
            font-weight: $semi-bold;
        }

        // Tabela podrobno
        &.podrobno {
            margin: 0 32px;
            border: 1px solid $gray;
            text-align: right;

            width: calc(100% - 64px);

            th {
                background-color: $light-gray2;

                &.small {
                    font-size: 10px;
                    white-space: normal;
                    padding: 8px;
                }
            }

            td, th {
                &.dashed {
                    border-top: 1px dashed $gray;
                    border-left: 1px solid $gray;
                    border-right: 1px solid $gray;
                }

                &:not(.dashed){
                    border-left: 1px solid $gray;
                    border-right: 1px solid $gray;
                    border-top: 1px solid $gray;
                    border-bottom: none;
                }

                div.short {
                    width: 160px;
                    white-space: normal;
                    text-overflow: wrap;
                }
            }

            tr.multiVariablesHeader,
            tr.multiGroupHeader {
                background-color: $light-gray;
            }
        }
    }

    //Legenda manjkajočih vrednosti
    div#bottom_data_legend_missing {
        background-color: $light-gray;
        width: fit-content;
        margin-left: 32px;
        margin-top: 24px;

        border: 1px solid #E5E5E5;
        box-sizing: border-box;
        padding: 8px 16px;

        div.legend_title {
            color: $blue;
            cursor: pointer;
        }
    }
}

// Spremenljivke - novo okno za posamezno spremenljivko


// Za premik vsebine pod dropdown nastavitve.
div.drop_setting_margin {
    margin-top: 136px;
}

div.drop_setting_transition {
    transition: all .5s ease-in-out;
}