/*
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*/
.et-select {
  width: 100%;
  height: 19px;
  font-size: 11px;
  font-weight: 700;
  color: #FFF;
  margin: 0; }
  .et-select.readonly button, .et-select.readonly select {
    pointer-events: none; }
  .et-select button, .et-select select {
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
    line-height: 17px;
    color: inherit;
    font-weight: inherit; }
    .et-select button.Activated, .et-select select.Activated {
      color: #1cb31c; }
    .et-select button.AwaitingActivation, .et-select select.AwaitingActivation {
      color: #1cb31c; }
    .et-select button.Done, .et-select select.Done {
      color: #2498BA; }
    .et-select button.Disabled, .et-select select.Disabled {
      color: #666570; }
    .et-select button .selected-label, .et-select select .selected-label {
      flex: auto;
      flex-grow: 1;
      font-size: 11px;
      line-height: 17px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .et-select button .icon-down, .et-select select .icon-down {
      flex: auto;
      flex-grow: 0; }

.et-select-dropdown ul {
  padding: 0px; }
  .et-select-dropdown ul li {
    font-size: 11px;
    padding: 3px 5px 3px 5px;
    word-break: break-all;
    color: #FFF; }
    .et-select-dropdown ul li:hover, .et-select-dropdown ul li.highlight {
      background-color: #4B4B53; }
    .et-select-dropdown ul li.selected {
      color: #FF9933; }

.et-select-dropdown-menu {
  max-width: 200px;
  max-height: 200px;
  overflow-y: auto; }