@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: #98C398; }
.euler_pnl_celltime_good    { background: #B9D89B; }
.euler_pnl_celltime_ok      { background: #D8D898; }
.euler_pnl_celltime_bad     { background: #D8B298; }
.euler_pnl_celltime_fail    { background: #D89D9D; }
.euler_pnl_cell_notexist    { background: #CCCCCC; }