/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18.08.2016, 16:30:32
    Author     : scharte
*/

.drop_down {

}

.drop_down.slim {
    display: inline-block;
    min-width: 56px;

}

.drop_down .drop_down_selected {
    background-color:#181818;
    background: linear-gradient(to right, #181818 0% , #181818 90%,#8c8c8c 90% , #8c8c8c 100%);
    width: 100%;
    cursor: pointer;

}

.drop_down .drop_down_selected .select_button
{

    color:#ffffff;
    display: inline-block;
    padding: 8px 6px;
    /*box-sizing: border-box;*/
    vertical-align: middle;

}

.drop_down.dark .drop_down_selected {

    background-color:#8c8c8c;
    background: linear-gradient(to right, #8c8c8c 0% , #8c8c8c 90%,#181818 90% , #181818 100%);
}

.drop_down.dark .drop_down_selected .selected_element
{
    background-color:  rgb(24,24,24);
    color:#ffffff;

}

.drop_down .drop_down_selected .selected_element
{
    background-color: rgb(140,140,140);
    color:#ffffff;
    display: inline-block;
    padding: 7px 6px 9px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 1rem;
}

.drop_down.slim .drop_down_selected .selected_element,
.drop_down.slim .drop_down_selected .select_button
{

    padding: 4px 6px;


}

.drop_down .drop_down_options
{
    display: none;
    cursor: pointer;
}

.drop_down.show .drop_down_close_overlay
{
    display: block;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    position: fixed;
    z-index: 199;
    background-color: rgba(255,255,255,0.2);

}
.drop_down.show .drop_down_options
{
    display: block;
    position: absolute;
    z-index: 200;
    background-color: #ffffff;
}

.drop_down .drop_down_options .option
{
    padding: 4px 6px;
    border-bottom: 1px solid rgb(140,140,140);
    font-size: 1rem;
}

.drop_down .drop_down_options .option.highlight,
.drop_down .drop_down_options .option.selected
{
    color:#ffffff;
    background-color:rgb(140,140,140);
}