/*
The darken/lighten is not giving accurate results for the toasters so specific vars for them below.

- Red background: #c23848 you can get this colour roughly from using the red variable and with HSL lower lightness by 20.
- Blue background: #377ebd you can get this colour roughly from using the blue variable and with HSL lower lightness by 20.
- Orange background: #ff9933
- The text colour on all of these, could they please be #E2E2E2, except from warning which remains with black text.

*/
/*is not being used anywhere; the same as @redAlert*/
.option-checkbox {
  width: 51px;
  max-width: 51px;
  min-width: 51px;
  padding-top: 1px;
  white-space: nowrap;
  overflow: hidden; }
  .option-checkbox INPUT[type="checkbox"] {
    display: none; }
  .option-checkbox INPUT[type="checkbox"] + label {
    left: 0px; }

.option-more {
  width: 49px;
  max-width: 49px;
  min-width: 49px;
  white-space: nowrap;
  position: relative; }
  .option-more .option-more-select-filter {
    width: 100%;
    background-color: #4B4B53; }
  .option-more .dropdown-menu-multi-select {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1003;
    display: none;
    float: left;
    padding: 1px;
    border: solid 1px #000;
    background-color: #2e2e33;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
    min-width: 65px; }
    .option-more .dropdown-menu-multi-select LABEL {
      color: #E2E2E2;
      border: none; }
    .option-more .dropdown-menu-multi-select LI:hover {
      color: #FFFFFF;
      background: #38383E; }
    .option-more .dropdown-menu-multi-select.dropdown-expand-option {
      display: block; }