/* main.css */

/* ++ Utils */
.has-error {
  color: red;
}

.text-bold {
  font-weight: bold;
}

.grayed-out {
  background-color: rgb(235, 235, 228) !important;
}

.pleft0 {
  padding-left: 0px;
}

.inline-block {
  display: inline-block;
}

.zoom-color {
  color: violet;
}
/* == Utils */

html {
  height: 100%;
  overflow-x: hidden;
}

body {
  height: 100%;
}

fieldset.fieldset-border {
  border: solid 1px #ddd !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
}

legend.fieldset-border {
  width: auto !important;
  border: none;
  font-size: 14px;
}

#MainContainer {
  height: 100%;
  min-height: 100%;
  padding: 0;
  overflow: hidden;
}

#MainHeader {
  /*position: relative;*/
  /* height: 50px; */
  /* min-height: 50px; */
  background-color: black;
  color: white;
}

#MainHeaderLogoContainer {
  padding-left: 14px;
}

.mainheader_logo_image {
  width: 156px;
}

#MainHeaderTitle {
  visibility: hidden;
  height: 100%;
  /*padding-top: 13px;*/
  margin-top: -1px;
  color: white;
}

#MainHeaderTitle h1 {
  margin: 0;
  font-size: 2em;
}

#MainNavBar {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*height: 100%;*/
  padding-top: 17px;
  padding-left: 7px;
  /*background-color: gray;*/
}

#MainNavBar .nav li a {
  /*margin-right: 1px;*/
  padding: 6px 8px;
  border-radius: 4px 4px 0 0;
  background-color: #777;
  color: white;
}

#MainNavBar .nav li a:hover {
  background-color: #bbb;
  /*color: black;*/
}

#MainNavBar .nav li.active a {
  background-color: white;
  color: black;
}

.MainNavBarUL {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}

#MainHeaderControl {
  padding-top: 1px;
  padding-bottom: 0;
  padding-right: 22px;
  white-space: nowrap;
  /*padding-left: 138px;*/
  /*background-color: #BBB;*/
  /*color: #1B2543;*/
  /*border-left: 1px solid white;*/
}

#LoginArea {
  /*margin-right: 6px;*/
  /*border: 1px solid white;*/
  /*border-radius: 2px;*/
  /*padding: 2px;*/
}

#UserName {
  /*border: 1px solid white;*/
  padding: 2px;
}

#LoginButtonContainer {
  padding: 0;
}

#LogoutButton {
  margin-top: 2px;
  background-color: rgb(61, 97, 228);
  font-size: 0.9em;
}

#LogoutButton:hover {
  color: white;
  background-color: darkblue;
}

#LogoutImage {
  margin-left: 2px;
}

#MainContent.row {
  height: 94.7%; /* 94.1% */
}

#MainContent {
  height: 100%;
  /*min-height: 87px;*/
  margin: 0 auto;
  /*background-color: red;*/
}

#MainContentLeft {
  height: 100%;
  min-height: 100%;
  /* padding-right: 6px; */
  border-right: 1px solid lightgray;
  /* overflow-y: auto;
  overflow-x: auto; */
  /*background-color: #9acfea;*/
}

#MainContentContent {
  height: 100%;
  min-height: 100%;
  /*border-top: 1px solid black;*/
  background-color: white;
  padding: 0;
}

#StatusArea {
  height: 3.5%;
  min-height: 35px;
  padding: 1px 0 1px 20px;
  /* border-top: 1px solid black; */
  border-bottom: 1px solid lightgray;
  background-color: #e4e4e4;
  color: black;
  font-size: 1.1em;
}

#StatusAreaLabel {
  margin: 3px 0 0 0;
  padding-left: 0;
  color: black;
}

#StatusArea .btn-success,
.btn-warning,
.btn-danger {
  margin: 3px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
  /*width: 32.7%;*/
  /*border-radius: 0;*/
}

.status-comm-container {
  margin-right: 80px;
}

#StatusCommButton {
  border-radius: 50%;
}

#TreeRefreshButton {
  margin-top: 2px;
}

#StatusSuccessButton,
#StatusWarningButton,
#StatusErrorButton,
#StatusCommButton:focus,
#TreeRefreshButton:focus {
  outline: none;
}

#TreeRefreshButton:focus {
  background-color: white;
  color: black;
}

#TreeRefreshButton:hover {
  background-color: #e6e6e6;
  color: #333;
}

#TreeArea {
  margin: 0;
  /*height: 96.5%;*/
  height: 91.8%;
  /* width: 100%; */
  overflow-y: auto;
  overflow-x: auto;
  background-color: white;
}

#TreeGraph {
  width: 100%;
  margin-top: 1px;
}

.bt-login,
.bt-login:hover,
.bt-login:active,
.bt-login:focus {
  background-color: #e4e4e4;
  color: black;
  padding-bottom: 8px;
  padding-top: 8px;
  transition: background-color 300ms linear 0s;
}

#LoginWindow .modal-body {
  /*padding-bottom: 10px;*/
}

#LoginWindow .modal-header {
  padding: 6px;
  border-radius: 4px 4px 0 0;
}

#LoginWindow .modal-header .close {
  color: #fff;
}

#DateTime,
#UserDropDown {
  color: lightgray;
}

#UserDropDown {
  margin-top: 2px;
}

#UserDropDownBtn {
  padding: 2px;
  background-color: lightgray;
}

#UserLoginRememberContainer {
  margin: 0;
}

#UserLoginError {
  margin: 0 0 8px 0;
}

/* ++ Feature Content*/
#TabGraphsContent,
#TabRRDGraphsContent,
#TabOptixModeContent,
#TabEventLContent,
#TabUserMContent,
#TabMapContent,
#TabNodePadContent,
#TabUserAuditContent,
#TabRemoteMContent {
  height: 100%;

  margin: 0 0 0 0;
}

.user-mgmt-roles {
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 8px;
  background: #fafafa;
}

/* #TabRemoteMContent {
  height: 100%;
  width: 98%;
  margin-left: 1%;
} */

#TabEventLContent,
#TabUserAuditContent,
#TabInternalsContentContainerUMUPrmsCurrentTabContent,
#TabInternalsContentContainerUMUPrmsHistoryTabContent,
#TabInternalsUCUPrmsTabContent {
  overflow: auto;
}

#TabEventLContent,
#TabDeviceInfoContent,
#TabUserAuditContent,
#TabInternalsContentContainerUMUPrmsCurrentTabContent,
#TabInternalsContentContainerUMUPrmsHistoryTabContent,
#TabInternalsUCUPrmsTabContent {
  width: 99%;
  margin: 5px auto;
}

#TabDeviceInfoContent {
  height: 100%;
  overflow-y: auto;
}

#myTable,
#userAuditTable,
#currentPrmsTable,
#historyPrmsTable {
  margin-right: 1px;
}

#myTable thead,
#userAuditTable thead,
#currentPrmsTable thead,
#historyPrmsTable thead {
  background-color: #b6b7b9;
}

#myTable thead th,
#myTable thead td,
#userAuditTable thead th,
#userAuditTable thead td,
#currentPrmsTable thead th,
#currentPrmsTable thead td,
#historyPrmsTable thead th,
#historyPrmsTable thead td {
  padding: 4px;
}

#FindNodeContainer {
  margin: 5px 0 7px 0;
}

#TreeControls {
  margin: 3px 0;
}

#NodeSearch {
  height: 2em;
  padding: 0 0 0 6px;
  margin-left: 5px;
}

input#NodeSearch:focus {
  border: 2px solid black;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255 255 255 / 60%);
}

#NodeSearch,
#NodeSearchInputClear,
#TreeRefreshButton {
  border: 1px solid rgb(118, 118, 118);
}

/* #NodeSearchInputClear, */
#RRDFilterSearchInputClear,
#OptixModeFilterSearchInputClear {
  position: relative;
  right: 22px;
  padding: 4px;
  color: lightgray;
}

#NodeSearchInputClear:hover,
#RRDFilterSearchInputClear:hover,
#OptixModeFilterSearchInputClear:hover {
  background-color: #e6e6e6;
  color: gray;
  cursor: pointer;
}

#DeviceInfoNoData,
#TabSpectrogramsContentMsgContainer,
#TabRRDGraphsContentMsgContainer,
#TabOptixModeGraphsContentMsgContainer,
#TabSpectrogramsContentMsgOuterContainer,
#TabNodePadContentMsgContainer,
#TabInternalsContentMsgContainer,
#TabPaperContentMsgContainer,
#TabUtilsContentMsgContainer {
  margin-top: 25%;
}

#DeviceInfoData {
  width: 99%;
  margin: 7px auto;
}

#DeviceInfoData thead {
  background-color: #b6b7b9;
}

#DeviceInfoData thead th {
  padding: 4px;
}

/*.DeviceInfoKey {*/
/*}*/

.DeviceInfoValue {
  /*text-align: center;*/
}

#NodePadEntries {
  height: 64%;
  width: 99%;
  margin-left: 1em;
  margin-bottom: 1.5em;
  margin-top: 0.8em;
  border-bottom: 1px dashed lightgray;

  overflow-y: scroll;
}

#NewNodePadEntry {
  margin-left: 1em;
  height: 25.4%;
  overflow-y: auto;
}

#NodePadNewText {
  resize: none;
}

#NewNodePadEntrySubmit {
  margin-top: 0.3em;
}

/*#NewNodePadEntrySubmit:disabled {*/
/*background-color: lightgray;*/
/*}*/

.nodpad_entry {
  /*width: 746px;*/
  /*width: 53.5em;*/
  width: 98%;
  margin: 1em auto;
}

.nodpad_entry_indent {
  /*margin-left: 26em;*/
}

.nodpad_entry .panel-body {
  padding-left: 0.8em;
  padding-bottom: 0.6em;
}

.nodpad_entry_nodename {
  font-weight: bold;
}

.nodpad_entry_username {
  font-weight: bold;
}

.nodpad_entry_textdata {
  resize: none;
  border: 1px solid lightgray;
  padding: 0.25em;
  width: 100%;
}

.nodpad_entry_textdata:disabled {
  background-color: white;
}

#TabRRDContentContainer,
#TabInternalsContent,
#TabInternalsContentContainer,
#TabInternalsContentContainerUCU,
#TabInternalsContentContainerUMU,
#TabUtilsContentContainer {
  height: 100%;
}

#TabInternalsContentContainerUCUSamples,
#TabInternalsContentContainerUMUTabs,
#TabInternalsContentContainerParentGroupTabs,
#TabUtilsContent {
  height: 100%;
  padding: 10px;
}

#TabInternalsContentUCUDataSamplesContainer {
  margin-top: 10px;
  height: 94%;
  width: 50%;
}

#TabUtilsContentCmdContainer {
  float: left;
  margin-top: 10px;
  height: 94%;
  width: 30%;
}

#TabUtilsContentCmdContainerOutput {
  float: left;
  margin-top: 10px;
  margin-left: 50px;
  height: 94%;
  width: 50%;
}

#TabInternalsSamplesDeleteBtn {
  padding: 5px 10px;
}

#TabInternalsGenerateSampleContainer {
  height: 4%;
}

#TabInternalsSamplesContainer {
  height: 90%;
  margin-bottom: 10px;
}

#TabUtilsCmdsContainer,
#TabUtilsCmdsContainerOutput {
  height: 93%;
  margin-bottom: 10px;
}

#TabInternalsGenerateSampleBtn {
  margin: 10px 0 0 7px;
}

#TabInternalsGenerateSampleAjaxImage {
  margin-top: 10px;
}

#TabInternalsDeleteSamplesAjaxImage {
  margin-top: 8px;
}

#TabInternalsContentContainerUCU fieldset {
  /* margin: auto; */
  width: 50%;
  margin-top: 10px;
}

#TabInternalsTabContent,
#TabUtilsContentContainerTabContent,
#TabInternalsContentContainerTabContent,
#TabInternalsContentContainerSubTabsContent,
#TabInternalsContentContainerPIMReportTabContent,
#TabInternalsContentContainerCEHTabContent {
  height: 100%;
}

#TabInternalsContentContainerTabContent {
  margin-top: 2px;
}

#TabInternalsSamplesTabContent,
#TabUtilsContentContainerCmdTabContent,
#TabInternalsRebootContent,
#TabInternalsDBContent,
#TabInternalsContentContainerUMUPrmsTabContent,
#TabInternalsContentContainerUMUPrmsCurrentTabContent,
#TabInternalsContentContainerUMUPrmsHistoryTabContent,
#TabInternalsUCUPrmsTabContent,
#TabInternalsParentGroupPIMReportTabContent,
#TabInternalsParentGroupCEHTabContent,
#TabInternalsContentContainerNodePadParserContent {
  height: 96%;
}

#TabInternalsSamplesSelect,
#TabUtilsCmdSelect,
#TabUtilsCmdSelectOutput {
  background-color: ghostwhite;
  height: 100%;
  width: 99%;
  margin-left: 8px;
  overflow: auto;
}

#TabUtilsCmdSelectOutput {
  border: 1px solid;
  padding: 0px 2px;
}

#TabInternalsSamplesDownloadBtn,
#TabUtilsCmdExecBtn {
  margin-top: 5px;
  margin-left: 8px;
}

#TabInternalsDeleteGroup {
  float: right;
  border: 1px solid darkgray;
  padding: 2px;
}

#TabInternalsSamplesDeleteCheckbox {
  margin-right: 2px;
}

#TabRRDContentGraphsContainer,
#TabOptixModeContentContainer,
#TabInternalsContentContainerParentContentContainer,
#TabInternalsContentContainerParentContentContainerCEH,
#TabInternalsContentContainerParentContentContainerTEH {
  height: 96%;
  overflow-y: scroll;
  border-top: 1px solid lightgray;
  /*border-bottom: 1px solid lightgray;*/
}

.rrd-graph-separator {
  /*margin: 20px 0 20px 0;*/
  margin: 20px auto;
  width: 97%;
  height: 2px;
  background-color: black; /* rgba(51, 51, 51, 0.1);*/
}

#TabSpectrogramsContent,
#TabRRDContent {
  height: 100%;
}

#TabSpectrogramsContentControls,
#TabRRDContentControls,
#TabNodePadContentControls,
#TabOptixModeContentControls,
#TabInternalsContentContainerParentControls,
#TabInternalsContentContainerParentControlsCEH,
#TabInternalsContentContainerParentControlsTEH {
  height: 6.2%;
  background-color: #f0f0f0;
}

#TabSpectrogramsContentControlsContainer,
#TabRRDContentControlsContainer,
#TabNodePadContentControlsContainer,
#TabOptixModeContentControlsContainer,
#TabInternalsContentContainerParentControlsContainer,
#TabInternalsContentContainerParentControlsContainerCEH,
#TabInternalsContentContainerParentControlsContainerTEH {
  padding-left: 22px;
  height: 29px;
}

#TabRRDContentControlsContainer2 {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
}

#TabSpectrogramsContentControls .form-group,
#TabRRDContentControls .form-group,
#TabNodePadContentControls .form-group {
  margin-bottom: 0;
}

#TabSpectrogramsContentControlsPreContainer,
#TabSpectrogramsContentControlsRangeContainer,
#TabRRDContentControlsPreContainer,
#TabRRDContentControlsRangeContainer,
#TabOptixModeContentControlsPreContainer,
#TabOptixModeContentControlsRangeContainer,
#TabNodePadContentControlsPreContainer,
#TabNodePadContentControlsRangeContainer,
#TabInternalsContentContainerParentPreContainer,
#TabInternalsContentContainerParentRangeContainer,
#TabInternalsContentContainerParentPreContainerCEH,
#TabInternalsContentContainerParentRangeContainerCEH,
#TabInternalsContentContainerParentPreContainerTEH,
#TabInternalsContentContainerParentRangeContainerTEH {
  margin-top: 5px;
}

.spectrograms-content-controls-radio,
.rrd-content-controls-radio,
.nodepad-content-controls-radio {
  margin-left: 50px;
}

#SpectrogramShowlastContainer,
#RRDShowlastContainer,
#NodePadShowlastContainer,
#OptixModeShowlastContainer,
#InternalsParentShowlastContainer,
#InternalsParentShowlastContainerCEH,
#InternalsParentShowlastContainerTEH {
  margin-left: 41px;
}

#TabRRDContentControlsShowLast,
#TabSpectrogramsContentControlsShowLast,
#TabNodePadContentControlsShowLast,
#TabOptixModeContentControlsShowLast,
#TabInternalsContentContainerParentShowLast,
#TabInternalsContentContainerParentShowLastCEH,
#TabInternalsContentContainerParentShowLastTEH,
#TabInternalsNParserContentPeriodSelect {
  width: 7em;
  font-weight: normal;
  background-color: white;
}

#TabSpectrogramsContentMainTitle {
  height: fit-content;
  border-top: 1px solid lightgray;
  padding-top: 5px;
}

#TabSpectrogramsContentMainTitleNodeName {
  margin-bottom: 0px;
  text-align: center;
  font-weight: bold;
}

#TabSpectrogramsContentMainTitleTimeRange {
  margin-bottom: -10px;
  text-align: center;
  font-style: italic;
}

#TabNodePadContentControls {
  border-bottom: 1px solid lightgray;
}

#TabSpectrogramsContentControlsStartDate,
#TabRRDContentControlsStartDate,
#TabNodePadContentControlsStartDate,
#TabOptixModeContentControlsStartDate,
#TabInternalsContentContainerParentStartDate,
#TabInternalsContentContainerParentStartDateCEH,
#TabInternalsContentContainerParentStartDateTEH {
  margin-left: 25px;
}

#TabSpectrogramsContentControlsStartDateIcon,
#TabSpectrogramsContentControlsEndDateIcon,
#TabRRDContentControlsStartDateIcon,
#TabRRDContentControlsEndDateIcon,
#TabOptixModeContentControlsStartDateIcon,
#TabOptixModeContentControlsEndDateIcon,
#TabNodePadContentControlsStartDateIcon,
#TabNodePadContentControlsEndDateIcon,
#TabInternalsContentContainerParentStartDateIcon,
#TabInternalsContentContainerParentEndDateIcon,
#TabInternalsContentContainerParentStartDateIconCEH,
#TabInternalsContentContainerParentEndDateIconCEH,
#TabInternalsContentContainerParentStartDateIconTEH,
#TabInternalsContentContainerParentEndDateIconTEH {
  border: none;
  padding: 0 4px 4px 4px;
  background-color: #f0f0f0;
}

#TabSpectrogramsContentControlsStartDateIcon:hover,
#TabSpectrogramsContentControlsEndDateIcon:hover,
#TabRRDContentControlsStartDateIcon:hover,
#TabRRDContentControlsEndDateIcon:hover,
#TabOptixModeContentControlsStartDateIcon:hover,
#TabOptixModeContentControlsEndDateIcon:hover,
#TabNodePadContentControlsStartDateIcon:hover,
#TabNodePadContentControlsEndDateIcon:hover,
#TabInternalsContentContainerParentStartDateIcon:hover,
#TabInternalsContentContainerParentEndDateIcon:hover,
#TabInternalsContentContainerParentStartDateIconCEH:hover,
#TabInternalsContentContainerParentEndDateIconCEH:hover,
#TabInternalsContentContainerParentStartDateIconTEH:hover,
#TabInternalsContentContainerParentEndDateIconTEH:hover {
  background-color: lightgray;
}

#TabSpectrogramsContentControlsEndDate,
#TabRRDContentControlsEndDate,
#TabNodePadContentControlsEndDate,
#TabOptixModeContentControlsEndDate,
#TabInternalsContentContainerParentEndDate,
#TabInternalsContentContainerParentEndDateCEH,
#TabInternalsContentContainerParentEndDateTEH {
  margin-left: 10px;
}

#TabSpectrogramsContentControlsStartDate .form-control,
#TabSpectrogramsContentControlsEndDate .form-control,
#TabRRDContentControlsStartDate .form-control,
#TabRRDContentControlsEndDate .form-control,
#TabOptixModeContentControlsStartDate .form-control,
#TabOptixModeContentControlsEndDate .form-control,
#TabNodePadContentControlsStartDate .form-control,
#TabNodePadContentControlsEndDate .form-control,
#TabInternalsContentContainerParentStartDate .form-control,
#TabInternalsContentContainerParentEndDate .form-control {
  height: 22px;
}

#TabSpectrogramsContentControlsStartDate .input-group-addon,
#TabSpectrogramsContentControlsEndDate .input-group-addon,
#TabRRDContentControlsStartDate .input-group-addon,
#TabRRDContentControlsEndDate .input-group-addon,
#TabOptixModeContentControlsStartDate .input-group-addon,
#TabOptixModeContentControlsEndDate .input-group-addon,
#TabNodePadContentControlsStartDate .input-group-addon,
#TabNodePadContentControlsEndDate .input-group-addon,
#TabInternalsContentContainerParentStartDate .input-group-addon,
#TabInternalsContentContainerParentEndDate .input-group-addon {
  padding-top: 0;
}

#TabSpectrogramsContentControlsStartDate .glyphicon,
#TabSpectrogramsContentControlsEndDate .glyphicon,
#TabRRDContentControlsStartDate .glyphicon,
#TabRRDContentControlsEndDate .glyphicon,
#TabOptixModeContentControlsStartDate .glyphicon,
#TabOptixModeContentControlsEndDate .glyphicon,
#TabNodePadContentControlsStartDate .glyphicon,
#TabNodePadContentControlsEndDate .glyphicon,
#TabInternalsContentContainerParentStartDate .glyphicon,
#TabInternalsContentContainerParentEndDate .glyphicon,
#TabInternalsContentContainerParentStartDateCEH .glyphicon,
#TabInternalsContentContainerParentEndDateCEH .glyphicon,
#TabInternalsContentContainerParentStartDateTEH .glyphicon,
#TabInternalsContentContainerParentEndDateTEH .glyphicon {
  top: 4px;
  font-size: 12px;
}

.spectrogram-controls-hr,
.rrd-controls-hr,
.nodepad-controls-hr {
  margin: 1px 0 0 0;
}

#TabSpectrogramsContentControlsGo,
#TabRRDContentControlsGo,
#TabNodePadContentControlsGo,
#TabOptixModeContentControlsGo,
#TabInternalsContentContainerParentGo,
#TabInternalsContentContainerParentGoCEH,
#TabInternalsContentContainerParentGoTEH {
  vertical-align: baseline;
  margin-left: 15px;
  padding: 2px 4px;
  font-size: 1em;
  background-color: #008100;
  color: white;
}

#TabOptixModeContentControlsGo,
#TabInternalsContentContainerParentGo {
  margin-left: 0px;
}

#TabSpectrogramsContentControlsGo:hover,
#TabRRDContentControlsGo:hover,
#TabNodePadContentControlsGo:hover,
#TabOptixModeContentControlsGo:hover,
#TabInternalsContentContainerParentGo:hover {
  cursor: hand;
  background-color: darkgreen;
}

#TabSpectrogramsContentGraphsContainer {
  height: 88.8%;
}

#SpectrogramWin1ControlsContainer {
  float: right;
  /*margin-top: -2px;*/
  /*margin-left: 2px;*/
  /*border: 1px solid gray;*/
  border-left: 1px solid lightgray;
  /*padding: 2px 4px 0px 4px;*/
  height: 100%;
  width: 10%;
  background-color: #f0f0f0;
}

#Win1TD {
  text-align: center;
  text-align-last: center;
}

#Win1TD,
#SpectrogramWin1Canc,
#SpectrogramWin1GraphSel1,
#SpectrogramWin2GraphSel1,
#SpectrogramWin1GraphSel2,
#SpectrogramWin2GraphSel2,
#SpectrogramWin1GraphSel3,
#SpectrogramWin2GraphSel3,
#SpectrogramWin1GraphSel4,
#SpectrogramWin2GraphSel4,
#Win1ColormapSel {
  background-color: white;
}

#SpectrogramWin1GraphsContainer {
  height: 100%;
}

#SpectrogramsWin1VerticalContainer {
  padding-top: 6px;
}

#SpectrogramsWin1VerticalContainer,
#SpectrogramsWin1HorizontalContainer {
  margin: 0;
}

#Win1TDContainer,
#SpectrogramWin1CancContainer,
#SpectrogramsWin1VerticalContainer,
#SpectrogramsWin1HorizontalContainer,
#SpectrogramWin1GraphSel1Container,
#SpectrogramWin2GraphSel1Container,
#SpectrogramWin1GraphSel2Container,
#SpectrogramWin2GraphSel2Container,
#SpectrogramWin1GraphSel3Container,
#SpectrogramWin2GraphSel3Container,
#SpectrogramWin1GraphSel4Container,
#SpectrogramWin2GraphSel4Container,
#Win1ColormapContainer {
  padding-left: 6px;
}

#SpectrogramWin2GraphSel1Container,
#SpectrogramWin2GraphSel2Container,
#SpectrogramWin2GraphSel3Container,
#SpectrogramWin2GraphSel4Container {
  display: none;
}

#SpectrogramsWin1HorizontalContainer,
#Win1TDContainer,
#SpectrogramWin1CancContainer,
#SpectrogramWin1GraphSel1Container,
#SpectrogramWin1GraphSel2Container,
#SpectrogramWin1GraphSel3Container,
#SpectrogramWin1GraphSel4Container,
#Win1ColormapContainer {
  padding-bottom: 6px;
}

/*#SpectrogramWin1GraphSel1Container {*/
/*}*/

#SpectrogramsWin1NumGraphsContainer {
  height: 23px;
}

#Win1TDContainer label,
#SpectrogramWin1CancContainer label,
#SpectrogramsWin1NumGraphsContainer label,
#SpectrogramShowlastContainer label,
#RRDShowlastContainer label,
#OptixModeShowlastContainer label,
#InternalsParentShowlastContainer label,
#InternalsParentShowlastContainerCEH label,
#SpectrogramWin1GraphSel1Container label,
#SpectrogramWin2GraphSel1Container label,
#SpectrogramWin1GraphSel2Container label,
#SpectrogramWin2GraphSel2Container label,
#SpectrogramWin1GraphSel3Container label,
#SpectrogramWin2GraphSel3Container label,
#SpectrogramWin1GraphSel4Container label,
#SpectrogramWin2GraphSel4Container label,
#Win1ColormapContainer label,
#NodePadShowlastContainer label {
  font-weight: 400;
}

#SpectrogramWindow1TDGraph > svg,
#SpectrogramWindow1Graph1 > svg > g,
#SpectrogramWindow1Graph2 > svg > g,
#SpectrogramWindow1Graph3 > svg > g,
#SpectrogramWindow1Graph4 > svg > g,
.rrdHoverRect {
  cursor: crosshair;
}

.xgrid line,
.ygrid line {
  stroke: lightgrey;
  stroke-opacity: 0.5;
  shape-rendering: crispEdges;
}

.xgrid path,
.ygrid path {
  /*stroke-width: 0;*/
  stroke: transparent;
}

#SpectrogramColorScaleContainer {
  float: left;
  width: 90%;
  border-top: 1px solid lightgray;
}

#SpectrogramColorScale {
  width: 100%;
}

#SpectrogramFiller {
  float: right;
  border-left: 1px solid lightgray;
  width: 10%;
  height: 100%;
  background-color: #f0f0f0;
}

#UserLoginChangePasswordError {
  margin: 10px 0px -6px 0;
}

#LoginChangePasswordReqAlpha,
#LoginChangePasswordReqNumeric,
#LoginChangePasswordReqSpecial {
  margin-left: 20px;
}

#NodePadSecondContentControlsContainer {
  text-align: right;
  padding-right: 22px;
}

#NodePadSecondContentControlsDownload,
#NodePadSecondContentControlsDelete {
  padding: 3px 10px;
}

#RRDFilterContainer,
#OptixModeFilterContainer,
#TabSpectrogramsFilterContainer {
  margin-left: 5px;
}

#RRDFilterContainer label,
#OptixModeFilterContainer label,
#TabSpectrogramsFilterContainer label {
  font-weight: normal;
}

#RRDPowerFilter {
  margin-left: -8px;
}

#RRDSuspectedPimSelector {
  margin-left: 8px;
}

.noCursor * {
  cursor: none !important;
}

.remove-tick-text text {
  display: none;
}

#TabOptixModeGraphsContentMsgContainer {
  height: 100%;
}

#TabInternalsURebootContentMain {
  margin: 0 auto;
  margin-top: 20%;
  width: 300px;
}

#TabInternalsNParserContentMain {
  margin-top: 10px;
  margin-left: 7px;
}

#TabInternalsNParserGo {
  margin-top: 5px;
}

#TabInternalsURebootContentDeviceIp {
  width: 90%;
}

#TabInternalsURebootContentGo {
  width: 90%;
}

#TabInternalsURebootMsg {
  margin-top: 10px;
  color: red;
  text-align: center;
}

#TabInternalsDBContentDBDownload {
  margin: 10px 0 10px 7px;
}

#TabInternalsDBUploadFile {
  margin-top: 5px;
  margin-left: 30px;
  width: 100%;
}

#TabInternalsUDBContentDBUpload {
  border: 1px solid black;
  margin-left: 7px;
  padding: 5px;
  width: 670px;
}

#TabInternalsDBUploadGo {
  margin-top: 5px;
}

#TabInternalsContentContainerParentContent,
#TabInternalsContentContainerParentContentCEH,
#TabInternalsContentContainerParentContentTEH {
  margin-left: 1em;
  margin-bottom: 1.5em;
  margin-top: 1em;
}

#TabInternalsContentContainerParentContent .group-label,
#TabInternalsContentContainerParentContentCEH .group-label,
#TabInternalsContentContainerParentContentTEH .group-label {
  font-weight: 600;
}

#TabInternalsContentContainerParentContentLBinMinInput,
#TabInternalsContentContainerParentContentHBinMinInput,
#TabInternalsContentContainerParentContentLBinMinCanc,
#TabInternalsContentContainerParentContentHBinMinCanc,
#TabInternalsContentContainerParentContentLBinMinAbs,
#TabInternalsContentContainerParentContentEventGroupingThreshold,
#TabInternalsContentContainerParentContentEventMinimalDuration,
#TabInternalsContentContainerParentContentMinInputPowerCEH,
#TabInternalsContentContainerParentContentMinOutputPowerCEH,
#TabInternalsContentContainerParentContentMaxInputPowerCEH,
#TabInternalsContentContainerParentContentMaxOutputPowerCEH,
#TabInternalsContentContainerParentContentMinCancLevelCEH,
#TabInternalsContentContainerParentContentEventGroupingThresholdCEH,
#TabInternalsContentContainerParentContentEventMinimalDurationCEH,
#TabInternalsContentContainerParentContentMinTempTEH,
#TabInternalsContentContainerParentContentHPSMinTempTEH,
#TabInternalsContentContainerParentContentHPSMaxTempTEH,
#TabInternalsContentContainerParentContentEventGroupingThresholdTEH,
#TabInternalsContentContainerParentContentEventMinimalDurationTEH {
  width: 4em;
  padding: 0px 3px;
}

.TabInternalsContentContainerParentContentInputGroup {
  margin-left: 20px;
  margin-bottom: 5px;
}

.TabInternalsContentContainerParentContentInputGroup .input-group-addon {
  background-color: white;
  border: none;
}

#TabInternalsContentContainerParentContentMsgContainer,
#TabInternalsContentContainerParentContentMsgContainerCEH,
#TabInternalsContentContainerParentContentMsgContainerTEH {
  margin-top: 30px;
}

.split {
  display: flex;
  flex-direction: row;
}

.gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-horizontal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);
  cursor: col-resize;
}

#TabPaperContent,
#TabPaperContentContainer {
  width: 100%;
  height: 100%;
}

/* ++ Remote Admin User */
#TabWebifAdminPassMContent {
  padding: 10px;
}

#TabWebifAdminPassMDownloadSiteCSV {
  margin-bottom: 10px;
}

#TabWebifAdminPassMExecute {
  border: 1px solid black;
  padding: 5px;
  width: 800px;
}

#TabTabWebifAdminPassMUploadFile {
  margin-top: 5px;
  margin-left: 30px;
  width: 100%;
}

#TabTabWebifAdminPassMFileUploadGo {
  margin-top: 5px;
}

#TabWebifAdminPassMExecuteMsg {
  padding-left: 1em;
  margin-top: 10px;
  color: red;
}
/* == Remote Admin User */

/* ++ Toggle */
/* ++ Affected by toggle */
#TabInternalsContentContainerParentContentLBinMinInputCheckbox,
#TabInternalsContentContainerParentContentHBinMinInputCheckbox,
#TabInternalsContentContainerParentContentLBinMinCancCheckbox,
#TabInternalsContentContainerParentContentHBinMinCancCheckbox,
#TabInternalsContentContainerParentContentMinAbsCheckbox,
#TabInternalsContentContainerParentContentMinInputPowerCEHCheckbox,
#TabInternalsContentContainerParentContentMinOutputPowerCEHCheckbox,
#TabInternalsContentContainerParentContentMaxInputPowerCEHCheckbox,
#TabInternalsContentContainerParentContentMaxOutputPowerCEHCheckbox,
#TabInternalsContentContainerParentContentMinCancLevelCEHCheckbox,
#TabInternalsContentContainerParentContentMinTempTEHCheckbox,
#TabInternalsContentContainerParentContentHPSMinTempTEHCheckbox {
  margin-left: 60px;
}
/* == Affected by toggle */

.toggle {
  --width: 60px;
  --height: calc(var(--width) / 3);

  position: absolute;
  top: 5px;
  display: inline-block;
  width: var(--width);
  height: var(--height);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--height);
  cursor: pointer;
}

.toggle input {
  display: none;
}

.toggle .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--height);
  /* background-color: #ccc; */
  background-color: #2196f3;
  transition: all 0.4s ease-in-out;
}

.toggle .slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--height));
  height: calc(var(--height));
  border-radius: calc(var(--height) / 2);
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}

.toggle input:checked + .slider {
  background-color: #2196f3;
}

.toggle input:checked + .slider::before {
  transform: translateX(calc(var(--width) - var(--height)));
}

.toggle .labels {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: sans-serif;
  transition: all 0.4s ease-in-out;
}

.toggle .labels::after {
  content: attr(data-off);
  position: absolute;
  right: 5px;
  /* color: #4d4d4d; */
  color: white;
  opacity: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}

.toggle .labels::before {
  content: attr(data-on);
  position: absolute;
  left: 5px;
  color: #ffffff;
  opacity: 0;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease-in-out;
}

.toggle input:checked ~ .labels::after {
  opacity: 0;
}

.toggle input:checked ~ .labels::before {
  opacity: 1;
}
/* == Toggle */

.tree-status-overlay {
  position: absolute;
  border-radius: 50%;
  border: 5px solid black;
  top: 0px;
  left: 1px;
}

/*#SpectrogramWindow1TDGraph .tick line {*/
/*stroke: white;*/
/*opacity: 0.3;*/
/*}*/

/*@media screen and (max-width: 480px) {*/
/*#StatusArea {*/
/*!*height: 3.5%;*!*/
/*!*min-height: 35px;*!*/
/*padding: 1px 0 1px 3px;*/
/*font-size: 1em;*/
/*}*/

/*.status-comm-container {*/
/*margin-right: 20px;*/
/*}*/

/*#MainHeader {*/
/*!*position: relative;*!*/
/*height: 88px;*/
/*min-height: 88px;*/
/*}*/
/*}*/

/* == Feature Content*/


/*# sourceMappingURL=main.bundle.css.map*/