.datagrid{width:100%}.datagrid .grid_header{width:100%;border-collapse:collapse;border-top:1px solid #999;border-left:1px solid #999}.datagrid .grid_header th{color:#333;border-right:1px solid #999;background-color:#fff69e}.datagrid .grid_header th.sort{color:#00F;cursor:pointer}.datagrid .grid_header th.sort.asc:after{content:"▲"}.datagrid .grid_header th.sort.desc:after{content:"▼"}.datagrid .grid_header th.cell_scroll{width:17px}.win .datagrid .grid_header th.cell_scroll{width:18px}.datagrid .grid_scroll{width:100%;border:1px solid #999;background-color:#cecece;overflow-y:scroll}.datagrid .grid_body{width:100%;font-size:11px;border-collapse:collapse;border-bottom:1px solid #999}.mac .datagrid .grid_body{width:-webkit-calc(100% - 16px);width:calc(100% - 16px)}.datagrid .grid_body tr{background-color:#fff}.datagrid .grid_body tr.selected{background-color:#ffdab9}.datagrid .grid_body tr.disabled{background-color:#eee}.datagrid .grid_body tr.disabled input[type=checkbox]{display:none}.datagrid .grid_body.highlight tr:not(.disabled):hover{background-color:#a3e0c4;cursor:pointer}.datagrid .grid_body td{padding-left:2px;padding-right:2px;color:#000;border-top:1px solid #999;border-right:1px solid #999}.datagrid .grid_body tr:first-child td{border-top:0}.datagrid .grid_body tr.cancel td,.datagrid .grid_body td.minus{color:#F00}.datagrid .grid_body td.center{text-align:center}.datagrid .grid_body td.right{text-align:right}.datagrid .grid_footer{font-size:11px;text-align:right}