/*

 *

 * 固定特殊类

 *

 */

/* ===========固定宽度*============= */

.ld-with80{width: 80px}

.ld-with50{width: 50px;}

.ld-with100{width: 100px;}

.ld-with150{width: 150px;}

.ld-with200{width: 200px}

/* ===========固定margin,padding*============= */

.ld-margin-right0{margin-right:}

.ld-margin-right5{margin-right:5px}

.ld-margin-right10{margin-right: 10px}

.ld-margin-right30{margin-right: 30px}

.ld-margin-right50{margin-right: 50px}

.ld-margin-top30{margin-top: 30px}

.ld-margin-top20{margin-top: 20px}

.ld-margin-btm0{margin-bottom:}

.ld-margin-btm10{margin-bottom:10px}

/* ===========字体大小*============= */

.ld-font-size14{font-size: 14px}

.ld-font-size16{font-size: 16px}

.ld-font-bold{font-weight:}

.ld-display-table{display:table}

/* ===========form表单控件*============= */

input.ld-input:focus {outline: none}

input.ld-input[type=checkbox],

input.ld-input[type=radio]{

    width: 16px;

    height: 16px;

    vertical-align: middle;

    margin: 1px 0 0 -20px;

    background-color: #fff;

    border: 1px solid #a1a1a1;

    -webkit-appearance: none;

}

input.ld-input[type=checkbox]:hover,

input.ld-input[type=radio]:hover{

    border-color: #c6c6c6;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

}

input.ld-input[type=checkbox][disabled],

input.ld-input[type=radio][disabled]{background-color: #ececec}

input.ld-input[type=radio]:checked,

input.ld-input[type=checkbox]:checked{

    border:;

    box-shadow: none;

}

input.ld-input[type=radio] {

    -webkit-border-radius: 16px;

    -moz-border-radius:16px;

    border-radius: 16px;

    background-color: white;

}

input.ld-input[type=radio]:checked {

    background: url("../../img/ld-component/radio-checked.png") no-repeat;

    background-size: contain;

}

input.ld-input[type=checkbox]:checked {

    background: url("../../img/ld-component/checkbox-checked.jpg") no-repeat;

    background-size: contain;

}

/* ===========table 固定列宽*============= */

table.ld-fixedwidth-table,table.ld-fixsomewidth-table{width: auto}

table.ld-fixedwidth-table>thead>tr>th,

table.ld-fixedwidth-table>tbody>tr>td{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    display: inline-block;;

}

thead>tr>th>label.checkbox-inline>input[type="checkbox"],

tbody>tr>td>label.checkbox-inline>input[type="checkbox"]{

    margin-top: -8px;

}

/* ===========table有下拉详情的============= */

.table tbody>tr.ld-collapse:hover {

    background-color: #f5f4f3;

    color: #191919;

    cursor: default;

}

tr.ld-collapse>td{background-color: #f5f4f3}

tr.ld-collapse>td>ul{margin-bottom:;text-align: left}

tr.ld-collapse>td>ul>li{padding-left: 30px;line-height:}

/* ===========table栅格list============= */

.ld-coltable-container>.row>.col-md-4{padding: 0 5px}

div.ld-coltable,ul.ld-rowtable{

    margin-bottom: 10px;

    border: 1px solid #ccc

}

div.ld-coltable>ul{

    margin-bottom:;

}

div.ld-coltable>ul.row{

    margin-right:;

    margin-left:;

}

div.ld-coltable>ul.row.ld-coltable-title{background-color: #f5f4f3}

div.ld-coltable>ul.row.ld-coltable-title>li{padding:5px 10px; line-height:1.8}

div.ld-coltable>ul.row.ld-coltable-title>li>label{margin-bottom:}

div.ld-coltable>ul.row.ld-coltable-content{padding: 5px;}

div.ld-coltable>ul.row.ld-coltable-content>li{ line-height:}

div.ld-coltable>ul>li>label>i,ul.ld-rowtable>li>label>i{font-weight:}

/* ===========table栅格row============= */

ul.ld-rowtable{

    position: relative;

    padding: 5px;

    line-height:;

    border-left: 3px solid #428bca;

}

ul.ld-rowtable>li.ld-rowtable-edit{

    position: absolute;

    right: 5px;

    top: 5px;

}

/* ===========分页============= */

nav.ld-pagination-nav{display: inline-flex;}

nav.ld-pagination-nav>ul.ld-pagination-select{

    display: inline-block;

}

nav.ld-pagination-nav>ul>li>select{

    padding: 5px;

    margin-right: 10px;

    font-size: 12px;

    border: 1px solid #a1a1a1;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

}

nav.ld-pagination-nav>ul.pagination{margin-top:;    margin-bottom:; }

/* ===========alert 弹窗*============= */

.ld-alert-header{

    padding: 4px 10px;

    background-color: #20364f;

    color: #fff;

}

.ld-alert-header>label{vertical-align: -webkit-baseline-middle;}

.ld-alert-content{

    padding: 30px 10px 30px 80px;

    background-position: 30px center;

    background-repeat: no-repeat;

    background-size:36px 36px;

    -moz-background-size:36px 36px;

    -webkit-background-size:36px 36px;

    -o-background-size:36px 36px;

    -ms-background-size:36px 36px;

}

.alert-success .ld-alert-content {

    background-image:url("../../img/ld-component/ld-alert-success.png") ;

}

.alert-warning  .ld-alert-content {

    background-image:url("../../img/ld-component/ld-alert-warn.png") ;

}

.alert-info  .ld-alert-content {

    background-image:url("../../img/ld-component/ld-alert-infor.png") ;

}

.alert-danger  .ld-alert-content {

    background-image:url("../../img/ld-component/ld-alert-error.png") ;

}

.ld-alert-confirm{

    padding:0 20px 10px 0;

}

.ld-alert-confirm button.btn-primary{padding: 4px 25px}

.ld-alert-confirm button:last-child{margin-left: 15px}

/* ===========ztree*============= */

.ld-ztree-container{

    border:1px solid gray;

    width:280px;

    height:500px;

    position: relative;

}

.ld-ztree-header{

    background-color: #688495;

    color: white;

    font-size: 16px;

    padding:8px;

}

.ld-ztree-main{

    position:relative;

    top:30px;

}

.ld-ztree-footer{

    position:absolute;

    bottom:10px;

    width:100%;

}

/* ===========menu*============= */

.navbar-fixed-top{

    position:absolute;

}