$anketa_title: $gray;
$anketa_url_disabled: $gray;
$anketa_url_enabled: $blue;

header #top_line{
    display: flex;
    align-items: center;

    height: 60px;

    padding: 0 32px;
    

    // Logo zgoraj levo
    #logo_holder {
        width: 87px;
        height: 40px;  

        a{    
            display: block;
            width: 87px;
            height: 40px;       

            background-image: url(../img/logo/1ka_logo_slo.svg);
            background-repeat: no-repeat;
            background-size: contain;
        }

        &.english a{
            background-image: url(../img/logo/1ka_logo_eng.svg);
        }

        &.namestitev a{
            background-image: url(../img/logo/1ka_logo_namestitev.svg);
        }

        &.namestitev.english a{
            background-image: url(../img/logo/1ka_logo_installation.svg);
        }
    }


    .setting_box{
        cursor: pointer;

        display: flex;
        align-items: center;
        justify-content: center;
        
        height: 28px;  
        min-width: 28px;
        margin-left: 8px;
        
        border: 1px solid $gray;
        box-sizing: border-box;
        border-radius: 2px;        

        transition: 0.2s;

        &:hover{
            background-color: $light-gray;
        }

        a{
            padding: 0 5px;

            font-size: 14px;
            line-height: 28px;
            text-decoration: none;

            .faicon:before{
                font-size: 14px;
            }

            .text{
                margin-left: 8px;
    
                font-size: 14px;
                color: $black;
            } 
        }
    }


    // Podatki o anketi v zgornji vrstici (naslov, aktivacija, preview...)
    #anketa_header_settings{
        display: flex;
        align-items: center;

        margin-left: 30px;

        .anketa_header_naslov {
            a {
                font-size: 16px;
                color: $black;
                text-decoration: none;
                font-weight: 600;
            }
        }

        // Help, preview ikone
        .anketa_header_help{
            display: flex;
            flex-direction: column;
            align-items: center;

            margin-left: 32px;     
            
            .faicon{
                padding-bottom: 20px;
                margin-bottom: -20px;
            }

            .block{
                display: flex;
                flex-direction: column;

                margin-bottom: 8px;

                .line{
                    margin-bottom: 8px;

                    font-size: 14px;

                    &:last-child{
                        margin-bottom: 0;
                    }
                }

                &:last-child{
                    margin-bottom: 0;
                }
            }
        }

        .anketa_header_activation{
            display: flex;
            align-items: center;

            .anketa_header_test{
                position: relative;

                a .faicon{
                    
                    &:after{
                        content: "T";

                        position: absolute;
                        top: -2px;
                        left: 11px;

                        font-family: $font_family;
                        font-size: 8px;
                    }
                }
            }

            .anketa_header_preview{
                display: flex;
                align-items: center;

                a{
                    padding: 0 16px;
                    line-height: 28px;
                }

                .block{
                    display: flex;
                    flex-direction: column;

                    margin-bottom: 8px;

                    .line{
                        margin-bottom: 8px;

                        font-size: 14px;

                        &:last-child{
                            margin-bottom: 0;
                        }
                    }

                    &:last-child{
                        margin-bottom: 0;
                    }
                }
            }

            .anketa_header_url{
                color: $dark-gray;

                a{
                    padding: 0 16px;

                    font-size: 14px;
                    text-decoration: none;
                }

                span{
                    padding: 0 16px;
                    font-size: 14px;
                }
            }

            .anketa_header_activate{

            }

            .anketa_header_lock{

            }
        }

        .anketa_header_quick_settings{
            display: flex;
            align-items: center;

            a{
                padding: 0 16px;
            }
        }
    }
 

    // Nastavitve zgoraj desno (search, uporabnik...)
    #enka_nav {
        display: flex;
        align-items: center;

        position: absolute;
        right: 32px;

        #search_holder {
            margin-left: 16px;

            form{
                display: flex;
                align-items: center;
            }

            input#searchSurvey {
                display: none;
                width: 150px;
                padding: 4px 0 3px 5px;
                margin: 0;
                border: 0;
            }
        }
        #help_holder {
            margin-left: 8px;
        }
        #fieldwork_holder {

        }
        #notification_holder {

        }        
    }
    span.sprites.mail_unread {
        color: $white;
        font-size: 11px;
        font-weight: bold;
        line-height: 23px;
        text-align: center;
        text-indent: 10px;
    }
    #xtradiv {
        display: inline-block;
        width: auto;
        margin-left: 16px;
        vertical-align: middle;
        
        .xtraname {
            display: flex;
            align-items: center;

            cursor: pointer;

            width: auto;
            font-weight: 400;
            font-size: 14px;
            color: $blue;
            
            &:hover{
                color: $dark-blue;
            }

            span{
                margin-left: 8px;
                line-height: 20px;
            }
        }

        #xtradivSettings {
            @include hover_basic();

            display: none;
            position: absolute;
            z-index: 99999;
            right: 0;
            top: 40px;

            width: 120px; 
            
            a{
                color: $blue;

                &:hover{
                    color: $dark-blue;
                    
                    .faicon:before{
                        color: $dark-blue;
                    }
                }

                .faicon:before{
                    margin-right: 8px;

                    color: $blue;
                }
            }
        }
        
    }
}

// Gumb za aktivacijo ankete
.switch_anketa {
    position: relative;
    display: block;
    
    width: 46px;
    height: 16px;

    &.anketa_on{
        background-image: url("../../public/img/icons/toggle_active.svg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    &.anketa_off{
        background-image: url("../../public/img/icons/toggle_inactive.svg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}