/*
    Placljive vsebine
*/


// Gumb za upgrade paketa v glavi
header #top_line #enka_nav .anketa_header_upgrade_package {
    margin-left: 16px;

    button{
        padding-top: 0;
        padding-bottom: 0;
        height: 36px;
        width: 171px;
        top: 15px;
        left: 1544px;
    }
}


// Zaklenjene vsebine v toolbaru na levi
.toolbox{

    .toolbox_item.user_access_locked{
        background-color: #FFF8E4 !important;
    
        &:hover{
            background-color: $yellow !important;
        }

    }
    
    .toolbox_item.user_access_locked.new_if{
        position: relative;
        background-color: #FFF8E4 !important;

        &:after{    
            position: absolute;
            content: '\f023';
            font-family: $fontawesome;
            position: absolute;
            color: $yellow;
            font-weight: 600;
            font-size: 12px;
            right: 14.68px;
            top: 12px;
            
        }
    }

   .toolbox_item.user_access_locked.new_block{
        position: relative;
        background-color: #FFF8E4 !important;

        &:after{    
            position: absolute;
            content: '\f023';
            font-family: $fontawesome;
            position: absolute;
            color: $yellow;
            font-weight: 600;
            font-size: 12px;
            right: 14.68px;
            top: 12px;
        }
    }

    .toolbox_border.user_access_locked{
        border-color: #FFEAAE !important;
    }
}

// Zaklenjene vsebine v toolboxu za dodajanje vprasanja
#toolbox_add_advanced{
        
    .segment_option.user_access_locked{
        background-color: #FFF0C5;
    
        &:hover{
            background-color: $yellow;
        }
    }
}


// Zaklenjene ikone in text
.faicon.user_access_locked{
    color: $yellow !important;

    &:hover{
        color: darken($yellow, 5%);
    }

    &:before,
    &:after{
        color: $yellow !important;

    }
}

.faicon.import.user_access_locked{
    &:before{
        color: $dark-gray !important;
        background-color: #FFF8E4 !important;
        border-radius: 2px;
    }
}


/* Popup z obvestilom, da je funkcionalnost onemogocena in je potrebno kupiti paket */
#popup_user_access{
    @include popup_general();    
}

.user_access_warning{

    p{
        margin-bottom: 16px;
    }
}


// Narocila - tabele
.narocila_filters{
    margin-bottom: 16px;

    label{
        margin-right: 16px;
    }
}


// Vklop map v mojih anketah
#folderSwitch.user_access_locked{
    /* justify-content: center !important; */ /* od kod? */
    position: relative;
    background-color: #FFF8E4 !important;
    border: 1px $dark-gray solid !important;
    color: $dark-gray;

    &:hover{
        background-color: $yellow !important;
    }

    .switch_folders {
        &.off{
            position: absolute;            
            left: 1px;
            top: 1px;
            padding-left: 4px;   
        }
        
    }

    &:after{
        position: absolute;
        content: '\f023';
        font-family: $fontawesome;
        position: absolute;
        color: $yellow;
        font-weight: 900;
        font-size: 12px;
        right: 4px;
        top: 4px;
    }
}


// Hover izvozi
#hover_export{
    padding: 8px;
    #hover_export_rectangle{ 
        position: relative;
        width: 100%;
        padding: 8px;
    
        background-color: rgba(255, 248, 228, 0.4);
        border: 1px solid #FFC700;
        border-radius: 2px;
        box-sizing: border-box;
    
    
        &:after{
            position: absolute;
            content: '\f023';
            font-family: $fontawesome;
            font-weight: 900;
            font-size: 12px;
            color: $yellow;
            top: 8px;
            right: 8px;
        }

        .user_access_locked{
            color: $dark-gray !important;    
            width: 100%;
            
            .faicon{                
                padding-right: 4px;
            }

            .faicon:before{
                color: $dark-gray!important;
            }
        
            .hover_export_icon{
                width: 19px;
                left: 16px;
            }
        }
    }
    #hover_export_rectangle_no_lock{
        padding: 8px;
    }

} 


.menu_left-title.user_access_locked{
    position: relative;
    display: block;
    width: 100%;
    /* padding: 8px !important; */
    padding: 8px 8px 0px 8px;
    color: $dark-gray !important; 
    background-color: rgba(255, 248, 228, 0.4);
    border-top: 1px solid #FFC700;
    border-left: 1px solid #FFC700;
    border-right: 1px solid #FFC700;
    border-radius: 2px;
    box-sizing: border-box;

/*     &.dostop_1ka {
        color: $dark-gray !important;
    }
 */
    &:after{
        position: absolute;
        content: '\f023';
        font-family: $fontawesome;
        font-weight: 900;
        font-size: 12px;
        color: $yellow;
        top: 8px;
        right: 8px;
    }

}

.dostop_1ka{
    color: $dark-gray !important;
}

.menu_left-list.user_access_locked{
    position: relative;
    display: block;
    width: 100%;
    padding: 8px !important;

    
}

.user_access_locked #jezik{
    a{
        position: relative;
        /* left: 8px; */
        width: 100%;
        left: -8px;
        height: 22px;
        /* margin-left: -8px; */
        padding-left: 8px;
        display: block;
        color: $dark-gray;
        background-color: rgba(255, 248, 228, 0.4);
        border: 1px solid #FFC700;
        border-radius: 2px;
        box-sizing: border-box;
      
        &:after{
            position: absolute;
            content: '\f023';
            font-family: $fontawesome;
            font-weight: 600;
            font-size: 12px;
            color: $yellow;
            right: 8px;
        }
    }

}

.menu_left-list.user_access_locked.locked{
    background-color: rgba(255, 248, 228, 0.4);
    border-bottom: 1px solid #FFC700;
    border-left: 1px solid #FFC700;
    border-right: 1px solid #FFC700;
    border-radius: 2px;
    box-sizing: border-box;
    color: $dark-gray !important;

    li {      
        &.active{
            color: $dark-gray;
            font-weight: 600;
        }
    }
}


.layout_left_item.user_access_locked{
    padding: 16px;
}

// Filtri
#analiza_right_options.user_access_locked #div_analiza_filtri_right span{
    color: $yellow !important;
}