.grid-layout-edit-wrap { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-layout-edit-table { display: table; position: relative; width: 100%; } .grid-layout-edit-row { display: flex; } .grid-layout-edit-cell { display: inline-block; vertical-align: middle; text-align: center; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; color: white; height: 5em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .grid-layout-edit-cell[data-selected="1"] { background: rgba(226, 226, 226, 0.50); color: rgba(226, 226, 226, 0.50); } .grid-layout-edit-selection-border-top { border-top: 1px solid #b0b0b0; } .grid-layout-edit-selection-border-bottom { border-bottom: 1px solid #b0b0b0; } .grid-layout-edit-selection-border-left { border-left: 1px solid #b0b0b0; } .grid-layout-edit-selection-border-right { border-right: 1px solid #b0b0b0; } .grid-layout-edit-cell[data-column-index="0"].grid-layout-edit-selection-border-left { border-left: 1px solid #b0b0b0; } .grid-layout-edit-cell[data-column-index="0"] { border-left: 1px solid #eeeeee; } .grid-layout-edit-cell[data-row-index="0"].grid-layout-edit-selection-border-top { border-top: 1px solid #b0b0b0; } .grid-layout-edit-cell[data-row-index="0"] { border-top: 1px solid #eeeeee; }