@import 'styles_config';

.euler_pnl_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@include rdmedia_range(0,1) { .euler_pnl_row { flex-direction: column; } }

.euler_pnl_row2 {
  display: flex;
  flex-direction: row;
}

.euler_pnl_cell {
  width: 24px;
  height: 24px;
  font-size: 11px;

  margin: 3px;

  border: 1px solid #333;

  display: flex;
  align-items: center;
  justify-content: center;
}

.euler_pnl_cell:hover {
  background-color: $COL_COMPLEXHOVER_BG;
  color: $COL_COMPLEXHOVER_FG;
  border: 1px solid $COL_COMPLEXHOVER_BRD;
}

.euler_pnl_cell a {
  color: black;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.euler_pnl_cell a:hover {
  color: black;
  text-decoration: none;
}

.euler_pnl_cell a:visited {
  color: black;
  text-decoration: none;
}

.euler_pnl_celltime_perfect { background: $COL_EULER_TIME_0_LIT;    }
.euler_pnl_celltime_good    { background: $COL_EULER_TIME_1_LIT;    }
.euler_pnl_celltime_ok      { background: $COL_EULER_TIME_2_LIT;    }
.euler_pnl_celltime_bad     { background: $COL_EULER_TIME_3_LIT;    }
.euler_pnl_celltime_fail    { background: $COL_EULER_TIME_4_LIT;    }
.euler_pnl_cell_notexist    { background: $COL_EULER_TIME_NONE_LIT; }
