.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.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;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:4px; right:9px;}     
.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:left}
.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;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{height:30px;line-height: 30px;}
.dd .divider{right:24px;}     
.dd .ddArrow{ color:#515355; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:15px;}  
.dd.borderRadiusTp .ddArrow{transform: rotate(180deg);}     
.dd .ddArrow:before{content:"\f0d7";}   
.dd .ddArrow:hover{ }   
.dd .ddTitle{color:#000; background:#F6F6F6; font-size: 14px; font-weight: 500; line-height: 20px;}
.dd .ddTitle .ddTitleText{padding:4px 10px 4px 15px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:14px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{background:#F6F6F6; left:0px; max-width: 100%; height:auto !important;padding: 5px 0 10px;}
.dd .ddChild li{padding:3px 15px; font-size: 12px; font-weight: 500; line-height: 20px;}       
.dd .ddChild li:first-child {display: none !important;}   
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#000;}
.dd .ddChild li.hover{ }     
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:0px 10px 0px 15px}
.dd .ddChild li.selected{ }    

.scheck .dd .ddChild input {    position: absolute;   z-index: 11;    height: 20px;    width:100%; margin: 0px;}
.scheck .dd .ddChild .ddlabel {  position: relative;  padding: 0 0 0 21px;  cursor: pointer; }  
.scheck .dd .ddChild .ddlabel:before {  content: '';  position: absolute; top: 3px;  left: 0px;  width: 10px;  height: 10px;  border-radius: 1px;  background: #FFF; border: 1px solid #C4C4C4; transition: .2s;}
.scheck .dd .ddChild .ddlabel:after {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; line-height:10px; position: absolute; top: 3px;margin:0px; left: 0px;  width: 10px;  height: 10px; transition: .2s; opacity: 0; font-size: 10px;color: #5F1AB2;}
.scheck .dd .ddChild input:checked + .ddlabel { color: #5F1AB2;}        
.scheck .dd .ddChild input:checked + .ddlabel:after { opacity: 1;}