/* DCC_LIVE_MODE_CONTROL */

.mode-pill {
  display: none !important;
}

.dcc-live-mode-select {
  display: inline-flex;
  min-width: 108px;
  min-height: 36px;
  padding: 4px 28px 4px 12px;
  border: 1px solid #2f6578;
  border-radius: 5px;
  color: #f3fbff;
  background: #07171e;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}

.dcc-live-mode-select:hover {
  border-color: #36b6e8;
}

.dcc-live-mode-select:focus {
  outline: 2px solid #19aee8;
  outline-offset: 1px;
}

.dcc-live-mode-select:disabled {
  color: #f2ca55;
  cursor: wait;
  opacity: 0.75;
}