/*
 ** Custom select 1.0
 ** @author: K2
 **
 */
select {
    position: absolute;
    left: -5000px;
    opacity: 0;
    filter: alpha(opacity = 0);
}
.scrollPaneSelect {
    position: absolute;

    display: none;
    overflow: hidden !important;

    margin: 3px 0 0 0 !important;
    padding: 0;

    list-style: none;
}
.selectLabel {
    display: inline-block;
    position: relative;
    z-index: 900;

    cursor: pointer;
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    text-align: left !important;

    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.selectLabel .err {

}
.selectLabel span {
    display: block;
    overflow: hidden;
    margin-right: 49px;
    white-space: nowrap;
}
.selectLabel .disabled {
    cursor: default;
    opacity: 0.6;
    filter: alpha(opacity=6);
}
.selectLabel .disabled .visibled {
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
}
.selectLabel em {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: 40px;
    cursor: pointer;
    background: url('../../img/ico-select.png') no-repeat 0 -37px;
}
.selectLabel.expanded {

}
.selectLabel.expanded em {
    background-position: 0 -5px;
}
.selectOptions {
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    display: none;
}
.selectOptions li {
    float: left;
    overflow: hidden;
    width: 100%;
    min-height: 18px;
    max-height: 100px;

    list-style: none;
    font-size: 11px;
    cursor: pointer !important;
    color: #808285;
    padding: 5px 0;

}
.selectOptions li:first-child {
    border-top: 0;
}
.selectOptions li span {
    display: block;
    padding: 0 20px !important;
}
.selectOptions li.selected, .selectOptions li:hover {
    background: #ccc !important;
}
.selectOptions li .selectOptGroup {
    cursor: default !important;
    font-weight: bold;
}
