.ddIcon{width:20px;height:20px;float:left;margin-right:6px;/*border:solid 1px #ccc;*/}
.ddIcon>img{vertical-align:top !important;padding:0 !important;}
.dd{text-align:left;background-color:#fff;float:left;width:100% !important;position:relative;}
.dd .ddTitle{background-color:#fff;border:1px solid #cccccc;padding:.5em;text-indent:0;cursor:default;overflow:hidden;}
.dd .ddTitle{height:2.4375rem;padding:0.5rem;font-size:1rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem;}
.dd .ddTitle span.arrow{display:none;}
.dd .ddTitle span.textTitle{overflow:hidden;padding:.2em 0 0 .2em;display:inline-block;white-space:nowrap;max-width:100%;}
.dd .ddTitle span.textTitle img{text-align:left;padding:0 .2em 0 0}
.dd .ddTitle img.selected{padding:0 3px 0 0;vertical-align:top;}
    .dd .ddChild {
        position: absolute;
        border: 1px solid #c3c3c3;
        border-top: none;
        display: none;
        margin: 0;
        width: auto !important;
        min-width: 100%;
        background-color: #fff;
        /*overflow: scroll;
        overflow-x: hidden !important;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;*/

        /*width: 100%;*/
        /*overflow-y: auto;
        overflow-x: hidden;*/
        zoom: 1;
        z-index: 9999
    }
.dd .ddChild .opta a,.dd .ddChild .opta a:visited{padding-left:10px}
.dd .ddChild a{display:block;padding:.5em 0 .5em .5em;text-decoration:none;color:#000;overflow:hidden;white-space:nowrap;cursor:pointer;}
.dd .ddChild a:hover{background:#66CCFF;}
.dd .ddChild a img{border:0;padding:0 .2em 0 0;vertical-align:middle;}
.dd .ddChild a.selected{background:#66CCFF;}

.scroll-wrapper.scrollbar-inner {
    height: 100%;
    min-height:80px;
}
.scrollbar-inner > .scroll-element .scroll-bar {background-color:#000 !important;min-height:30px;}

@media screen and (max-width:768px) {
    /*.dd .ddChild::-webkit-scrollbar{-webkit-appearance: none;min-width:12px;}
    .dd .ddChild::-webkit-scrollbar-track{background-color: rgba(0, 0, 0, .1);}
    .dd .ddChild::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .2);}*/
    /*    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 10px;
    }*/
    /*    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        box-shadow: 0 0 1px rgba(255,255,255,.5);
    }*/
}