/* Status colors */

.us-color-Disabled {
	color: #b5b5b5 !important;
}
.us-bg-Disabled {
	background-color: #b5b5b5 !important;
	color: #ffffff !important;
}
.us-border-Disabled {
	border-color: #b5b5b5 !important;
}
.us-bdash-Disabled {
	border-color: #b5b5b5 !important;
	border-style: dashed;
}

.us-color-NoCom {
	color: #6f100b !important;
}
.us-bg-NoCom {
	background-color: #6f100b !important;
	color: #ffffff !important;
}
.us-border-NoCom {
	border-color: #6f100b !important;
}
.us-bdash-NoCom {
	border-color: #6f100b !important;
	border-style: dashed;
}

.us-color-OK {
	color: #2f8733 !important;
}
.us-bg-OK {
	background-color: #2f8733 !important;
	color: #ffffff !important;
}
.us-border-OK {
	border-color: #2f8733 !important;
}
.us-bdash-OK {
	border-color: #2f8733 !important;
	border-style: dashed;
}

.us-color-Warning {
	color: #c3c735 !important;
}
.us-bg-Warning {
	background-color: #c3c735 !important;
}
.us-border-Warning {
	border-color: #c3c735 !important;
}
.us-bdash-Warning {
	border-color: #c3c735 !important;
	border-style: dashed;
}

.us-color-Error {
	color: #b11504 !important;
}
.us-bg-Error {
	background-color: #b11504 !important;
	color: #ffffff !important;
}
.us-border-Error {
	border-color: #b11504 !important;
}
.us-bdash-Error {
	border-color: #b11504 !important;
	border-style: dashed;
}

.us-color-Unknown {
	color: #d28e8e !important;
}
.us-bg-Unknown {
	background-color: #9a6969 !important;
	color: #ffffff !important;
}
.us-border-Unknown {
	border-color: #9a6969 !important;
}
.us-bdash-Unknown {
	border-color: #b11504 !important;
	border-style: dashed;
}

.us-color-Transition {
	color: #a394a8 !important;
}
.us-bg-Transition {
	background-color: #a394a8 !important;
	color: #ffffff !important;
}
.us-border-Transition {
	border-color: #a394a8 !important;
}
.us-bdash-Transition {
	border-color: #a394a8 !important;
	border-style: dashed;
}

/*Power Status*/
.us-color-PoweredOff {
	color: #000000 !important;
}
.us-bg-PoweredOff {
	background-color: #808080 !important;
	color: #ffffff !important;
}
.us-border-PoweredOff {
	border-color: #808080 !important;
}
.us-bdash-PoweredOff {
	border-color: #808080 !important;
	border-style: dashed;
}
.us-color-PowerOff {
	color: #000000 !important;
}
.us-bg-PowerOff {
	background-color: #808080 !important;
	color: #ffffff !important;
}
.us-border-PowerOff {
	border-color: #808080 !important;
}
.us-bdash-PowerOff {
	border-color: #808080 !important;
	border-style: dashed;
}

.us-color-PoweringOff {
	color: #989898 !important;
}
.us-bg-PoweringOff {
	background-color: #989898 !important;
	color: #ffffff !important;
}
.us-border-PoweringOff {
	border-color: #989898 !important;
}
.us-bdash-PoweringOff {
	border-color: #989898 !important;
	border-style: dashed;
}

.us-color-PoweringOn {
	color: #989898 !important;
}
.us-bg-PoweringOn {
	background-color: #989898 !important;
	color: #ffffff !important;
}
.us-border-PoweringOn {
	border-color: #989898 !important;
}
.us-bdash-PoweringOn {
	border-color: #989898 !important;
	border-style: dashed;
}

/* Connection */
.us-color-Disconnected {
	color: #b5b5b5d1 !important;
}
.us-bg-Disconnected {
	background-color: #b5b5b5d1 !important;
	color: #ffffff !important;
}
.us-border-Disconnected {
	border-color: #b5b5b5d1 !important;
}
.us-bdash-Disconnected {
	border-color: #b5b5b5d1 !important;
	border-style: dashed;
}

.us-color-Idle {
	color: #b5b5b5d1 !important;
}
.us-bg-Idle {
	background-color: #b5b5b5d1 !important;
	color: #ffffff !important;
}
.us-border-Idle {
	border-color: #b5b5b5d1 !important;
}
.us-bdash-Idle {
	border-color: #b5b5b5d1 !important;
	border-style: dashed;
}

.us-color-Disconnecting {
	color: #b0ceff !important;
}
.us-bg-Disconnecting {
	background-color: #b0ceff !important;
	color: #ffffff !important;
}
.us-border-Disconnecting {
	border-color: #b0ceff !important;
}
.us-bdash-Disconnecting {
	border-color: #b0ceff !important;
	border-style: dashed;
}


.us-border-Deactivating {
	border-color: #b0ceff !important;
}
.us-color-Deactivating {
	color: #b0ceff !important;
}
.us-bg-Deactivating {
	background-color: #b0ceff !important;
	color: #ffffff !important;
}
.us-bdash-Deactivating {
	border-color: #b0ceff !important;
	border-style: dashed;
}


.us-color-Connecting {
	color: #b0ceff !important;
}
.us-bg-Connecting {
	background-color: #b0ceff !important;
	color: #ffffff !important;
}
.us-border-Connecting {
	border-color: #b0ceff !important;
}
.us-bdash-Connecting {
	border-color: #b0ceff !important;
	border-style: dashed;
}

.us-color-Activating {
	color: #b0ceff !important;
}
.us-bg-Activating {
	background-color: #b0ceff !important;
	color: #ffffff !important;
}
.us-border-Activating {
	border-color: #b0ceff !important;
}
.us-bdash-Activating {
	border-color: #b0ceff !important;
	border-style: dashed;
}

.us-color-Connected {
	color: #5c9cff !important;
}
.us-bg-Connected {
	background-color: #5c9cff !important;
	color: #ffffff !important;
}
.us-border-Connected {
	border-color: #5c9cff !important;
}
.us-bdash-Connecting {
	border-color: #5c9cff !important;
	border-style: dashed;
}

.us-color-Ready {
	color: #5c9cff !important;
}
.us-bg-Ready {
	background-color: #5c9cff !important;
	color: #ffffff !important;
}
.us-border-Ready {
	border-color: #5c9cff !important;
}
.us-bdash-Ready {
	border-color: #5c9cff !important;
	border-style: dashed;
}


/* Running */
.us-color-Stopping {
	color: #24ca2c9e !important;
}
.us-bg-Stopping {
	background-color: #24ca2c9e !important;
	color: #ffffff !important;
}
.us-border-Stopping {
	border-color: #24ca2c9e !important;
}
.us-bdash-Stopping {
	border-color: #24ca2c9e !important;
	border-style: dashed;
}

.us-color-Starting {
	color: #24ca2c9e !important;
}
.us-bg-Starting {
	background-color: #24ca2c9e !important;
	color: #ffffff !important;
}
.us-border-Starting {
	border-color: #24ca2c9e !important;
}
.us-bdash-Starting {
	border-color: #24ca2c9e !important;
	border-style: dashed;
}

.us-color-Run {
	color: #24ca2c !important;
}
.us-bg-Run {
	background-color: #24ca2c !important;
	color: #ffffff !important;
}
.us-border-Run {
	border-color: #24ca2c !important;
}
.us-bdash-Run {
	border-color: #24ca2c !important;
	border-style: dashed;
}

.us-color-Alarm {
	color: #b11504 !important;
}
.us-bg-Alarm {
	background-color: #b11504 !important;
	color: #ffffff !important;
}
.us-border-Alarm {
	border-color: #b11504 !important;
}
.us-bdash-Alarm {
	border-color: #b11504 !important;
	border-style: dashed;
}

.us-color-ResettingAlarms {
	color: #c3c735 !important;
}
.us-bg-ResettingAlarms {
	background-color: #c3c735 !important;
}
.us-border-ResettingAlarms {
	border-color: #c3c735 !important;
}
.us-bdash-ResettingAlarms {
	border-color: #c3c735 !important;
	border-style: dashed;
}

.dlb-background {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	overflow: hidden;
	z-index: -100;
	opacity: 0.2;
	background-image:url(/public/background.png);
	background-size:cover;
}

/* Leds */
.led {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0px;
  display: inline-block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.led.red {
  background-color: #FF0000;
  box-shadow: 0 0 6px #FF0000;
}

.led.orange {
  background-color: #FFA500;
  box-shadow: 0 0 6px #FFA500;
}

.led.yellow {
  background-color: #FFEB01;
  box-shadow: 0 0 6px #FFEB01;
}

.led.green {
  background-color: #00FF00;
  box-shadow: 0 0 6px #00FF00;
}

.led.blue {
  background-color: #0000FF;
  box-shadow: 0 0 6px #0000FF;
}

.led.grey {
  background-color: #A9A9A9;
  box-shadow: none;
}

.dalic-comment * {
	color: #006600;
}
.dalic-comment * {
	color: inherit!important;
}


.code-editor {
  font-family: Consolas,Monaco,monospace!important;
  font-size: 12px;
  outline: none;
  overflow-y: auto;
  padding-left: 48px;
  counter-reset: line;
  width: 98%;
  min-height: 300px;
  border: 2px solid #808080;
}

.code-editor div {
  display: block;
  position: relative;
  white-space: pre-wrap;
}

.code-editor div::before {
  content: counter(line);
  counter-increment: line;
  position: absolute;
  right: calc(100% + 16px);
  opacity: 0.5;
}

.dalic-break-line {
	background-color:#f49f95;
}

.dalic-sel-line {
	background-color:#b6fbb9;
}