.datagrid{background-color:#CCC;border-top:1px solid #CCC;border-left:1px solid #CCC;min-height:100px}.datagrid table{border-collapse:collapse;border:0}.datagrid table th,.datagrid table td{padding:2px 8px}.datagrid .c_checkbox{text-align:center;width:30px}.datagrid table.dg_header th{background-color:#fff69e;color:#555;border-right:1px solid #CCC;border-bottom:1px solid #CCC}.datagrid table.dg_header th .sort{color:#c9cdd2;font-size:.9rem}.datagrid table.dg_header th .sort:not(.active){cursor:pointer}.datagrid table.dg_header th .sort:hover,.datagrid table.dg_header th .sort.active{color:#56acff}.datagrid table.dg_header th .sort.asc:before{content:"▲";margin-right:3px}.datagrid table.dg_header th .sort.desc:before{content:"▼";margin-left:3px}.datagrid div.dg_scroll{border-right:1px solid #CCC;width:100%;overflow-y:scroll}.datagrid table.dg_data td{background-color:#FFF;border-right:1px solid #CCC;border-bottom:1px solid #CCC}.datagrid table.dg_data tr.selected td{background-color:#e3773d;color:#FFF}.datagrid table.dg_data tr.disabled td{background-color:#e0e0e0;color:#777}.datagrid table.dg_data tr:not(.disabled):hover td{background-color:#0f95ec;color:#FFF}.datagrid table.dg_data tr.selected:hover td{background-color:#187aba;color:#FFF}.datagrid table.dg_data.selectable tr{cursor:pointer}.datagrid table.dg_data .button{font-size:.9rem;padding:1px 10px}.datagrid table.dg_data .button+.button{margin-left:3px}.datagrid .dg_footer{background-color:#fff69e;border-top:1px solid #CCC;border-right:1px solid #CCC;color:#555;display:flex;font-size:.8rem;font-weight:bold;padding:3px 5px 1px}.datagrid .dg_footer .paging{margin-left:0;margin-right:auto}.datagrid .dg_footer .paging .button{border:0;box-shadow:none;cursor:default;font-size:.9rem;padding:0}.datagrid .dg_footer .paging .button:not(.disabled){cursor:pointer}.datagrid .dg_footer .paging .button:not(.disabled):hover{color:#56acff}.datagrid .dg_footer .paging .button.disabled{color:#d5d0a6}.datagrid .dg_footer select.page_no{font-size:.8rem;padding:0 5px;text-align:right;width:60px}.datagrid .dg_footer .nol{margin-left:auto;margin-right:0}.datagrid .dg_footer .count{color:#267ed4;font-size:1rem}.datagrid .dg_footer .count:before{color:#555;font-size:.8rem}.datagrid .dg_footer .count:after{color:#555;content:"件";font-size:.8rem;margin-left:3px}.datagrid .dg_footer .total.count:before{content:"該当";margin-right:2px}.datagrid .dg_footer .disp.count:before{content:"中";margin-right:2px}.datagrid .dg_footer .disp.count:after{content:"件表示"}