/************************************
 To overwrite css properties, uncomment/edit them.
 If you decide to change the size of elements,
 please keep in mind both mobile and desktop layouts (media queries)
************************************/

/*******************************
            Popup
*******************************/
.flashlight-dropdown .generic-dropdown.popup {
    /*background-color: rgba(0, 0, 0, 0.65);*/
}
.flashlight-dropdown .generic-dropdown .bt-times{
    /*color: #fff;*/
}
.flashlight-dropdown .generic-dropdown.popup .menu {
    /*color: white;*/
    /*background-color: #fff;*/
}


/*******************************
            Input
*******************************/
.flashlight-dropdown .generic-dropdown.visible .generic-input{
    /*border: 1px solid #EC5D2F;*/
}
.flashlight-dropdown .generic-dropdown .generic-dropdown-right-button{
    /*border-left: 1px solid #b1b1b1;*/
}
.flashlight-dropdown .generic-dropdown.visible .generic-dropdown-right-button{
    /*border-left: 1px solid #EC5D2F;*/
}

/*******************************
            Dropdown
*******************************/
.flashlight-dropdown .generic-dropdown .menu {
    /*border: 1px solid #EC5D2F;;*/
    /*background: #FFFFFF;*/
}
.flashlight-dropdown .generic-dropdown .menu > .item {
    /*border-bottom: 1px solid #b1b1b1;;*/
    /*color: #000;*/
}
.flashlight-dropdown .generic-dropdown .menu>.item.possible-result:hover,
.flashlight-dropdown .generic-dropdown .menu>.item.possible-result.selected{
    /*background: #dedede;*/
}
.flashlight-dropdown .generic-dropdown.popup .menu>.item.possible-result.selected{
    /*background: white;*/
}
/*******************************
            ScrollBar
*******************************/
.flashlight-dropdown .generic-dropdown .menu::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}

.flashlight-dropdown .generic-dropdown .menu::-webkit-scrollbar-thumb {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

/************************************
        Custom question CSS rules

It is not recommended to edit this part.
*************************************/
.flashlight-dropdown {
    display: block;
}

@media (min-width:1200px) {
    .flashlight-dropdown .generic-dropdown{
        max-width: 400px;
    }
}