@import './normalize.css';
.grid {
  border-collapse: collapse;
}

.grid td,
.grid th {
  white-space: nowrap;
  min-width: 4rem;
  padding: 4px 12px;
  height: 37px;
}

.b-h td {
  height: 37px;
}

.grid tbody tr:nth-child(even) {
  background-color: #F8F8F8;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.border_transpose tr:nth-child(even) {
  border-top: 1px solid #008EB7;
  border-bottom: 1px solid #008EB7;
}

.grid tbody tr:nth-child(odd) {
  background-color: #FFF;
}

.grid.sticky tbody tr,
.grid.stick_topleft tbody tr {
  border: none;
}

.grid thead tr,
.grid tfoot tr,
.header {
  background-color: #008EB7;
  color: white;
}

.grid input,
.edit_box {
  border: 1px solid #E1E1E1;
  border-radius: 8px;
  background-color: #E9F6F9;
  padding: 6px 6px 3px;
  width: 3.5rem;
  vertical-align: middle;
  text-align: center;
}

.grid input:focus {
  background-color: #FFF;
}

.sticky {
  position: absolute;
  top: -9999999px;
  z-index: 3;
}

.sticky1 {
  position: absolute;
  top: -9999999px;
  z-index: 3;
  left: -26px;
}

.stick_col {
  position: absolute;
  top: 0;
  left: -54321px;
  z-index: 2;
}

.stick_topleft {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.week_diff {
  background-color: #FBE4D5;
}

.year_diff {
  background-color: #BCD6EE;
}

.pricing {
  background-color: #C0DCC0;
}

.transpose_panel {
  position: absolute;
  top: 5px;
  left: 12px;
}