
.logo {
  position: fixed;
  top: 5px; /* <-- Adjust this */
  left: 5px;
  background-color:white;
}


/* Switch row */
.dialog_switch-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* Label styling */
.dialog_switch-label {
	flex: 1;               /* take available space on left */
	text-align: left;      /* left-align text */
	/*font-weight: 600;*/
      color: #004a80;
      font-size: 12px;
	max-width:70px;
}

.switch-big-label{max-width:135px !important;}

/* Switch container */
.dialog_switch-container {
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  font-size: 0.8rem;
  min-width: 60px;       /* small switch width */
}

/* Buttons */
.dialog_switch-btn {
  padding: 3px 8px;
  font-size: 0.75rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  background-color: #ccc;
  color: #fff;
  position: relative;
  flex: 1;
}

/* Active colors */
.dialog_switch-btn.active.dialog_on-active { background-color: #28a745; }  /* green */
.dialog_switch-btn.active.dialog_off-active { background-color: #dc3545; } /* red */

/* Disabled container */
.dialog_switch-container.disabled .dialog_switch-btn {
 /* background-color: #bfbfbf !important;
  color: #f5f5f5;*/
  opacity:.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* Processing */
.dialog_switch-btn.dialog_processing {
  pointer-events: none;
  color: #fff;
  background-color: orange !important;
}

/* Spinner overlay */
.dialog_switch-btn.dialog_processing::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.4rem;
  margin-left: -0.4rem;
  border: 2px solid rgba(255,255,255,0.5);
  border-top-color: #fff;
  border-radius: 50%;
  animation: loadingSpin 0.8s linear infinite;
}

@keyframes loadingSpin { to { transform: rotate(360deg); } }


.modal-graph-dialog { max-width: 95%; }
.modal-graph-dialog .modal-body { height: 80vh; padding: 0; }
.modal-graph-dialog .modal-body iframe { width: 100%; height: 100%; border: none; }

#Path_01_Toggle_Quality_Parameters,#Path_02_Toggle_Quality_Parameters,#Text_1_Toggle_Quality_Parameters,#Text_2_Toggle_Quality_Parameters,#wq_stats{cursor:pointer;}