/* 
    Document   : os
    Created on : Mar 25, 2014, 9:31:50 PM
    Author     : osleydiaz
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.osDropDown{
    min-width:40px;
    min-height:26px;
    position:relative;
}

.osAutocomplete{
    position: relative;
}

.osDropDown .input,.osAutocomplete .input{
    position: relative;
    height:100%;
    width:100%;
}

.osDropDown .input input{
    width: 100%;
    height:100%;
    margin:0;
}

.osDropDown .menu,.osAutocomplete .menu{
    position:absolute;
    display:none;
    width: 100%;
    min-height: 40px;
    max-height:300px;
    overflow-y: scroll;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #dedede;
    border-top: none;
}

.osDropDown .menu .item,.osAutocomplete .menu .item{
    width:100%;
    height:24px;
    border-top: 1px solid #dedede;
}

.osDropDown .menu .item span,.osAutocomplete .menu .item span{
    padding:4px 6px;
    display:inline-block;
}

.osDropDown .menu .item:hover,.osAutocomplete .menu .item:hover{
    background-color:#f1f1f1;
}

.osDropDown .menu .item.select,.osAutocomplete .menu .item.selected{
    background-color:#f1f1f1;
}

.osCheckboxList{
    display: flex;
    
}

.osCheckboxList .checkbox,.osCheckboxList .checkboxAll{
    border:1px solid #dedede;
    display:inline-block;
    margin-right: 5px;
    height:25px;
    width:25px;
   cursor: pointer;
    
}

.osCheckboxList .checkbox span,.osCheckboxList .checkboxAll span{
    padding: 4px 9px;
    display: block;
}

.osCheckboxList .checkbox.selected,.osCheckboxList .checkboxAll.selected{
    background-color:#f1f1f1;
}