/*!*****************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/index.css ***!
  \*****************************************************************/
body {
	margin: 0;
}

header,
footer {
	width: 100%;
}

#page_home_product_image {
	width: 600px;
	margin: 0;
	height: -webkit-fill-available;
}

#app_root {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	opacity: 1;
	margin: 0;
}

#viewport {
	width: 100%;
	margin: 0;
	padding: 0;
	--gc-overflow: auto;
}

.container {
	width: 100%;
	height: 100%;
	margin: 0;
}

.tile {
	margin: 10px;
}

.tile.instruments {
	width: 300px;
	min-width: 400px;
	height: 320px;
}

.tile.info>* {
	margin: 0;
}

.hover_pointer {
	cursor: pointer;
	--gc-cursor-hover: pointer;
}

.home_button {
	box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.5);
	transition: 0.2s ease-in-out;
}

.home_button:hover {
	box-shadow: 6px 6px 6px 0 #00000033;
}

.arrow_icon {
	transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

#page_home {
	--gc-overflow: hidden;
}

#page_home_product_container {
	padding: 20px 0;
	--gc-background-color: #118899;
	--gc-overflow: hidden;
}

#page_home_product_name {
	white-space: nowrap;
	font-size: 36px;
	font-weight: 400;
	--gc-color: #ffffff;
	--gc-text-align: center;
	margin: 30px 0 0 0;
}

#page_home_product_description {
	white-space: nowrap;
	font-size: 18px;
	--gc-color: #cccccc;
	--gc-text-align: center;
}

#page_data {
	--gc-overflow: auto;
}

#page_data>gc-widget-container {
	margin: 0 auto;
}

#page_info {
	--gc-overflow: auto;
}

#page_info>gc-widget-container {
	margin: 0 auto;
}

#page_data_meter_tile {
	--gc-padding: 10px;
}

#page_data_gauge_tile {
	--gc-padding: 10px;
}

#page_data_meter {
	height: 75%;
	width: 90%;
	margin: 0;
}

#page_data_gauge {
	height: 100%;
	width: 100%;
	margin: 0;
}

#page_data_bottom_container {
	width: 830px;
	height: 485px;
}

#page_data_graph {
	width: 820px;
	height: 400px;
}

#container_home_buttons {
	width: 80%;
	--gc-background-color: rgba(0, 0, 0, 0);
}

@keyframes progress-visible {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Flash Boot tab panel handles all vertical scrolling — scrollbar appears at rightmost right */
#flash_boot_tab {
    --gc-overflow: auto;
}

/* Info icon tooltip background - light red to match the info box */
gc-widget-tooltip-shared {
    --gc-background-color: #fff5f5;
    --gc-color: #c00000;
}

/* Scrollbar styling - uses GcWidget CSS custom properties that cascade into shadow DOM */
:root {
    --gc-scrollbar-thumb-background-color: rgba(180, 180, 180, 0.35);
    --gc-scrollbar-thumb-background-color-hover: rgba(150, 150, 150, 0.55);
    --gc-scrollbar-track-background-color: transparent;
}


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