.gridsortable .dd-list{min-width:300px;max-width:800px;overflow-x:auto;max-height: 600px;overflow-y: scroll}
.dgrid .dglexp{max-width:300px;float:right}
.dgrid .dglexp a{background:#FFF;border-radius:5px;display:block;float:right;margin:5px 0 0 10px;padding:4px 5px 0;text-decoration:none}
.dgrid .dglexp a:hover{background:#EEE}
.dgrid .dataTables_filter>form{float:right}
.dgrid .dataTables_paginate>ul.pagination{float:right;margin:0}
.dgrid .dataTables_length label{font-weight:normal}
.dgrid .dataTables_length select.input-sm{padding:5px 3px}
.dgrid thead th{background:#34495E;text-transform:uppercase;font-size:11px;padding:5px 8px !important}
.dgrid thead th>span{color:#EEE;cursor:pointer}
.dgrid thead th>span:hover{color:#FFF;text-decoration: underline}
.dgrid thead th>b.dgs,.dgrid thead th>i{display:inline-block;text-decoration:inherit;text-align:center;margin-top:0;background:none;list-style:none;color:#ABC;font-family:FontAwesome;font-style:normal;font-size:10px;vertical-align:baseline}
.dgrid thead th>e.dgp{background:none;display:inline-block;width:15px;height:15px;float:right;cursor:pointer;margin-top:2px}
.dgrid thead th:hover>e.dgp{background:url(img/grid.png) no-repeat scroll -1px -35px}
.dgrid thead .sorting_asc,.dgrid thead .sorting_desc{background:#3498DB}
.dgrid thead .sorting_asc>span,.dgrid thead .sorting_desc>span{color:#FFF}
.dgrid thead .sorting_asc>b.dgs:before{content:"\f0d8"}
.dgrid thead .sorting_desc>b.dgs:before{content:"\f0d7"}
.dgrid thead .setf>i:before{content:"\f0b0"}
.dgrid thead th.setf{background:#F1F3F7}
.dgrid thead th:hover{color:#FFF}
.dgrid tfoot{background:#FEFEEE}
.dgrid thead .dgrpop{position:absolute;z-index:1000;display:none;float:left;min-width:100px;padding:5px 0;margin:2px 0 0;background-color:#FFF;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}
.dgrid thead .dgrpop>ul{list-style:none;padding:2px;margin:0}
.dgrid thead .dgrpop>ul>li{display:block;padding:3px 6px;font-weight:normal;border-radius:3px;line-height:22px;color:#333;white-space:nowrap;cursor:pointer;float:right;margin:2px}
.dgrid thead .dgrpop>ul>li:hover,.dgrid thead .dgrpop li:focus{color:#fff;text-decoration:none;background-color:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)}
.dgrid thead .dgrpop>ul>li.asc i,.dgrid thead .dgrpop li.desc i{width:18px;border-radius:1px;height:18px;background:url(img/grid.png) no-repeat #FFF;display:block;float:left;margin-right:3px}
.dgrid thead .dgrpop>ul>li.asc i{background-position:0 0}
.dgrid thead .dgrpop>ul>li.desc i{background-position:0 -17px}
.dgrid thead th .dgrpop>div.dgft>div.se{padding:2px;margin:3px;text-align:center}
.dgrid thead th.sorting,.dgrid thead th.filter{min-width:47px}
.dgrid thead th .dgrpop>div.dgft>div.se input[type='text']{width:95%;padding:2px}
.dgrid thead th .dgrpop .ln{clear:both;border-bottom:solid 1px #EEE;margin:4px}
.dgrid thead th .dgrpop>div.dgft{display:none;width:100%}
.dgrid thead th .dgrpop>div.dgft>ul{max-height:100px;max-width:300px;overflow-x:hidden;overflow-y:scroll;padding:2px;list-style:none;margin:0}
.dgrid thead th .dgrpop>div.dgft>ul li{padding:0;list-style:none;display:none;line-height:18px}
.dgrid thead th .dgrpop>div.dgft>ul li.ck,.dgrid thead th .dgrpop>div.dgft>ul li.sa{display:block}
.dgrid thead th .dgrpop>div.dgft>ul input{width:20px;padding:2px;float:left;margin:2px}
.dgrid thead th .dgrpop>div.dgft>div.sa{padding:2px;text-align:center}
.dgrid thead th .dgrpop>div.dgft>div.sa>input{margin:0}
.dgrid thead th .dgrpop>div.dgft>div.sa>label{font-weight:bold;font-size:95%;color:#111;margin:0}
.dgrid thead th .dgrpop>div.dgft>div.sa>b{font-weight:normal;background:#3B5666;border-radius:5px;padding:1px 3px;font-size:95%;color:#FFF;margin:0;cursor:pointer}
.dgrid thead th .dgrpop>div.dgft>ul>li.ck>input{}
.dgrid thead th .dgrpop>div.dgft>ul>li>label{color:#333;font-size:95%;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dgrid thead .open{*z-index:1000}
.dgrid thead .open>.dgrpop{display:block}
.dgrid thead th{border-top:solid 1px #EEE}
.dgrid thead th .dgrpop>div.dgpn{padding:8px 0 4px;text-align:center}
.dgrid thead th .dgrpop>div.dgpn>b,.dgrid thead th .dgrpop>div.dgpn>e{text-decoration:none;background:#3b5666;border-radius:3px;cursor:pointer;font-weight:normal;margin:4px;padding:2px 4px}
.dgrid thead th .dgrpop>div.dgpn>b{background:#BBB;color:#FFF}
.dgrid thead th .dgrpop>div.dgpn>b.on{background:#3b5666}
.dgrid thead th .dgrpop>div.dgpn>e{color:#EEE}
.dgrid thead th .dgrpop>div.dgpn>e:hover,.dgrid thead th .dgrpop>div.dgpn>b.on:hover{background:#3b5998}
.dgrid tbody>tr.odd{background:#EEE}
.dgrid tbody>tr{background:#FFF}
.dgrid tbody>tr.active,.dgrid tbody>tr.active>td{background:#EFA}
.dgrid tbody>tr>td.dgitm{cursor:pointer}
.dgrid tbody>tr>td{font-size:12px}
.dgrid tr .dgpanel{max-width:100px;width:25px;text-align:center;vertical-align:middle}
.dgrid tr .dgpanel .edit{max-width:100px}
.dgrid tr .dgpanel .copy{max-width:100px}
.dgrid tr .dgpanel .add{max-width:100px}
.dgrid tr .dgpanel .update{max-width:100px}
.dgrid tr .dgpanel .cancel{max-width:100px}
.dgrid tr .dgpanel .restore{max-width:100px}
.dgrid tr .dgpanel .delete{max-width:100px}
.dgrid tr .dgpanel .lock{max-width:100px}
.dgrid tr .dgpanel>a{text-decoration:none}
.dgrid tr .dgpanel>a>e{display:none}
.dgrid tr .dgpanel>a>i{display:inline-block;text-decoration:inherit;text-align:center;margin-top:0;background:none;list-style:none;color:#234;font-family:FontAwesome;font-style:normal;font-size:16px;vertical-align:baseline}
.dgrid tr .dgpanel>a>i:hover{color:#3498DB}
.dgrid tr .dgpanel>a.update{margin-right:8px}
.dgrid tr .dgpanel>a.edit>i:before{content:"\f044"}
.dgrid tr .dgpanel i.icon-print:before{content:"\f02f"}
.dgrid tr .dgpanel i.icon-picture:before{content:"\f03e"}
.dgrid tr .dgpanel>a.copy>i:before{content:"\f045"}
.dgrid tr .dgpanel>a.add>i:before{content:"\f0c5"}
.dgrid tr .dgpanel>a.update>i:before{content:"\f0c7"}
.dgrid tr .dgpanel>a.cancel>i:before{content:"\f0e2"}
.dgrid tr .dgpanel>a.restore>i:before{content:"\f01e"}
.dgrid tr .dgpanel>a.delete>i:before{content:"\f014"}
.dgrid tr .dgpanel>a.lock>i:before{content:"\f00d"}
.dgrid td.tdc{text-align:center}
.dgrid td.tdc .fmedia{margin:0 auto}
.dgrid td.tdr{text-align:right}
.dgrid td.tdl{text-align:left}
.dgrid td.tdj{text-align:justify}
.dgpn .form-inline .dghlf{padding:0;float:left;width:10%}
.dgpn .form-inline .dghrg{padding:0;float:right;width:90%}
/*on row upload*/
.dgrid td .dgupload,.dgrid td .imedia,.dgridfpop .dgupload{display:none !important}
.dgridfpop .imedia{float:left;width:50%;margin-right:5px}
.dgrid td .hasfile,.dgridfpop .hasfile{display:block !important}
.dgrid td .fmedia{width:90%}
.dgridfpop .fmedia{float:left;width:40%}
.dgrid td .fmedia>iframe,.dgridfpop .fmedia>iframe{width:0;height:0}