/*
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*/
.trading-button-group div {
  display: inline-block; }
  .trading-button-group div span {
    color: #E2E2E2;
    margin-left: 4px;
    margin-right: 4px; }

.trading-button-group .trading-button {
  color: #8C8C8C;
  width: auto;
  margin-left: 2px;
  margin-right: 2px; }

.trading-button-group a:hover {
  text-decoration: none; }

.trading-button-group a.disabled {
  pointer-events: none; }

.trading-button-group .trading-button-selected {
  color: #E2E2E2; }

.trading-button-group .option-panel {
  text-transform: capitalize;
  align-items: center;
  float: left;
  display: block;
  position: absolute;
  background-color: #2E2E33;
  border: 1px solid #000000;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  padding: 4px 0;
  z-index: 1050; }
  .trading-button-group .option-panel a {
    display: flex;
    align-items: center;
    padding: 2px 5px;
    color: #FF9933; }
    .trading-button-group .option-panel a:hover {
      background-color: #3C3C42; }
    .trading-button-group .option-panel a .option-icon {
      margin-right: 3px;
      margin-bottom: 2px; }

.one-click-trading-button-group {
  text-transform: capitalize;
  color: #E2E2E2;
  display: flex; }
  .one-click-trading-button-group a:hover {
    text-decoration: none; }
  .one-click-trading-button-group .exit-one-click-button {
    margin-right: 5px;
    color: #FF9933;
    display: flex;
    align-items: center; }
    .one-click-trading-button-group .exit-one-click-button.disabled {
      pointer-events: none; }
    .one-click-trading-button-group .exit-one-click-button i {
      margin-right: 3px;
      margin-bottom: 2px; }
  .one-click-trading-button-group .one-click-button-style-group span {
    margin-right: 5px; }