/* _content/cads-gui/Shared/LinePlot.razor.rz.scp.css */
plotly-container[b-lalmtgqyw2] {
  position: static;
  display:block;
  width:100%;
  height:100%;
}

#container-profile[b-lalmtgqyw2] {
  width:99%;
  height:100%;
	margin:0;
	padding:0;
}
/* _content/cads-gui/Shared/PageLayout.razor.rz.scp.css */
page-layout[b-3219huqrjn] {
	display: grid;
	grid-template-areas: 
		"header"
		"body";
}

page-header[b-3219huqrjn] {
	grid-area: header;
	background: #f0f0f0;
  height: var(--site-header-height);
	width: 100vw;
	border:0;
	margin: 0;
	padding:0;
}

page-body[b-3219huqrjn] {
	grid-area: body;
	height: calc(100vh - var(--site-header-height));
	width: 100vw;
	border:0;
	margin: 0;
	padding:0;
	background-color: #f6fbfc;
}
/* _content/cads-gui/Shared/SurfacePlot.razor.rz.scp.css */
#container[b-5iggca4nsu] {
  width:99%;
  height:100%;
	margin:0;
	padding:0;
}

surface-plot[b-5iggca4nsu] {
  display:flex;
  flex-direction: row;
  height:100%;
  position:relative;
}

plotly-container[b-5iggca4nsu] {
  position: static;
  display:block;
  width:100%;
  height:100%;

}

plotly-container[full = True][b-5iggca4nsu] {
  position: fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  z-index:10;
  
}

surface-plot > div[b-5iggca4nsu] {
  height:100%;
}

#color-slider[b-5iggca4nsu] {
  -webkit-appearance: slider-vertical;
  transform: rotate(180deg);
  width:100%;
  height:50%;
  background: #053a5f;
}

.spin-container[b-5iggca4nsu] {
  display: none;
}

.spin-container[loading][b-5iggca4nsu] {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;  
  background-color: rgba(255, 255, 255, 0.8);
}

.spin[b-5iggca4nsu] {
  z-index: 2;
  height: 20%;
  aspect-ratio: 1/1;
  animation: 1.5s linear infinite spinner-b-5iggca4nsu;
  animation-play-state: inherit;
  border: solid 5px #cfd0d1;
  border-bottom-color: var(--mud-palette-secondary);
  border-radius: 50%;
}

@keyframes spinner-b-5iggca4nsu {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* _content/cads-gui/Shared/TrendPlot.razor.rz.scp.css */
plotly-container[b-xlie7jfo4w] {
  position: static;
  display:block;
  width:100%;
  height:100%;
}

#container-profile[b-xlie7jfo4w] {
  width:99%;
  height:100%;
	margin:0;
	padding:0;
}
/* _content/cads-gui/Shared/ZDepthQuery.razor.rz.scp.css */
z-depth-query[b-ntlczcmro4]{
	display: grid;

	grid-template-columns: 4fr 6fr;
	grid-template-rows: 1fr;

}

button[b-ntlczcmro4] {
	background-color: #00bbd3;
	color: white;
}

.queryInput[b-ntlczcmro4] {
	padding: 0;
	margin: 0;
	border: 0;
}

canvas[b-ntlczcmro4] {
	width : 100%;
	height : 100%;
}

query-controls[b-ntlczcmro4] {
	display: grid;
	align-content: center;
	padding-left : 1em;
}


/* _content/cads-gui/Shared/Ztable.razor.rz.scp.css */
#main-screen[b-od2m5ub0my] {
	height: 100%;
	width: 100%;
	overflow-y: auto;
}

.table[b-od2m5ub0my] {
	width : calc(100% - 2 * 2px);
}
.z_depth-row[data-active=True][b-od2m5ub0my] {
	border: 2px solid #f77f00;
}