.graph {
	cursor:crosshair;
}
.texts {
	padding: 20px 50px;
}

.v_slider {
	width : 25px;
	
	padding-top: 319px;
	padding-left: 10px;
}
#controls {
	padding-left: 50px;
}
#logo {
	height: 30px;
	margin-left: 90px;
}
#nav_brand {
	font-weight: 500;
	color: darkblue;
}

.m_button {
    cursor: pointer;
}
.center {
	text-align:center;
}

img[alt=headshot] { 
	width: 120px; 
}

img[alt=app_screenshot] { 
	max-width: 100%; 
	height: auto;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
/*blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}*/
blockquote p {
  display: inline;
}



/* data picker styles*/
.DateInput {
	font-size:12;
	padding: 0;
	margin:0;
	width: 100px;
}

/* datatable styles*/
.dash-spreadsheet-container table {
    --accent: #1EAEDB !important;
    --selected-background: #eee !important;
    --selected-color: #3C3C3C !important;
}

.radio-group .form-check {
  padding-left: 0;
}

.radio-group .btn-group > .form-check:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.radio-group .btn-group > .form-check:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

/* Making AG tables more compact */
.ag-theme-quartz.custom {
  --ag-grid-size: 5px;
}

.ag-center-cols-viewport {
  min-height: unset !important;
}

.ag-theme-quartz.custom.no-external-borders {
  --ag-borders: none;
  --ag-wrapper-border-radius: 0;
}

.ag-theme-quartz.custom.no-header .ag-header {
  height: 0 !important;
  min-height: 0 !important;
}

/* styling for radio items as buttons */
.radio-as-buttons .form-check {
  padding-left: 0;
  margin-bottom: 0;
}

.radio-as-buttons.btn-group > .form-check:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.radio-as-buttons.btn-group > .form-check:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

#page_actions_button_group > li.list-group-item {
  border: none !important;
}
#page_actions_button_group > li.list-group-item:first-child {
  padding: 0.6rem 0.5rem 0 0.75rem;
  font-size: large;
}

.create-new-btn:empty {
  border: none;
  padding: 0;
}

.create-new-btn {
  padding: 0 .5rem;
}

#page_sidebar-title {
  width: 100%;
}

/* Give mantine modals the same z-index as bootstrap */
.mantine-Modal-root {
  --mb-z-index: 1055 !important;
}
.mantine-Modal-overlay {
  --overlay-z-index: 1055 !important;
}

.mantine-Drawer-overlay, .mantine-Drawer-inner {
  margin-top: 4.1rem;
}

/* Remove bootstrap general legend styles */
.mantine-Fieldset-legend {
  float: unset;
  width: unset;
  margin-bottom: 0;
}

/* Styles so accordion items look the same as nav items in the tree */
.tree-node .mantine-Accordion-item {
  border-bottom: none;
}

.tree-node .mantine-Accordion-control {
  padding: 8px var(--mantine-spacing-sm);
}

.tree-node .mantine-Accordion-control .mantine-Accordion-chevron {
  margin-inline-end: var(--mantine-spacing-sm);
  margin-inline-start: 0;
  transform: rotate(-90deg);
}

.tree-node .mantine-Accordion-control .mantine-Accordion-chevron:where([data-rotate]) {
  transform: rotate(0deg);
}

.tree-node .mantine-Accordion-control .mantine-Accordion-label {
  padding: 0;
  font-size: var(--mantine-font-size-sm);
}

.tree-node .mantine-Accordion-control .mantine-Accordion-label i {
  margin-inline-end: 0.3rem;
  font-size: var(--mantine-font-size-md);
}

#asset_tree_container .mantine-NavLink-label img {
  margin-inline-end: 0.3rem;
  height: 1.3rem;
}

.tree-node .mantine-Accordion-content {
  margin: 0 0 0 var(--mantine-spacing-md);
  padding: 0;
  border-left: solid 1px lightgray;
}

.tree-move-button > span > svg > g > g {
  stroke-width: 1.3;
}

/* Styles to control the modes of the tree */
.tree-navigation-mode .mantine-Flex-root .mantine-Center-root,
.tree-navigation-mode .asset-tree-add-new-child {
  display: none;
}

.tree-edit-mode .mantine-NavLink-root,
.tree-move-mode .mantine-NavLink-root {
  pointer-events: none;
}

.tree-move-mode .mantine-Flex-root .mantine-Center-root > button,
.tree-move-mode .asset-tree-add-new-child {
  display: none;
}

.tree-move-mode .tree-move-buttons-wrapper {
  display: block;
}

.tree-move-mode button.mantine-Accordion-control:has(+ div.mantine-Center-root #tree_cancel_move),
.tree-move-mode a.mantine-NavLink-root:has(~ div.mantine-Center-root #tree_cancel_move) {
  color: var(--mantine-color-blue-light-color);
}

.html-button-to-mantine-link {
  text-decoration: none;
  color: var(--mantine-color-blue-light-color);
  border: none;
  background: none;
  padding: 0;
}

.html-button-to-mantine-link:hover {
  text-decoration: underline;
  color: var(--mantine-color-blue-light-color);
  cursor: pointer;
}

div:has(> #asset_image_open_options),
div:has(> #asset_points_open_options) {
  line-height: 0;
}


.notification-badge::before {
  width: 0.5rem;
  height: 0.5rem;
}

.notification-badge:hover {
  cursor: pointer;
}

.analysis-measurement-status-indicator::before {
  width: 0.6rem;
  height: 0.6rem;
}

.analysis-measurement-status-indicator {
  border: none;
  background-color: unset;
}

.divider-cell {
  text-align: center;
  font-weight: bold;
}

#asset_status_indicator {
  margin-right: .7rem;
}

#asset_status_indicator + .mantine-Breadcrumbs-separator {
  display: none;
}