.step {
  clear: left;
  padding: 1em;
}
.stepNum {
  font-size: 8em;
  width: 0.8em;
  text-align: center;
  color: #ccc;
  position: absolute;
}
.stepTitle {
  font-size: 2.5em;
  clear: right;
  float: left;
  color: #46768a;
}
.stepPanel {
  margin-left: 6.5em;
}
.stepContent {
  font-size: 1em;
  margin-top: 1em;
  padding: 1em;
  padding-bottom: 4em;
  clear: left;
  float: left;
}
.step:last-child .stepContent {
  padding-bottom: 0;
}
.largeErrorText {
  font-size: 1.75em;
  clear: right;
  float: left;
}
#ucDevicesTab_pnlAdura {
  height: 90%;
}
#aduraRF {
  height: 100%;
}
#aduraRF > div {
  text-align: left;
}
#aduraRF button.large {
  width: 10em;
  font-size: 1.5em;
  margin-top: 0.5em;
  margin-right: 0.5em;
}
#pnlDiscovery table {
  width: 100%;
}
#pnlDiscovery table,
#pnlDiscovery td {
  border: 1px solid;
}
#pnlAssociation {
  height: 100%;
}
#pnlAssociation table {
  width: 100%;
  height: 85%;
}
@media (max-height: 940px) {
  #pnlAssociation table {
    height: 80%;
  }
}
@media (max-height: 840px) {
  #pnlAssociation table {
    height: 75%;
  }
}
@media (max-height: 730px) {
  #pnlAssociation table {
    height: 70%;
  }
}
@media (max-height: 670px) {
  #pnlAssociation table {
    height: 65%;
  }
}
#pnlAssociation tr td,
#pnlAssociation tr th {
  height: 3em;
  padding: 0 0.5em;
  border-right: 1px solid #fff;
}
#pnlAssociation tr td:first-child,
#pnlAssociation tr th:first-child,
#pnlAssociation tr td:nth-child(2),
#pnlAssociation tr th:nth-child(2) {
  width: 15em;
}
#pnlAssociation tbody {
  overflow-y: auto;
  display: block;
  max-height: 100%;
}
#pnlAssociation tbody tr:nth-child(odd) {
  background-color: #bfbfbf;
}
#pnlAssociation tbody tr:nth-child(even),
#pnlAssociation tbody thead tr {
  background-color: #f0f0f0;
}
#pnlAssociation tbody select {
  display: block;
  margin: 0 auto;
}
#pnlAssociation thead,
#pnlAssociation tbody tr {
  display: table;
  width: 99%;
  table-layout: fixed;
}
#pnlAssociation .virtualPort select {
  width: 3.5em;
  margin-left: 0.5em;
}
#pnlAssociation .fileinput-button {
  float: right;
  margin-left: 0.5em;
}
#txtSelectDevices {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0.5em;
}
#exportTable,
#routingTableLink {
  float: right;
  margin-left: 0.5em;
}
#aduraWorkflow {
  width: 40%;
  float: left;
}
#btnChangeBoxParams,
#btnUpdateRouting,
#btnChangeBoxParamsSB327 {
  clear: both;
  float: right;
  margin-top: 0.5em;
}
#aduraAssociations {
  height: 100%;
  width: 55%;
  float: left;
}
#aduraSaveConsole {
  height: 30em;
  overflow-y: scroll;
  width: 100%;
  border: 1px solid;
  display: none;
}
.consoleOpen #aduraSaveConsole {
  display: block;
}
#consoleHeader {
  width: 10em;
}
.arrowtabs {
  list-style: none;
  margin: 0;
  padding: 0;
  border-width: 1px;
  border-color: #ababab;
  border-style: solid;
  height: 16px;
  margin-bottom: 1em;
  background: #404040;
}
.arrowtabs:after {
  display: block;
  clear: both;
  content: " ";
}
.arrowtabs li {
  float: left;
  height: 16px;
}
.arrowtabs a,
.arrowtabs a span {
  display: block;
  padding: 0 10px;
  background: url(../img/chan_nav_back.png?1747630807) no-repeat;
  cursor: pointer;
}
.arrowtabs a {
  position: relative;
  z-index: 2;
  padding-left: 0;
  color: #fff;
  font-size: 1.091em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-position: -45px 0;
}
.arrowtabs a span {
  min-width: 135px;
  min-height: 16px;
  padding-right: 0;
  line-height: 16px;
  background-position: 0 0;
}
.arrowtabs .ui-state-active {
  border: 0;
}
.arrowtabs .ui-state-active a,
.arrowtabs .ui-state-active a:link,
.arrowtabs .ui-state-active a:visited {
  color: #fff;
}
.arrowtabs .ui-state-active a,
.arrowtabs a:hover,
.arrowtabs a:focus,
.arrowtabs a:active {
  background: url(../img/chan_nav_back_selected.png?1747630807) no-repeat -45px 0;
  color: #fff;
  outline: 0;
}
.arrowtabs .ui-state-active a span,
.arrowtabs a:hover span,
.arrowtabs a:focus span,
.arrowtabs a:active span {
  background: url(../img/chan_nav_back_selected.png?1747630807);
}
.arrowtabs li:first-child span,
.arrowtabs li:first-child a:hover span,
.arrowtabs .ui-state-active li:first-child span {
  background: none;
}
.arrowtabs li.arrowEnd a,
.arrowtabs li.arrowEnd a span {
  background-image: url(../img/chan_nav_end.png?1747630807);
}
.arrowtabs li.arrowEnd.ui-state-active a,
.arrowtabs li.arrowEnd a:hover,
.arrowtabs li.arrowEnd a:focus,
.arrowtabs li.arrowEnd a:active {
  background-image: url(../img/chan_nav_end_selected.png?1747630807);
}
.arrowtabs li.arrowEnd.ui-state-active a span,
.arrowtabs li.arrowEnd a:hover span,
.arrowtabs li.arrowEnd a:focus span,
.arrowtabs li.arrowEnd a:active span {
  background-image: url(../img/chan_nav_end_selected.png?1747630807);
}
.arrowtabs li.arrowRight {
  float: right;
}
#pnlInfoContent.tabs-container {
  border-left: 1px solid #fff;
}
#pnlInfoContent.tabs-container,
#pnlInfoContent .tabs-container /*this also gets Devices sub-tabs*/ {
  background-color: #fff;
  background-image: none;
}
#pnlInfoContent .columnSection {
  margin-bottom: 0;
}
#pnlInfoContent .fragment {
  margin-left: 0;
  padding-bottom: 1em;
}
#pnlInfoContent .focusColumn {
  width: 100%;
  margin-left: -1px;
}
#pnlInfoContent .columnSection {
  background-color: #e1e1e1;
  overflow: hidden;
}
#pnlInfoContent .secondaryTabs li {
  display: none;
}
#hdrDevices {
  min-width: 58em;
}
.propertiesSection label,
.propertiesSection .property,
.propertiesSection .associates a {
  line-height: 1.8em;
}
#pnlInfoContent .propertiesSection .saveButton button,
#pnlInfoContent .actionsContainer button {
  margin: 0.5em 0 1em 0;
}
.ie8 #pnlInfoContent .propertiesSection .saveButton button,
.ie8 #pnlInfoContent .actionsContainer button,
.ie9 #pnlInfoContent .propertiesSection .saveButton button,
.ie9 #pnlInfoContent .actionsContainer button {
  margin-left: 1px;
}
/*<Outupt controls>*/
.deviceControlContainer input[type=text][disabled] {
  color: #666;
}
.pnlPropsControls {
  margin-top: 1em;
}
.pnlPropsControls fieldset {
  margin: 0 0 0.5em 0;
  padding: 0.7em 0.8em 0.3em 0.7em;
  background-color: #f4f4f4;
}
.deviceControlContainer input[type=text],
.deviceControlContainer fieldset legend input[type=text],
.status_override > input[type=text] {
  width: 20em;
}
.status_override {
  margin-bottom: 0.5em;
  padding-right: 0.5em;
  background-color: #e0e0e0;
}
.status_override:hover {
  background-color: #c6c6c6;
}
.status_override > span {
  height: 1.4em;
  margin: 0.2em 0.5em 0.2em 0.5em;
}
.status_override .left > input[type=text] {
  height: 1.42em;
/*Chrome (21) likes to make individual device textboxes a tad too short at 1.4em; Safari had no such trouble*/
/*merge with border of .status_override container*/
  margin: -1px 0 -1px -1px;
}
.status_override,
.status_override .left > input[type=text] {
  border-width: 1px;
  border-style: solid;
  border-color: #666;
}
.poleControl {
  margin: 0.2em 0 0.2em 0;
}
.status_dimmer button {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.status_dimmer button:first-child {
  padding-right: 0.3em;
  border-radius: 50% 0 0 50%;
}
.status_dimmer button:last-child {
  padding-left: 0.3em;
  border-radius: 0 50% 50% 0;
}
.status_dimmer .innerDimButton {
  border-radius: 0;
}
.pnlPropsControls .poleControl button,
.pnlPropsControls .poleControl input[type="button"] {
  float: left;
  height: 1.5em;
  margin: 0;
}
.pnlPropsControls .status_relayState,
.pnlPropsControls .status_reason,
.pnlPropsControls .status_measuredLight,
.pnlPropsControls .status_timeDelay,
.pnlPropsControls .status_sensedPower,
.pnlPropsControls .status_rssi,
.pnlPropsControls .nPanelInfo {
  float: left;
  line-height: 1.6em;
/*help push text toward vertical alignment*/
}
.pnlPropsControls .nPanelInfo {
  min-width: 4em;
  padding-left: 0.5em;
}
.pnlPropsControls .multiDeviceView .nPanelInfo {
  min-width: 7em;
}
.pnlPropsControls .status_timeDelay_icon,
.pnlPropsControls .status_measuredLight_icon,
.pnlPropsControls .status_sensedPower_icon,
.pnlPropsControls .status_rssi_icon {
  float: left;
  width: 20px;
  height: 18px;
  margin-top: 0.1em;
}
.pnlPropsControls .status_timeDelay_icon {
  background-image: url(../img/status_time_delay_small.png?1747630807);
}
.pnlPropsControls .status_measuredLight_icon {
  background-image: url(../img/status_measured_light_small.png?1747630807);
}
.pnlPropsControls .status_sensedPower_icon {
  background-image: url(../img/status_current_monitoring_small.png?1747630807);
}
.pnlPropsControls .status_rssi_icon {
  background-image: url(../img/status_wifi_signal_small.png?1747630807);
}
.pnlPropsControls .linkedRelay_icon {
  background-image: url(../img/linked_relay.png?1747630807);
  width: 16px;
  height: 16px;
  float: right;
  margin: 2px 0.5em;
}
.pnlPropsControls .status_dimmer .dimmer_middle_button {
  width: 45px;
  margin-right: -1px;
  padding: 0;
  border-style: solid none solid none;
  border-width: 1px 1px 1px 1px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
  background-image: -webkit-linear-gradient(top, #000, #fff);
  background-image: -moz-linear-gradient(top, #000, #fff);
  background-image: -ms-linear-gradient(top, #000, #fff);
  background-image: -o-linear-gradient(top, #000, #fff);
  background-image: linear-gradient(top, #000, #fff);
}
.pnlPropsControls .status_dimmer .dimmer_indicator {
  width: 42px;
  height: 1.32em;
  overflow: hidden;
  padding: 0 3px 0 0;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#000));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #000);
  background-image: -moz-linear-gradient(top, #e6e6e6, #000);
  background-image: -ms-linear-gradient(top, #e6e6e6, #000);
  background-image: -o-linear-gradient(top, #e6e6e6, #000);
  background-image: linear-gradient(top, #e6e6e6, #000);
  background-color: #e6e6e6;
}
.pnlPropsControls .status_dimmer .dimmer_indicator_status {
  width: 100%;
  height: 1.32em;
  border-left: 3px solid #2fc1ff;
  background-color: rgba(255,255,255,0.1);
}
.pnlPropsControls .status_dimmer .dimmer_indicator_number {
  float: left;
  color: #ddd;
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 1px;
  text-align: center;
  width: 100%;
  text-shadow: #000 1px 1px 2px;
}
/*</Outupt controls>*/
.healthDashboardTableDiv {
  overflow-x: auto;
}
.clearAndRefreshFlexbox {
  display: flex;
  justify-content: flex-start;
  padding: 5px;
}
.clearAndRefreshButtons {
  width: 100px;
  margin: 5px;
}
#pnlInfoContent .actionButtons button {
  float: left;
  width: 13em;
/*I'm only doing this because the Restore factory settings button is so much longer than the others it looks out of place otherwise. -Scott*/
  margin: 1em 0.2em 1em 0.2em;
}
#pnlInfoContent .propertiesSection label {
  font-weight: bold;
  margin-right: 0;
}
.propertiesSection,
.propertiesSection tr {
  vertical-align: top;
}
.propertiesSection td {
  padding-left: 1em;
  vertical-align: bottom;
}
.propertiesSection .propertyName {
  text-align: right;
  vertical-align: top;
  width: 16em;
}
.propertiesSection input {
  width: 13.95em;
  border: 1px solid #6e6e6e;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 1.21em;
  margin: 1px 0;
}
.propertiesSection input[type="checkbox"] {
  width: auto;
  vertical-align: bottom;
  margin-bottom: 2px;
  margin-left: 0px;
  border: none;
}
/*without specifying family and size, the font here is off in FF*/
/*this is probably an area where one of those CSS reset templates has it covered*/
.propertiesSection textarea {
  width: 13.88em;
  padding-left: 0.364em;
  border: 1px solid #6e6e6e;
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 1.21em;
}
.propertiesSection .relayLoad {
  width: 4.5em;
}
/*<Alerts Menu>*/
#pnlPropsWarning {
  display: none;
  overflow: hidden;
  padding: 0.5em;
  background-color: #ffdd57;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa319), to(#ffdd57));
  background-image: -webkit-linear-gradient(top, #ffa319, #ffdd57);
  background-image: -moz-linear-gradient(top, #ffa319, #ffdd57);
  background-image: -ms-linear-gradient(top, #ffa319, #ffdd57);
  background-image: -o-linear-gradient(top, #ffa319, #ffdd57);
  background-image: linear-gradient(top, #ffa319, #ffdd57);
  background-color: #ffa319;
}
#lstAbsentNodeOptions {
  float: right;
  margin: 0.5em 1em 0 0;
  padding: 0;
  border-left: 1px solid #fff;
}
#pnlPropsWarning h4 {
  float: left;
  margin: 0 2.5em 0 2em;
  font-size: 1.2em;
  text-transform: uppercase;
}
#pnlPropsWarning .ui-arrow {
/*technically chops a couple pixels off the image; they won't be missed*/
  height: 1.636em;
}
#pnlPropsWarning .warningTroubleshooting {
  margin: 0.5em 1em 0.5em 12.3em;
}
#lstAbsentNodeOptions ul {
  float: left;
  padding: 0.5em 0.5em 0 0.5em;
  overflow: hidden;
  background-color: #fff0b2;
}
#lstAbsentNodeOptions li {
  overflow: hidden;
  margin: 0 0 0.5em 1em;
}
#lstAbsentNodeOptions ul li {
  width: 16em;
  margin: 0 0 0.5em 0;
  cursor: pointer;
}
#lstAbsentNodeOptions span {
  float: left;
  margin-right: 0.5em;
}
/*</Alerts Menu>*/
/*<Device Image>*/
#pnlPropsImage {
  width: 27.273em;
  height: 27.273em;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}
/*</Device Image>*/
.pnlPropsMain {
  clear: left;
  margin-left: 1em;
  margin-right: 300px;
/*based on .actionsContainer's fixed width*/
  padding-right: 2em;
  padding-bottom: 1em;
}
.actionsContainer {
  float: right;
  width: 300px;
  padding: 0 0.2em 1em 0.2em;
}
/*drop to single column float left layout when things get narrow*/
@media screen and (max-width: 1050px) {
  .pnlPropsMain {
    float: left;
    margin-right: 0;
    padding-right: 0;
  }
  .actionsContainer {
    float: left;
    margin-left: 1em;
  }
}
.pnlPropsMain h4 {
  padding-bottom: 0.3em;
  cursor: pointer;
}
.pnlPropsMain h4:hover {
  background-color: #95c0ff;
}
.pnlPropsMain > div {
  margin-top: 1em;
}
.pnlPropsMain > div > div {
  padding-top: 0.5em;
}
.pnlPropsMain .ui-arrow {
  height: 1.5em;
}
.pnlPropsMain button {
  margin: 0 1em;
}
#pnlInfoContent input[type="button"] /* for model,
datecode rewrite buttons,
see SENSORVIEW-3925 */ {
  margin-top: 0.2em;
}
/*<Status tab>*/
#pnlStatusContainer fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
  clear: both;
}
#pnlStatusContainer legend {
  margin-left: 0.5em;
}
.status {
  display: block;
  height: 2.909em;
  padding-top: 0.909em;
  padding-left: 4.3em;
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
/*
	TODO: the width here is a temporary fix to make the status item
	list a two column layout. it's not very clean and needs to be fixed.
	*/
  width: 40%;
}
.status.OccDaylightSensorOnlineStateOnline {
  background-image: url(../img/status_sensor_connected.png?1747630807);
}
.status.OccDaylightSensorOnlineStateOffline {
  background-image: url(../img/status_sensor_not_connected.png?1747630807);
}
.status.MicrophoneActivity {
  background-image: url(../img/status_mic_activity.png?1747630807);
}
.status.MicrophoneNoActivity {
  background-image: url(../img/status_no_mic_activity.png?1747630807);
}
.status.MicrophoneNoTimerActivity {
  background-image: url(../img/status_mic_activity.png?1747630807);
}
.status.MicrophoneNoTimerNoActivity {
  background-image: url(../img/status_no_mic_activity.png?1747630807);
}
.status.PirActivity,
.status.MaxPirReading {
  background-image: url(../img/status_pir_activity.png?1747630807);
}
.status.PirNoActivity {
  background-image: url(../img/status_no_pir_activity.png?1747630807);
}
.status.PirNoTimerActivity {
  background-image: url(../img/status_pir_activity.png?1747630807);
}
.status.PirNoTimerNoActivity {
  background-image: url(../img/status_no_pir_activity.png?1747630807);
}
.status.RelayStateOpen {
  background-image: url(../img/status_relay_open.png?1747630807);
}
.status.RelayStateClosed {
  background-image: url(../img/status_relay_closed.png?1747630807);
}
.status.DimmingInput {
  background-image: url(../img/status_dimmer_input.png?1747630807);
}
.status.FollowDimLevel,
.status.DualDimLevel,
.status.TrueDimLevel,
.status.LedcodeActualLevel,
.status.LedcodeSetPoint,
.status.LedcodeOutputSetPointPercent,
.status.LedcodeSystemFailureLevel,
.status.LedcodePowerOnLevel,
.status.LedcodeMinimumLevel,
.status.DimmingOutput {
  background-image: url(../img/status_dimmer_output.png?1747630807);
}
.status.TemperatureCorrection,
.status.Temperature,
.status.LedcodeInternalTemperature {
  background-image: url(../img/status_temperature.png?1747630807);
}
.status.TimeDelay,
.status.TrackedTimeDelay,
.status.AccumulatedHours,
.status.AccumulatedSeconds,
.status.SceneExpirationTime {
  background-image: url(../img/status_time_delay.png?1747630807);
}
.status.TransitionTime,
.status.PhotocellInhibitTimer,
.status.PhotocellNonInhibitTimer {
  background-image: url(../img/status_photocell_time_delay.png?1747630807);
}
.status.MeasuredLight {
  background-image: url(../img/status_measured_light.png?1747630807);
}
.status.ActualVoltageOutput,
.status.ActualVoltageOutputPcd,
.status.Voltage {
  background-image: url(../img/status_power_supply_good_voltage.png?1747630807);
}
.status.VoltageTooLow {
  background-image: url(../img/status_power_supply_bad_voltage.png?1747630807);
}
.status.DeviceCountPort1 {
  background-image: url(../img/status_bridge_port_1.png?1747630807);
}
.status.DeviceCountPort2 {
  background-image: url(../img/status_bridge_port_2.png?1747630807);
}
.status.DeviceCountPort3 {
  background-image: url(../img/status_bridge_port_3.png?1747630807);
}
.status.DeviceCountPort4 {
  background-image: url(../img/status_bridge_port_4.png?1747630807);
}
.status.DeviceCountPort5 {
  background-image: url(../img/status_bridge_port_5.png?1747630807);
}
.status.DeviceCountPort6 {
  background-image: url(../img/status_bridge_port_6.png?1747630807);
}
.status.DeviceCountPort7 {
  background-image: url(../img/status_bridge_port_7.png?1747630807);
}
.status.DeviceCountPort8 {
  background-image: url(../img/status_bridge_port_8.png?1747630807);
}
.status.ChannelStatusNotConfigured {
  background-image: url(../img/status_channel_not_configured.png?1747630807);
}
.status.ChannelStatusOnOff {
  background-image: url(../img/status_channel_switch.png?1747630807);
}
.status.ChannelStatusOnOffWithDimming {
  background-image: url(../img/status_channel_switch_dimming.png?1747630807);
}
.status.CompensatedOutputLevel {
  background-image: url(../img/status_compensated_output_level.png?1747630807);
}
.status.StateReasonHundredHourBurnIn {
  background-image: url(../img/status_100hrburnin.png?1747630807);
}
.status.StartToHigh,
.status.StateReasonStartToHigh {
  background-image: url(../img/status_start_to_high.png?1747630807);
}
.status.StateReasonForcedOnSwitch {
  background-image: url(../img/status_forced_on_by_switch.png?1747630807);
}
.status.StateReasonOverrideOn {
  background-image: url(../img/status_override_on.png?1747630807);
}
.easter .status.StateReasonOverrideOn {
  background-image: url(../img/status_override_on_senor_view.png?1747630807);
}
.status.StateReasonOverrideOffManualSwitch {
  background-image: url(../img/status_override_off_due_to_switch.png?1747630807);
}
.status.StateReasonOverrideOffSetting {
  background-image: url(../img/status_override_off_due_to_setting.png?1747630807);
}
.status.Occupied,
.status.StateReasonOccupied {
  background-image: url(../img/status_occupied.png?1747630807);
}
.status.PhotocellInhibit,
.status.StateReasonOccupiedPhotocellInhibiting {
  background-image: url(../img/status_photocell_inhibiting.png?1747630807);
}
.status.StateReasonEmergencyStateActive {
  background-image: url(../img/status_power_supply_bad_voltage.png?1747630807);
}
.status.PhotocellNotInhibit {
  background-image: url(../img/status_photocell_not_inhibiting.png?1747630807);
}
.status.Vacant,
.status.StateReasonUnoccupied {
  background-image: url(../img/status_vagrant.png?1747630807);
}
.status.StateReasonClosedNotTrackingOrNotInhibiting {
  background-image: url(../img/status_closed_because_etc.png?1747630807);
}
.status.StateReasonOpenManualOverrideOnHasExpired {
  background-image: url(../img/status_open_man-to-ovrrd_enabled_timed_out.png?1747630807);
}
.status.TrackingOccupancy {
  background-image: url(../img/status_tracking_occupancy.png?1747630807);
}
.status.NotTrackingOccupancy {
  background-image: url(../img/status_not_tracking_occupancy.png?1747630807);
}
.status.TrackingPhotocell {
  background-image: url(../img/status_tracking_photocell.png?1747630807);
}
.status.NotTrackingPhotocell {
  background-image: url(../img/status_not_tracking_photocell.png?1747630807);
}
.status.TrackingSwitch {
  background-image: url(../img/status_tracking_switch.png?1747630807);
}
.status.NotTrackingSwitch {
  background-image: url(../img/status_not_tracking_switch.png?1747630807);
}
.status.BroadcastingOccupancy {
  background-image: url(../img/status_broadcasting_occupancy.png?1747630807);
}
.status.NotBroadcastingOccupancy {
  background-image: url(../img/status_not_broadcasting_occupancy.png?1747630807);
}
.status.BroadcastingOccupancyNoTimer {
  background-image: url(../img/status_broadcasting_occupancy.png?1747630807);
}
.status.NotBroadcastingOccupancyNoTimer {
  background-image: url(../img/status_not_broadcasting_occupancy.png?1747630807);
}
.status.BroadcastingPhotocell {
  background-image: url(../img/status_broadcasting_photocell.png?1747630807);
}
.status.NotBroadcastingPhotocell {
  background-image: url(../img/status_not_broadcasting_photocell.png?1747630807);
}
.status.BroadcastingSwitch {
  background-image: url(../img/status_broadcasting_switch.png?1747630807);
}
.status.NotBroadcastingSwitch {
  background-image: url(../img/status_not_broadcasting_switch.png?1747630807);
}
.status.SceneStateActive,
.status.SceneActiveYes {
  background-image: url(../img/status_scene_active.png?1747630807);
}
.status.SceneStateIdle,
.status.SceneActiveNo {
  background-image: url(../img/status_scene_inactive.png?1747630807);
}
.status.SceneStateDisabled {
  background-image: url(../img/status_button_disabled.png?1747630807);
}
.status.ProfileActiveYes {
  background-image: url(../img/status_profile_active.png?1747630807);
}
.status.ProfileActiveNo {
  background-image: url(../img/status_profile_inactive.png?1747630807);
}
.status.FailedPackets {
  background-image: url(../img/status_failed_packet.png?1747630807);
}
.status.Retries {
  background-image: url(../img/status_retry.png?1747630807);
}
.status.LouverCommandSwitch {
  background-image: url(../img/status_louver_switch.png?1747630807);
}
.status.LouverCommandOpen {
  background-image: url(../img/status_louver_opening.png?1747630807);
}
.status.LouverCommandClose {
  background-image: url(../img/status_louver_closing.png?1747630807);
}
.status.LouverFullyOpen {
  background-image: url(../img/status_louver_open.png?1747630807);
}
.status.LouverFullyClosed {
  background-image: url(../img/status_louver_closed.png?1747630807);
}
.status.LouverPosition {
  background-image: url(../img/status_louver_position.png?1747630807);
}
.status.LouverBroadcastChannel,
.status.LouverTrackingChannels {
  background-image: url(../img/status_louver_photocell.png?1747630807);
}
.status.LedcodeOutputPowerIndication,
.status.SensedPower {
  background-image: url(../img/status_current_monitoring.png?1747630807);
}
.status.SensedPowerRational {
  background-image: url(../img/status_current_monitoring.png?1747630807);
}
.status.TargetVoltageOutputPcd {
  backGround-image: url(../img/status_power_supply_good_voltage.png?1747630807);
}
.status.InputVoltageError {
  background-image: url(../img/status_ac_power_fluctuation_unknown.png?1747630807);
}
.status.CurrentError {
  background-image: url(../img/status_dimming_current_unknown.png?1747630807);
}
.status.TemperatureError {
  background-image: url(../img/status_nominal_temp_unknown.png?1747630807);
}
.status.PhaseCutError {
  background-image: url(../img/status_phase_cut_unknown.png?1747630807);
}
.status.WifiRssi1 {
  background-image: url(../img/status_wifi_signal1.png?1747630807);
}
.status.WifiRssi2 {
  background-image: url(../img/status_wifi_signal2.png?1747630807);
}
.status.WifiRssi3 {
  background-image: url(../img/status_wifi_signal3.png?1747630807);
}
.status.WifiRssi4 {
  background-image: url(../img/status_wifi_signal4.png?1747630807);
}
.status.WifiRssi5 {
  background-image: url(../img/status_wifi_signal5.png?1747630807);
}
.status.RgbID {
  background-image: url(../img/status_color.png?1747630807);
}
.status.ColorTemperaturePercent {
  background-image: url(../img/status_color_temperature.png?1747630807);
}
.status.ColorTemperatureSwitchTracking {
  background-image: url(../img/status_tracking_switch.png?1747630807);
}
.status.ColorNumberSwitchTracking {
  background-image: url(../img/status_tracking_switch.png?1747630807);
}
.status.GrayscaleSpeedSwitchTracking {
  background-image: url(../img/status_tracking_switch.png?1747630807);
}
.status.ColorNumberPercent {
  background-image: url(../img/status_color.png?1747630807);
}
.status.GrayscaleSpeedPercent {
  background-image: url(../img/status_gray.png?1747630807);
}
.status.LedcodeFullLedCurrent {
  background-image: url(../img/status_current_monitoring.png?1747630807);
}
.status.LedcodeOemID {
  background-image: url(../img/status_failed_packet.png?1747630807);
}
.status.LedcodeProductID {
  background-image: url(../img/status_failed_packet.png?1747630807);
}
.status.LedcodeDriverVersionMajor {
  background-image: url(../img/status_failed_packet.png?1747630807);
}
.status.LedcodeDriverVersionMinor {
  background-image: url(../img/status_failed_packet.png?1747630807);
}
.status.DiscoveryState {
  background-image: url(../img/status_dimmer_input.png?1747630807);
}
.status.BatteryRemainingLevel {
  background-image: url(../img/status_power_supply_good_voltage.png?1747630807);
}
.status.OccSensorOnlineStateOn {
  background-image: url(../img/status_sensor_occupied.png?1747630807);
}
.status.OccSensorOnlineStateOff {
  background-image: url(../img/status_sensor_not_occupied.png?1747630807);
}
/*</Status tab>*/
/*<Default settings>*/
.settingsContainer legend {
  padding: 0.1em;
  border: 1px solid #c8c8c8;
  background-color: #fff;
}
.settingsContainer fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
  background-color: #e0e0e0;
}
.ie8 .settingsContainer legend,
.ie9 .settingsContainer legend {
/*the real problem here with IE's rendering of fieldsets is that it considers the fieldset box to exist above the top border of the fieldset, containing the legend and the fieldset border. this is more compensation, this time for ineffective padding*/
  margin-bottom: 0.5em;
}
.settingsContainer fieldset > div,
.settingsContainer > div {
  width: 46%;
  margin: 0 4% 0.5em 0;
}
.settingsContainer > div > span.settingLabel {
  display: inline-block;
  width: 52%;
}
.settingsContainer fieldset > div:nth-child(even),
.settingsContainer > div:nth-child(even) {
  clear: both;
}
.settingsContainer fieldset fieldset {
/*this should be in tune with the width above, big enough that fieldsets (which aren't floating) won't be squished on the same row as two settings, but can still exist alongside one*/
  min-width: 40%;
  clear: both;
}
.settingsContainer fieldset fieldset .setting {
  min-width: 12em;
}
.ie8 .settingsContainer > fieldset > fieldset {
  clear: both;
}
.settingsContainer td {
  padding-top: 0.455em;
  padding-bottom: 0.455em;
  width: 30%;
}
/*IE doesn't deal well with absolutely positioned elements inside a container with overflow: auto, they start escaping/acting fixed when scrolling*/
.ie8 #ucDevicesTab_pnlDefaultSettings.tabs-container,
.ie8 #ucInfoTab_pnlCurrentSettings.tabs-container,
.ie9 #ucDevicesTab_pnlDefaultSettings.tabs-container,
.ie9 #ucInfoTab_pnlCurrentSettings.tabs-container {
  position: relative;
}
/*<DropDown & TreeGrid & GridCheckList>*/
.ui-dropDown {
  font-size: 1.2em;
  text-transform: none;
  margin-left: auto;
  margin-right: auto;
}
.ui-dropDown-tab {
  display: block;
  width: auto;
  text-align: left;
  padding: 0.1em 1.717em 0.1em 0.1em;
  font-family: "MS Shell Dlg";
}
@-moz-document url-prefix() {
  .ui-dropDown-tab {
/*curse you, and your unique idea of rounding and precision, Mozilla!*/
    padding-top: 0.075em;
    padding-bottom: 0.075em;
  }
}
.ui-dropDown-tab input {
  background-color: inherit;
  border: 0;
  outline: none;
  padding: 0;
  padding-left: 0.2em;
  width: 100%;
}
.sectionHead .ui-dropDown-tab {
  display: inline;
}
.ie8 .ui-dropDown-tab,
.ie9 .ui-dropDown-tab {
  height: 17px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0.3em;
}
.ui-treeGrid td,
.gridCheckList td {
  width: auto;
  min-width: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0.35em;
  text-align: left;
  text-transform: none;
  font-family: "MS Shell Dlg";
  font-size: 1.2em;
}
.ui-dropDown-content.ui-treeGrid td,
.ui-dropDown-content.gridCheckList td {
  font-size: 1em;
}
.ui-dropDown-content,
.ui-treeGrid,
.gridCheckList {
  width: 100%;
  margin: 0;
}
#pnlInfoContent .triCheck,
.gridCheckList input {
  text-align: right;
  margin-left: auto;
  margin-top: 1px;
}
.gridCheckList {
  border: 1px solid #666;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  background-color: White;
}
.ie8 .gridCheckList,
.ie9 .gridCheckList {
  border-collapse: collapse;
}
.gridCheckList td {
  padding-left: 0.35em;
}
.ie8 .gridCheckList input[type=checkbox],
.ie9 .gridCheckList input[type=checkbox] {
  margin: 0;
}
/*#pnlCurrentSettingsContainer .ui-dropDown-content should trump #pnlCurrentSettingsContainer table... but IE does not think so, hence the extra specificity on the next rules, to get IE to comply*/
.ui-dropDown-content.ui-treeGrid,
.ui-dropDown-content.gridCheckList {
  margin-top: -1px;
}
/*</DropDown & TreeGrid & GridCheckList>*/
#pnlWallpodMode select {
  width: auto;
}
#pnlInfoContent p {
  font-size: 10px;
  text-transform: none;
}
.limitedSize {
  overflow-y: scroll;
  height: 13.636em;
  border: 1px solid #aaa;
  position: relative;
}
#pnlSceneSelectorSettings {
  display: none;
}
#pnlSceneSelectorSettings .commonSettings {
  padding-bottom: 0.5em;
}
#pnlSceneSelectorSettings .commonSettings select,
#pnlSceneSelectorSettings .addSetting {
  width: auto;
}
.buttonSettings > div {
  clear: both;
  margin-top: 0.5em;
}
#wallpodImageContainer #wallpodImage {
  width: 45px !important;
  height: 90px;
}
.wallpodImageSetting {
  float: left;
  margin-right: 1em;
  margin-top: 20px;
}
.buttonSettings div label input,
.buttonSettings div label select {
  display: inline-block;
  float: left;
  width: 15em;
}
.buttonSettings div label span {
  display: inline-block;
  float: left;
  clear: left;
  text-align: left;
  width: 11em;
}
.buttonSettings div .warning {
  margin-left: 0.5em;
}
.sceneCapableButtons {
  float: left;
  width: 25em;
  overflow: hidden;
  margin-right: 1.5em;
  padding: 0.2em;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  text-align: center;
}
.sceneCapableButtons div {
  margin: 1px;
  padding: 0.2em;
  border-width: 2px;
  border-style: outset;
  border-color: #666;
  cursor: pointer;
  height: 1.2em;
}
.sceneCapableButtons div.disabled {
  background-color: #ffa500;
  color: #666;
}
.sceneCapableButtons div.selected,
.sceneCapableButtons div:hover {
  color: #fff;
  background-color: #0071bc;
  border-style: inset;
}
.sceneCapableButtons div.warning {
  color: #f00;
  background-color: #ffc82c;
}
.buttonSettings {
  float: left;
  width: 65%;
  margin-top: 20px;
}
.buttonSettings label {
  font-size: 1.1em;
  text-align: right;
  margin-right: 1em;
}
.buttonSettings label span {
  display: inline;
}
#pnlLocalSceneZoneSettings .remButton {
  float: right;
}
#pnlSceneSelectorSettings .selectSetting {
  display: block;
  width: 55%;
  margin-right: 1%;
}
#pnlSceneSelectorSettings .selectOption {
  display: block;
  width: 38%;
}
#pnlGatewayProfileMode .ui-dropDown {
  width: 50%;
}
@-moz-document url-prefix() {
  #ddlSceneSelectorProfiles .ui-dropDown-content.ui-treeGrid {
    margin-top: 0;
  }
  #ddlSceneSelectorProfiles .ui-dropDown-content {
    margin-left: 1px;
  }
}
/*</FF hack>*/
.ie8 #pnlGatewayProfileMode #ddlSceneSelectorProfiles,
.ie9 #pnlGatewayProfileMode #ddlSceneSelectorProfiles {
  width: 12em;
}
.ie8 #ddlSceneSelectorProfiles .ui-dropDown-tab,
.ie9 #ddlSceneSelectorProfiles .ui-dropDown-tab {
  width: 10em;
}
#pnlIOSettings {
  display: none;
  padding-bottom: 1em;
  border-bottom: 1px solid #aaa;
}
#pnlIOSettings label {
  font-size: 1.1em;
}
#pnlIOSettings .commonSettings select,
#pnlIOSettings .addSetting,
#pnlIOWallpodMode select,
#pnlBroadcastMode select {
  width: auto;
}
#pnlIOSettings .profileSettings {
  margin: 0 0 0.5em 1em;
  overflow: hidden;
  float: left;
}
#pnlIOLocalSceneMode {
  margin-top: 1em;
}
#pnlIOLocalSceneMode .settingBlock {
  width: 50%;
}
#pnlIOGatewayProfileMode .ui-dropDown {
  margin-left: 0;
  width: 30%;
  font-size: 1.1em;
}
#pnlIOGatewayProfileMode .ui-dropDown-content.ui-treeGrid {
  z-index: 1000;
}
/*<Gecko 1.9 hack>: http://thomas.tanreisoftware.com/?p=11#gecko */
html[xmlns^=""]:not([xmlns*=""]) #pnlIOGatewayProfileMode:not([id="PNLIOGATEWAYPROFILEMODE"]) .ui-dropDown-content.ui-treeGrid {
  left: 1px;
  margin-top: 0;
}
.scenesLocal {
  margin-top: 1em;
}
/* Zone channel settings addon */
.clrBox {
  clear: both;
  border: 0 !important;
  height: 0.01em;
}
#channelTabsWrapper {
  margin: 0px;
  padding: 0px;
  border: 0;
}
#txtScheduleDate {
  background-color: #e6e6e6 !important;
  font-size: 1em;
}
#pnlPropsImageUpload {
  clear: both;
  width: 300px;
}
#pnlPropsImageDownload {
  display: none;
  clear: both;
  width: 300px;
  text-align: right;
}
#pnlWallpodsContainer .commonSettings {
  margin-left: 80px;
  margin-bottom: 8px;
}
#pnlWallpodsContainer #wallpodImage {
  width: 45px;
  height: 90px;
  float: left;
  margin: 0;
}
#pnlWallpodsContainer div {
  clear: none;
}
.pnlWallpodCbxControl {
  margin-right: 21px;
}
#gfxUploadScreensaver,
#gfxUploadScreenSaverPreview {
  background-color: #eee;
  border: 1px solid #ccc;
}
#gfxUploadScreensaver,
#gfxUploadScreenSaverPreview div {
  padding: 0 1em 0 1em;
  width: 26em;
}
#gfxUploadScreenSaverPreview img {
  display: block;
}
#pnlInfoContent .actionButtons button.gfxUploadButtons {
  width: auto;
  float: none;
  display: inline-block;
  margin: 1em;
}
#btnCancelDownload {
  display: none;
}
/*<wireless>*/
.wirelessConfiguration input[type=text],
.wirelessConfiguration input[type=password] {
  width: 12em;
  font-size: 1em;
}
.wirelessConfiguration .ui-checkedTextBox {
  width: 12.3em;
/*includes left-padding dimension input[type=text] elements get, to match overall width*/
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
.wirelessConfiguration .ui-checkedTextBox input[type=text] {
  width: 9em;
}
.wirelessConfiguration label span {
  float: left;
  width: 15em;
  margin-right: 1em;
  text-align: right;
}
.wirelessConfiguration div.padder {
  padding: 0 0 0 1em;
}
#ucDevicesTab_pnlWirelessContainer.wirelessConfiguration input[type=button] {
  margin-left: 16em;
}
.wirelessNetworks {
  margin: 0 1em 1em 3em;
  padding: 1em 1em 0 1em;
}
.wirelessNetworks li {
  overflow: hidden;
  width: 24em;
  margin-bottom: 1em;
}
.wirelessSignal {
  float: right;
  height: 1.7em;
}
.wirelessSignal div {
  float: left;
  width: 5px;
  margin-right: 0.3em;
  border: 1px solid #c8c8c8;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 0.1em #c8c8c8;
}
.wirelessSignal div.activeSignalBar {
  background-color: #0f0;
  box-shadow: inset 0.1em 0.1em 0.1em #fff, inset -0.1em -0.1em 0.2em #008000, 0.1em 0.1em 0.1em #c8c8c8;
}
.wirelessSignal .bar1 {
  height: 3px;
  margin-top: 12px;
}
.wirelessSignal .bar2 {
  height: 6px;
  margin-top: 9px;
}
.wirelessSignal .bar3 {
  height: 9px;
  margin-top: 6px;
}
.wirelessSignal .bar4 {
  height: 12px;
  margin-top: 3px;
}
.wirelessSignal .bar5 {
  height: 15px;
}
/*</wireless>*/
/*<events>*/
.btnEventsRefreshMarginLeft {
  margin-left: 20em;
}
#pnlEventsContent td {
  padding: 0.5em;
}
#pnlEventsContent thead td {
  font-weight: bold;
  min-width: 12em;
}
@media (max-width: 1400px) {
  .mapview #pnlEventsContent thead td {
    min-width: 10em;
  }
  .mapview #pnlEventsContent thead td.level {
    min-width: 6em;
  }
}
#pnlEventsContent thead .ui-dropDown-tab {
  font-weight: normal;
}
#pnlEventsContent .hide {
  display: none;
}
#pnlEventsContent tbody tr {
  background: #ddd;
  font-weight: bold;
}
#pnlEventsContent tbody tr.odd {
  background: #eee;
}
#pnlEventsContent .eventWarning {
  color: #ff6000;
}
#pnlEventsContent .eventError {
  color: #f00;
}
/*</events>*/
fieldset.driver {
  width: 40em;
}
fieldset.driver > div {
  clear: both;
  width: auto;
}
fieldset.driver > div > span {
  display: inline-block;
  width: 20em;
}
fieldset.driver > div > div {
  clear: none;
  display: inline-block;
  width: inherit;
}
fieldset.driver > div label {
  margin-top: 0;
  margin-bottom: 0;
}
#airPing table,
#airPing td,
#airPing th {
  border: 1px solid;
  padding: 0em 1em 1em 1em;
}
#airPingDiagnostics table,
#airPingDiagnostics td,
#airPingDiagnostics th {
  border: 1px solid;
  padding: 0em 1em 1em 1em;
}
.airHeading {
  padding: 1em 0.5em 0px 1em;
  margin-bottom: 0em;
}
#nDaliDriverMappingBlocks {
  overflow: hidden;
}
.nDaliDriverMappingBlock {
  border-style: solid;
  float: left;
  margin-left: 10px;
  margin-bottom: 20px;
  padding: 5px 5px 5px 5px;
}
.nDaliDriverMappingStatusHeading {
  font-weight: bold;
  padding: 2px;
  text-align: right;
}
.nDaliDriverMappingStatusValue {
  padding: 2px;
  text-align: left;
}
.nDaliDriverMappingButton {
  margin: 2px 2px 2px 2px;
  padding: 2px 20px 2px 20px;
}
.nDaliDriverMappingTable {
  margin: 10px 10px 10px 10px;
}
.nDaliDriverMapping-color-red {
  color: #f00;
}
#nDaliDriverMappingFilters {
  margin-left: 5px;
  margin-bottom: 5px;
}
.nDaliDriverMappingDriverNameIdentifySection {
  display: flex;
  justify-content: space-between;
}
.nDaliDriverMappingDriverResetSection {
  display: flex;
  justify-content: center;
}
/*<nTSHomeScreen>*/
.dialogcontent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  text-align: center;
  background-color: #e8eae6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100;
  border-style: solid;
  box-shadow: 0.5em 0.5em 1em #000;
  border: 1px solid #ddd;
  background: #eee url(../img/ui-bg_highlight-soft_100_eeeeee_1x100.png?1747630807) 50% top repeat-x;
  color: #333;
  overflow: hidden;
  border: 1px solid #aaa;
/*to hide popup initially*/
}
.dialogHeader {
  margin: 0.1em;
  box-shadow: 0 1px 0.2em #fff inset, 0 -0.1em 0.7em #808080 inset, 0 -1em 0 #505050 inset;
  background: none;
  background-color: #808080;
  height: 30px;
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
}
.close-btn {
  position: absolute;
  right: 3px;
  top: 4px;
  background-color: #000;
  color: #fff;
  padding: 7px;
  cursor: pointer;
}
.channels-tbl {
  width: auto;
  left: 45px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1em;
}
.dialogbody {
  text-align: left;
  padding: 10px !important;
}
.displayblock {
  display: block;
}
.displaynone {
  display: none;
}
.margin-bottom {
  margin-bottom: 1em;
}
.bordercss {
  border-bottom: 1px solid #000;
}
.item-active {
  background: #0071bc !important;
  color: #fff !important;
}
#selectable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto;
}
#selectable li {
  margin: 3px;
  padding: 0.4em;
  font-size: 1.4em;
  min-height: 18px;
}
#selectable li:hover {
  border: 1px solid #000;
  background: #0071bc !important;
  color: #fff;
}
.ntsHomeScreenLftPnl {
  min-width: 20%;
  width: 20%;
  margin: 0 5px 0 0;
  word-break: break-word;
}
#selectable {
  border: 1px solid #6e6e6e;
}
#selectable li {
  margin: 0;
  font-weight: 200;
  font-size: 11px;
  border-bottom: 1px solid #6e6e6e;
  text-align: center;
}
#selectable li:nth-last-child(1) {
  border-bottom: none;
}
.homescreen-modal-class.ui-widget-content {
  border: none;
  background: #fff;
  color: #000;
}
.ntsHomeScreenRightPnl {
  padding: 10px;
  max-width: 80%;
  min-width: 80%;
  width: 80%;
}
.homeScreenSceneBlockFilter {
  vertical-align: sub !important;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-type: none;
}
.ntsHomeScreenPnl {
  margin: 10px 0;
}
.homeScreen {
  background-color: #808080;
  width: 100%;
}
.homeScreenWrapper {
  display: flex;
  padding: 15px;
}
.font-weight-bold {
  font-weight: 200;
}
.font-weight-block {
  font-weight: bold;
  margin-left: 3px;
}
.margin-top-bottom {
  margin-top: 10px;
  margin-bottom: 10px;
}
.word-wrap-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: smaller;
}
.homeScreen-display-flex {
  display: flex;
}
.block-output-label {
  max-width: 3.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.block-style {
  border: 1px solid #6e6e6e;
  padding: 2px;
  width: 80px;
  margin: 0 5px 5px 0;
  background: #f0f0f0;
  color: #000;
  font-weight: normal;
  min-height: 200px;
  position: relative;
}
.non-draggable-block-style {
  border: 1px solid transparent;
  padding: 2px;
  width: 80px;
  margin: 0 5px 5px 0;
}
.block-type-div {
  display: flex;
  align-items: center;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-10 {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.error-text {
  text-indent: 76px;
}
input#ntsCheckBox {
  vertical-align: sub;
}
.hyperlink-text-color {
  color: #2fc1ff;
}
.header-text {
  padding-top: -17px;
}
.pageName-textbox {
  font-size: inherit;
}
.homescreen-modal-class .ui-dialog-titlebar {
  display: none;
}
.homescreen-modal-class .ui-dialog-buttonpane {
  display: none;
}
.homescreen-modal-class .ui-dialog-content {
  margin: 0px;
  text-align: left;
  padding: 10px 20px;
}
.homescreen-modal-class .ui-dialog-content .modal-heading-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
.homescreen-modal-class .ui-dialog-content .modal-heading-panel .heading {
  font-size: 18px;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-filter-cls {
  margin: 10px 0 20px 0;
  padding: 10px 0;
  border-bottom: 3px solid #d3d3d3;
  display: flex;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-content-cls {
  height: 300px;
  max-height: 480px;
  overflow-x: auto;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-filter-cls {
  display: flex;
  justify-content: space-between;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-filter-cls .output-dialog-filter-option-cls {
  display: flex;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-filter-cls .output-dialog-filter-option-cls .output-dialog-filter-option-group {
  display: flex;
  align-items: center;
  margin: 0 5px;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-filter-cls .output-dialog-filter-option-cls .output-dialog-filter-option-group input[type=checkbox] {
  margin: 0px;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-filter-cls .output-dialog-filter-option-cls .output-dialog-filter-option-group .output-dialog-filter-option-label {
  margin: 0 0 0 5px;
}
.homescreen-modal-class .ui-dialog-content .output-dialog-content-cls .output-dialog-content-row {
  display: flex;
  border-top: 1px solid #d3d3d3;
  min-height: 20px;
  height: auto;
  padding: 10px;
}
.output-dialog-content-row div:nth-child(odd) {
  width: 100px;
  word-break: break-word;
}
.output-dialog-content-row div:nth-child(even) {
  width: 340px;
  word-break: break-word;
}
.output-dialog-content-row:nth-last-child(1) {
  border-bottom: 1px solid #d3d3d3;
}
.input-close-icon {
  transform: translate(-18px, 7px);
}
.heading-close-btn,
.output-dialog-filter-input-wrapper {
  display: flex;
  align-items: center;
}
.output-dialog-filter-search-cls {
  padding: 0 20px 0 0;
  min-height: 22px;
  margin: 10px 0;
}
.homescreen-modal-class {
  border-radius: 15px !important;
}
.block-style:active {
  border: 1px solid #0071bc;
  cursor: pointer;
}
.hyperlink-text-color1 {
  color: #2fc1ff !important;
}
.no-blocks-present {
  background-color: #ff0;
}
.output-dialog-filter-search-cls:focus-visible {
  outline: none;
}
.dialog-close {
  background-image: url(../img/close-20.png?1747630807);
  height: 20px;
  width: 20px;
  margin: 0 0 0 5px;
}
.dialog-search-box {
  background-image: url(../img/clear.png?1747630807);
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
}
.ntsHomeScreenLftPnl .ui-sortable .ui-widget-content {
  background: #ffa500 !important;
  color: #666;
}
.ntsHomeScreenLftPnl .ui-sortable .ui-widget-content.item-active {
  background: #0071bc !important;
  color: #fff !important;
}
.disable-select {
  pointer-events: none;
  color: #808080 !important;
}
.pageNumberSecene .paginationjs .paginationjs-pages ul {
  display: flex;
  margin-top: 20px;
}
.pageNumberSecene .paginationjs .paginationjs-pages ul li {
  margin-right: 22.4px;
}
.pageNumberSecene {
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}
.pageNumberSecene .active {
  background-color: #005cb0;
}
.pageNumberWallpod .paginationjs .paginationjs-pages ul {
  display: flex;
  margin-top: 20px;
}
.pageNumberWallpod .paginationjs .paginationjs-pages ul li {
  margin-right: 22.4px;
}
.pageNumberWallpod {
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}
.pageNumberWallpod .active {
  background-color: #005cb0;
}
.scene {
  display: contents;
}
.wallpod {
  display: contents;
}
.flex-display {
  display: flex;
}
.paginate-alignment {
  display: flex;
  flex-direction: column;
}
.searchbox_height {
  height: auto;
}
.scene-filter-checkbox input[type=checkbox] {
  margin: 0px;
}
.wallpod-filter-checkbox input[type=checkbox] {
  margin: 0px;
}
.checkbox-alignment {
  margin-top: 2px;
}
.navigationList {
  border: 1px solid #d9d9d9;
  background: #ffc72e;
  color: #5c5c5c;
  height: 33px;
  width: 230px;
  text-align: center;
  cursor: pointer;
}
.navEnableChekBox {
  padding-left: 10px;
  right: 5px;
  margin-top: 10px;
  justify-content: center;
  align-items: flex-start;
  vertical-align: sub !important;
}
.navEnableText {
  float: right;
  vertical-align: middle;
  font-weight: normal;
}
.navigationListShow li:hover {
  border: 1px solid solid #d9d9d9;
  background: #00f;
  color: #fff;
}
.navigationListShow {
  margin-left: 3px;
}
.navigationSetting {
  list-style-type: none;
}
.remove_numbers {
  list-style: none;
  line-height: 30px;
}
.navigationRightPnl {
  padding-left: 10px;
  display: flex;
  margin-top: 5px;
  justify-content: center;
  align-items: flex-start;
}
.showChkboxstyl {
  margin-top: 1px !important;
}
.navigationListShow li:active {
  border: 1px solid #000;
  background: #00f;
  color: #fff;
}
.navigationListShow .active {
  border: 1px solid solid #d9d9d9 !important;
  background: #fff;
  color: #000;
}
.navigationListShow .disable {
  border: 1px solid #000;
  background: #ababab;
  color: #fff;
  pointer-events: none;
  opacity: 0.2;
  filter: Alpha(Opacity=20);
}
.navigationListShow .disable .input[type='checkbox'] {
  pointer-events: none;
  opacity: 0.2;
  filter: Alpha(Opacity=20);
}
.showSelected {
  border: 1px solid #000;
  background: none !important;
  color: #000 !important;
}
.ntsHomeScreenLftPnl .ui-sortable .configuredPage {
  background: #fff !important;
}
.syncFailedItems {
  max-height: 6em;
  float: left;
  column-gap: 1em;
  margin-top: 0.5em;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
}
.syncFailedItems::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
#pnlSyncIssues {
  padding: 0.5em 0 0 2.5em;
}
#pnlDeviceVerifySyncIssues {
  padding: 0.5em 0 0 2.5em;
}
