/* 
* @Author: Devin
* @Date:   2017-12-28 21:22:15
* @Last Modified by:   anchen
* @Last Modified time: 2018-01-07 11:17:11
*/

/*PUBILC*/
* , .dn-ckx-plugin > .dn-row-ckx{  
    padding:0px;
    margin:0px;
    list-style: none; 
}


.dn-level-li > label{
    position:relative;
    cursor: pointer;
    padding-left: 25px;
}

.dn-level-li [type=checkbox]{
    display:none;
    height:auto;
}

.ui-ckx{
    background: url("../images/download.png");
    background-repeat: no-repeat;
    width:24px;
    height: 24px;
    position: absolute;
    left:0;
    top:-2px;
    display: inline-block;
}

.ui-ckx.hover{
    background-position-x:-24px; 
}

.ui-ckx.active-path{
    background-position-x:-48px; 
}

.ui-ckx.active{
    background-position-x:-72px; 
}

.dn-row-ckx{
    padding-left: 20px;
    margin-left: 20px;
}

.dn-row-ckx > .dn-level-li .ui-ckx.disabled{
    background-position-x:-120px; 
    cursor: no-drop;

}

.dn-border{ border:thin solid #ddd; }
.dn-border-left{ border-left:thin solid #ddd; }
.dn-border-right{ border-right:thin solid #ddd; }
.dn-border-top{ border-top:thin solid #ddd; }
.dn-border-bottom{ border-bottom:thin solid #ddd; }

.dn-level-li{
    padding-top: 4px;
    padding-bottom: 4px;
}

.dn-level-li > span.dn-ckx-icon{
    width:20px;
    height:20px;
    cursor:pointer;
    float:left;
    background-image: url("../images/download.png");
    background-position-x: 39px ;
    background-position-y: -3px;
}

.dn-level-li > span.dn-ckx-icon.actived{

    background-position-x:right ;
}

/*horizontal*/
.vertical * , .horizontal *{
    padding:0px;
    margin:0px;
    list-style: none;
}

.horizontal{
    overflow:hidden;
    position:relative;
    border:thin solid #ddd;
    border-left:none;
}

.horizontal .dn-row-ckx{
    padding-left: 0px;
}

.horizontal .dn-row-ckx{
    border-left:thin solid #ddd;
    position:relative;
    top:0%;
    left:0%;
}

.horizontal  span.dn-ckx-icon{
    display:none;
}

.horizontal > .dn-row-ckx{
    width:100%;
    position:static;
}

.horizontal .dn-level-li{
    position:relative;
    padding-top:5.5px;
    padding-bottom: 5.5px;
    margin-top:-5px;
    margin-bottom: -5px;
    border-top:thin solid #ddd;
    border-bottom:thin solid rgba(0, 0, 0, 0);
}

.horizontal .dn-level-li:nth-child(odd){
    border-top:none;
}

.horizontal .dn-level-li label{
    top:50%;
    margin-left: 5px;
    margin-top: -10.5px;
}


/*vertical*/

.vertical .dn-row-ckx{
    padding-top:10px;
    overflow: hidden;
}

.vertical > .dn-row-ckx{
    border-left: thin solid #ddd;
    padding:0px;
}

.vertical .dn-row-ckx{
    padding-left: 0px;
}

.vertical  span.dn-ckx-icon{
    display:none;
}

.vertical >  .dn-row-ckx > .dn-level-li:first-child{
    /*padding-bottom: 10px;*/
    border-bottom: thin solid #ddd;
}

.vertical .dn-row-ckx .dn-level-li{
    position:relative;
    float: left;
    min-height: 35px;
    padding-top:10px;
    border-right: thin solid #ddd;
    margin-left: -1px;
    text-align: center;
    word-wrap:break-word ;
    border-top: thin solid #ddd;
}

.vertical .dn-row-ckx .dn-level-li:nth-child(even){
    border-right: none;
}

.vertical label{
    word-wrap:break-word ;
}