.ddcommon {
    position: relative;
    zoom: 1;
    display: inline-block;
    cursor: default;
    width: 100% !important;
    padding: .375rem .75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);border-bottom:none; }
.borderRadiusBtm ul li:first-child{border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0 ;border-bottom:1px solid var(--bs-border-color); }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
    opacity: .5;
    color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadiusTp .border, .borderRadius .border{border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);}
.borderRadiusBtm .border{border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;}
.ddcommon img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:right}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;font-size: var(--fs-200);}
.ddcommon .ddChild li img{border:none; position:relative;vertical-align:middle;float:left}
.ddcommon .noBorderTop{border-top:none !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd .divider{ right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(/assets/22/img/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:var(--bs-dark)}
.dd .ddTitle img {display: inline; height: 40px; width: auto;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 0;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size: var(--fs-200); color:#6c757d;}
.dd .ddTitle .ddTitleText img{padding-right:10px;}
.dd .ddChild {background-color:#fff; left:0px;margin-top: 8px;}
.dd .ddChild img {display: inline; height: 40px; width: auto;}
.dd .ddChild li {padding:5px; background-color:#fff; border-bottom:1px solid var(--bs-border-color)}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel {color:var(--bs-dark);}
.dd .ddChild li.hover{background-color:var(--bs-light)}
.dd .ddChild li img{padding:0 10px 0 0;}
.dd .ddChild li.selected{background-color:#fef1eb; color:var(--bs-dark);}