/*
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*/
input[type=text] {
  width: 100%;
  height: 100%;
  font-size: 11px; }

.preventClick {
  pointer-events: none; }

button.blink {
  color: #FFFFFF;
  animation: blinker 1s linear infinite; }

button.active {
  color: yellow; }

button.icon-plain:hover:not([disabled]):not([readonly]) {
  background-color: rgba(0, 0, 0, 0) !important; }

et-popup-si, et-popup-remarks-notes {
  z-index: 4; }