/* 
    Created on : 30-Jan-2020
    Author     : Peter Hrvatin
*/


/* Okno za obvestilo, da je funkcionalnost onemogocena in je potrebno kupiti paket */
.user_access_warning{
    align-self: flex-start;
    float: left;

    padding: 10px 20px 20px 20px;
    margin: 10px 0;
    
    background: none repeat scroll 0 0 $soft_blue_very_lighten;
    border: 1px solid $strong_blue;

    background-color: $violet_lighter;
    border: 1px solid $violet;

    p{
        font-size: 13px;
        font-weight: 500;
    }

    div.buttonwrapper a {
        background-color: $violet;
        border: 1px $violet solid;

        &:hover{
            background-color: $violet_light;
        }
    }
}

/* Text za obvestilo, da je funkcionalnost onemogocena in je potrebno kupiti paket */
p.user_access_warning_text{
    padding: 10px;
    margin: 0;

    color: $violet;
    font-style: italic;
}


// Gumb na vrhu za upgrade paketa
#topLine2 .upgrade_package{
    display: inline-block;
    margin-left: 30px;
    vertical-align: 4px;

    div.buttonwrapper a {
        background-color: $violet;
        border: 1px $violet solid;
    
        &:hover{
            background-color: $violet_light;
            border: 1px $violet_light solid;
        }
    }
}
#enka_nav .upgrade_package{
    display: inline-block;
    margin: 0 30px 0 0;
    vertical-align: middle;

    div.buttonwrapper a {
        background-color: $violet;
        border: 1px $violet solid;
    
        &:hover{
            background-color: $violet_light;
            border: 1px $violet_light solid;
        }
    }
}


// Levi toolbox (ifi, tipi vprasanj...)
#toolbox_basic > p.user_access_locked{
    opacity: 0.8;
    background-color: $violet;

    &:hover{
        background-color: darken($violet, 5%);
    }
}
#toolbox_add_advanced .user_access_locked{
    color: $violet;
}


// Izvozi
#secondNavigation_links #hover_export a.user_access_locked,
.analysis_bottom_settings a.user_access_locked{
    color: $violet;

    &:hover{
        color: $violet_light;

        span.faicon{
            color: $violet_light !important;
        }
    }

    span.faicon{
        color: $violet !important;
    }
}


// Splosne ikone
span.faicon.user_access_locked,
a.faicon.user_access_locked,
a.user_access_locked,
a.user_access_locked span,
span.faicon.user_access_locked::before,
label.user_access_locked,
#branching li.spr_editing div.spr_edit a.faicon.user_access_locked{
    color: $violet !important;

    &:hover{
        color: $violet_light !important;
    }
}


// Inline ifi ikone
.variabla span.inline.faicon.user_access_locked::before {
    color: lighten($violet, 35%) !important;
}
.variabla span.inline.faicon.user_access_locked:hover::before{
    color: $violet !important;
}


// Filtri pri analizi, podatkih...
#analiza_right_options.user_access_locked #div_analiza_filtri_right{

    ul li span{
        color: $violet !important;

        &:hover{
            color: $violet_light !important;
        }
    }
}


// Vklop map v mojih anketah
#folderSwitch.user_access_locked{
    color: $violet;

    border: 1px $violet solid;

    &:hover{
        background-color: lighten($violet, 48%);
    }
}


// Narocila - popup
.user_narocila_popup{
    z-index: 99;
    display: none;

    width: 500px;

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

        .form_holder{
            padding-bottom: 30px;
            line-height: 24px;
        }

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

            margin-bottom: 20px;
            padding: 10px;  

            background-color: $soft_blue_very_lighten;
            border: 1px solid $soft_blue;
            
            .edit_narocilo_line{
                .nastavitveSpan5{
                    width: 30%;
                }
            }
        }

        .buttons_holder{
            width: 100%;
        }
    }
}


#narocila {
    .data{
        margin-top: 6px;
        font-size: 13px;
        
        span.setting_title {
            float: left;
            width: 150px;
            padding-right: 10px;
            
            text-align: right;
        }
    }

    a.ovalbutton{
        line-height: 18px;
    }

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

        label{
            margin-right: 10px;
        }
    }

    table.dataTable.user_narocila_admin{
        padding: 20px 0;

        @media screen and (max-width: 700px) {
            tr{
                &.red_bg{
                    /*background-color: #eecccc;*/
                }
                &.green_bg{
                    background-color: #ddeedd;
                }
                &.black_bg{
                    background-color: #eeeeee;
                }
            }
        }

        td:nth-child(1),
        td:nth-child(n+4){
            text-align: center;
        }
    }

    table.user_narocila {
        max-width: 1200px;
        padding: 0px;
        margin: 20px 0 5px 10px;
        
        font-size: 13px;
        color: #404040;
        
        border-collapse: collapse;
        
        tr {
            th {
                padding: 5px 10px;
                min-width: 80px;
                border: 1px solid $grey_very_light;
                text-align: center;
                font-weight: 600;
                background-color: $soft_blue;
            }
            
            td {
                padding: 5px 10px;
                min-width: 80px;
                border: 1px solid $grey_very_light;
                background-color: $soft_blue_very_lighten;
                text-align: center;
            }
        }
    }
}

#placila {

    // Placila - tabela
    table.user_placila_admin {
        padding: 20px 0;

        td{
            text-align: center;
        }
    }

    .buttons_holder{
        height: 30px;
        margin-top: 20px;
    }

    a.ovalbutton{
        line-height: 18px;
    }
}

// Placila - popup
.user_placila_popup{
    z-index: 99;
    display: none;

    width: 500px;

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

        .form_holder{
            padding-bottom: 30px;
            line-height: 24px;
        }

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

            margin-bottom: 20px;
            padding: 10px;  

            background-color: $soft_blue_very_lighten;
            border: 1px solid $soft_blue;
            
            .edit_placilo_line{
                .nastavitveSpan5{
                    width: 20%;
                }
            }

            textarea{
                width: 70%;
            }
            input{
                width: 180px;
            }
        }

        .buttons_holder{
            width: 100%;
            margin-top: 0px;
        }
    }
}