.bwTable_container, .bwTable_container *	{ margin: 0; padding: 0; box-sizing: border-box; font-family: inherit; font-size: inherit; outline: none; font: 12px Arial, Helvetica, sans-serif; }
.bwTable_container table						{ border-spacing: 0; border-collapse: collapse; border: none; }

.bwTable_container								{ position: relative; width: 100%; height: 100%; padding: 36px 0 0 0; }
.bwTable_body										{ position: absolute; left: 0; top: 36px; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; }

.bwTable_header									{ position: absolute; left: 0; top: 0; right: 0; background: #dddddd; }
.bwTable_header table							{ width: 100%; }
.bwTable_header td > div						{ height: 36px; line-height: 34px; font-weight: bold; text-align: center; padding: 0 5px; border-width: 0 1px; border-style: solid; border-color: #eeeeee #eeeeee #cccccc #cccccc }
.bwTable_header td:first-child > div		{ border-width: 0 1px 0 0; }
.bwTable_header td:last-child > div			{ border-width: 0 0 0 1px; }

.bwTable												{ width: 100%; }

.bwTable_cell										{ line-height: 1px; border-bottom: 1px solid #cccccc; position: relative; z-index: 0; }
/*.bwTable tr .bwTable_cell:first-child		{ border-left: none; }
.bwTable tr .bwTable_cell:last-child		{ border-right: none; }*/
.bwTable_cell.bwTable_cell_mut				{ z-index: 1; }

.bwTable_cell > div								{ position: relative; height: 23px; min-width: 48px; line-height: 23px; text-align: left; border-right: 1px solid #cccccc; }
.bwTable_cell:last-child > div				{ border-right: none; }
.bwTable_cell[data-align='center'] > div	{ text-align: center; }
.bwTable_cell[data-align='right'] > div	{ text-align: right; }
.bwTable_cell.bwTable_cell_focused > div	{ background: rgba( 44,106,160,0.15 ); }
.bwTable tr:nth-child(2N)						{ background: rgba( 0,0,0,0.05 ); }
.bwTable tr:hover									{ background: rgba( 0,0,0,0.1 ); }

/* Input container */
.bwTable_cell > div > span																							{ display: block; padding: 0 6px; line-height: 24px; }
.bwTable_cell > div > div																							{ position: absolute; left: -0; top: -0; right: 0; bottom: 0; height: 24px; line-height: 22px; z-index: 1; }
.bwTable_cell.bwTable_cell_mut > div > div																	{ display: block; }
.bwTable_cell_mut[data-inputwidth='2'] > div > div															{ right: -100%; width: 200%; }
.bwTable_cell_mut[data-inputwidth='2']:nth-last-child(1) > div > div									{ right: 0; left: -100%; }
.bwTable_cell_mut[data-inputwidth='4'] > div > div															{ right: -300%; width: 400%; }
.bwTable_cell_mut[data-inputwidth='4']:nth-last-child(1) > div > div,
.bwTable_cell_mut[data-inputwidth='4']:nth-last-child(2) > div > div,
.bwTable_cell_mut[data-inputwidth='4']:nth-last-child(3) > div > div									{ right: 0; left: -300%; }

.bwTable_cell_mut[data-inputheight='2'] > div > div														{ bottom: -100%; height: 48px; line-height: 23px; }
.bwTable_cell_mut[data-inputheight='2']:nth-last-child(1) > div > div								{ bottom: 0; top: -100%; }
.bwTable_cell_mut[data-inputheight='4'] > div > div														{ bottom: -300%; height: 96px; line-height: 18.8px; }
.bwTable_cell_mut[data-inputheight='4']:nth-last-child(1) > div > div,
.bwTable_cell_mut[data-inputheight='4']:nth-last-child(1) > div > div,
.bwTable_cell_mut[data-inputheight='4']:nth-last-child(1) > div > div								{ bottom: 0; top: -300%; }

/* Input */
.bwTable_input																											{ display: none; position: absolute; left: -1px; top: -1px; right: 0; bottom: 0; border: 1px solid #cccccc; height: auto; width: 100%; padding: 0 28px 0 6px; line-height: inherit; background: white; box-shadow: 0 0 10px rgba( 0,0,0,0.5 ); }
.bwTable_cell.bwTable_cell_mut .bwTable_input																{ display: block; }

/* Buttons & Status */
.bwTable_cell > div > div > div																					{ display: none; position: absolute; z-index: 100; cursor: pointer; }
.bwTable_cell > div > div > div.bwTable_cell_status														{ top: 0; right: 0; bottom: 0; width: 12px; height: 12px; background: red; }
.bwTable_cell.bwTable_cell_changed > div > div > div.bwTable_cell_status							{ display: block; }
.bwTable_cell > div > div > div.bwTable_cell_confirm														{ bottom: 0; right: 1px; bottom: 0; width: 24px; height: 12px; background: silver; text-align: center; font-size: 9px; line-height: 12px; z-index: 2; margin: 0 1px 1px 0; cursor: pointer; }
.bwTable_cell.bwTable_cell_mut > div > div > div.bwTable_cell_confirm								{ display: block; }
.bwTable_cell > div > div > div.bwTable_cell_cancel														{ top: -1px; right: 1px; bottom: 0; width: 24px; height: 12px; background: red; color: white; text-align: center; font-size: 9px; line-height: 12px; z-index: 2; margin: 1px 1px 0 0; cursor: pointer; }
.bwTable_cell.bwTable_cell_mut > div > div > div.bwTable_cell_cancel									{ display: block; }
