@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");
:root {
  --sr-color-accent-1: #ffb800;
  --sr-color-accent-2: #e60103;
  --sr-color-accent-2-hover: #a80a00;
  --sr-color-accent-3: #1c62dc;
  --sr-color-accent-4: #00c781;
  --sr-color-accent-5: #ffd9d9;
  --sr-color-text-light: #242629;
  --sr-color-light-1: #fafafa;
  --sr-color-light-2: #eff0f1;
  --sr-color-neutral-1: #6b717b;
  --sr-color-neutral-1-hover: #53585f;
  --sr-color-neutral-2: #e1e3e5;
  --sr-color-neutral-3: #087cd9;
  --sr-color-hover: #d3d5d8;
  --sr-color-brand: #6b717b;
  --sr-color-brand-main: #fcd116;
  --sr-color-focus: #d3d5d8;
  --sr-color-selected: #bdc0c5;
  --sr-color-white: #fff;
  --sr-color-status-ok-background: #fef6d0;
  --sr-color-status-info-background: #e8f0fc;
  --sr-color-status-warning-background: #ccf4e6;
  --sr-color-section-annotation: #14479e;
  --sr-color-verified: #00c781;
  --sr-color-deviated: #fcd116;
  --sr-color-under-construction: #f88300;
  --sr-color-missing: #e60103;
  --sr-color-no-data: #d3d5d8;
  --sr-color-burn-up-tick: #ff4040;
  --sr-color-color-built: #1c62dc;
}
.disabled {
  opacity: 0.2;
}
button {
  border-radius: 4px;
}
button[disabled], button.no-interaction {
  pointer-events: none;
}
button[role=tab]:active, button[role=tab]:focus {
  box-shadow: none;
}
button.no-bg-btn, button.icon-btn {
  padding: 4px 12px;
  box-shadow: none !important;
  background-color: initial;
  border: none;
  width: fit-content;
  height: fit-content;
}
button.no-bg-btn:hover, button.icon-btn:hover {
  background-color: var(--sr-color-focus);
}
button.no-bg-btn.icon-btn, button.icon-btn.icon-btn {
  padding: 6px;
  line-height: 0;
}
#root {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
a {
  color: rgba(0, 0, 0, 0.87);
}
:root {
  --sr-color-accent-1: #ffb800;
  --sr-color-accent-2: #e60103;
  --sr-color-accent-2-hover: #a80a00;
  --sr-color-accent-3: #1c62dc;
  --sr-color-accent-4: #00c781;
  --sr-color-accent-5: #ffd9d9;
  --sr-color-text-light: #242629;
  --sr-color-light-1: #fafafa;
  --sr-color-light-2: #eff0f1;
  --sr-color-neutral-1: #6b717b;
  --sr-color-neutral-1-hover: #53585f;
  --sr-color-neutral-2: #e1e3e5;
  --sr-color-neutral-3: #087cd9;
  --sr-color-hover: #d3d5d8;
  --sr-color-brand: #6b717b;
  --sr-color-brand-main: #fcd116;
  --sr-color-focus: #d3d5d8;
  --sr-color-selected: #bdc0c5;
  --sr-color-white: #fff;
  --sr-color-status-ok-background: #fef6d0;
  --sr-color-status-info-background: #e8f0fc;
  --sr-color-status-warning-background: #ccf4e6;
  --sr-color-section-annotation: #14479e;
  --sr-color-verified: #00c781;
  --sr-color-deviated: #fcd116;
  --sr-color-under-construction: #f88300;
  --sr-color-missing: #e60103;
  --sr-color-no-data: #d3d5d8;
  --sr-color-burn-up-tick: #ff4040;
  --sr-color-color-built: #1c62dc;
}
.disabled {
  opacity: 0.2;
}
button {
  border-radius: 4px;
}
button[disabled], button.no-interaction {
  pointer-events: none;
}
button[role=tab]:active, button[role=tab]:focus {
  box-shadow: none;
}
button.no-bg-btn, button.icon-btn {
  padding: 4px 12px;
  box-shadow: none !important;
  background-color: initial;
  border: none;
  width: fit-content;
  height: fit-content;
}
button.no-bg-btn:hover, button.icon-btn:hover {
  background-color: var(--sr-color-focus);
}
button.no-bg-btn.icon-btn, button.icon-btn.icon-btn {
  padding: 6px;
  line-height: 0;
}.heatmapsToolbarButton {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAABKUlEQVRYhe3WPUoDQRxA8Z8fQVIqCOIN0qkgFik9gVrlDMHL2HiAFKmCV0iTK2ghCkKSKmCjAbUYi0kgSEJ2dWcD6oMph/fYZWb+/HU2frj/Gi94KqDlWzQR0MHuKgJqk4CAIU7LDqjOBAR8oFFmwNGXgIA31MuQb6I7JyDgFpWU8i20Fsin6zyVfA+9JfKAdgr5IfoZ5AEPRcsPMMooDxgXKd/BIIc8iDfkUtYzBlxiP1cy90UGnOWUw8039izkVb7PP8B2kQHjHPJnHBcph8eM8r54VAunnUHeEy+pJFwskbfE6zkZFdwtkHfFhyk5dbzPCUjyzxfREIeO2YBqmQHEsWs4E1ArO4A4gHYmAc1VBEw5wRXWVhnxO8kzeGRdo3mirM/xP8n4BI8+sZk+g6wOAAAAAElFTkSuQmCC);
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.heatmapsToolbarButtonBlue {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wIUDg87xbKIxQAAAitJREFUWMNjYBgFFIDJd75OX/H4uz0lZjBRopmHhfHKgTe/D/Tc+rp2/dMfonR3AC8L4z4GBgaGO1//Bh179/vi8sffnenqAHZmxgcw9uc//yUPv/m9Y/HD75F0c8CPv/81kfn/GBhYTrz/vWDl4+/WNHfA5uc/WG59+duHLv73PwPb5U9/Zm9+/oOVZg7Y/PwH+90vf+c//v4Paw548+u/5qff/31p4oANT39IXPzwZ9+NL39j8Kl7+fNfKDHmsZBi+eon3w2Pvfu9+dOf/9KE1L7++c+Mqg5Y/eS7wfF3v3d/+8sgTIz6L3/+S1ItCjY++yF06v2frcRazsDAwMDIyPCPag54+fNf7uc//6VIiS5BVqbbVHPA0+//AklNrNKcTOup5oB3v/6pklhEPxNnZ5pMzWzISKzlHEwMH0wFWQL8pTjeU80BPCyML4hRx8fC+NRamNUpTIbzNFWLYlF2ppOE1MhwMB2zEmI1CZXhPE/1ykiMnWkNPnkNHuYl+gIsTgHSHC9ITaxEOYCflXGTCBvjDWxyspxMB5V5mBN9JTl+0qxB4ivJ8VuXjyWFiYHhN7qcGg9zoa8kxx+aN8nCZTmPWgqxxjMxMKBYxsGMPWRo0h6IledcbivC6sHLwvgcJvbz738FujZKI2U591oJseqrcDOvgzbFnAasWb7qyXfzqXe/Ttr8/AcjwyggE2ANuqJLn96QUvcTA7iYGd726fGJULVZPgqoAQA+Hb8GshnwywAAAABJRU5ErkJggg==);
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: inset 0 2px 2px 0 rgb(0, 0, 0);
}

#heatmapScaleContainer {
  position: absolute;
  top: 15px;
  left: 75px;
}

#heatmapScale {
  width: 50px;
  height: 150px;
}

#heatmapScaleValue {
  width: 42px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 3px;
  margin-left: 4px;
  font-weight: bolder;
  font-size: 11px;
  vertical-align: middle;
  float: left;
}

#heatmapSetterContainer {
  width: 50px;
  height: 175px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 15px;
  left: 75px;
  margin-top: 8px;
}

.tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: white;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
  position: absolute;
  top: -25px;
  left: 25px;
  font-size: 11px;
  z-index: 10;
}

#heatmapToleranceLabel {
  width: 34px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAYAAAGfY9/kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wgBDxQ2PoDq2QAAAgtJREFUSMfF1j1IllEUB/Dfa684FBZCH0NEEFggFC5NTdEUCLUF0dBYQ+1BQ4M5BGXQFIGDBkFTRQhNUUtmQzREhUNBloiRlpKS+rb8H3h4MT/e0A4c7tc55557zv/ce1mCNqGKURzDDM4VizUr0U28wlAh/WYpqdpytpriwXBJuCVzBTdZLT1ebpsaJtOexASeYRoDlSxUSs4211vZs1o/nqTts0aqpG1PUmaxGTvi+1RCsjt+T2IRO6M7jVolQr81TneKzihelpJzv1GLZ9Ne8T/pYoLZikdrVS4D8QvGUkJrTnFbjC1k/CNo24Yt+Ix5bA3PYjxr2/GhqL6BZGUGJ/A81TiBweB8ODJfcTd6tUBEb6lAG+FqUykGHbhad9zLOdpyPC9ZqeEAugPrNWdnHG9LaL3XKE72Y1cC+M/UlrSVqRX7Nhr9FxKWW8HSjYwfrvfG1brx92D2DE6nCKbC60rFe9OTkx9MfwKH8R6fcB0/0RU0DuIQ5nAkPJe5wch0RacTr1OI7RjBJVzLnj1FQKqlApzFryUKbKxuvJgozZfm5jO3uIJuLXvMpt+Lan1qWnJV9OEjTuFonpj6e6wVD/C09HQ1Ao0hLFbj1UhpcRT9eIe9caTATz++xUBzQPxiVf+WVXi0gNs5YfdfjE7geOnvsu50PsDqyLgAVOdG3yOVXPqVun/kutMf3MSmjmOkPj8AAAAASUVORK5CYII=);
  opacity: 0.9;
  position: relative;
  top: 11px;
  margin-left: 8px;
  margin-bottom: 2px;
  float: left;
}

#heatmapToleranceLabel:hover .tooltiptext {
  visibility: visible;
}

#heatmapToleranceInput {
  margin-left: 3px;
  width: 38px;
  height: 18px;
  position: relative;
  top: 11px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 12px;
  float: left;
  box-shadow: none;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
}

#heatmapMaxDeviationLabel {
  width: 34px;
  height: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAYAAAGfY9/kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wgBEBo4UMEOHQAAAaNJREFUSMftlbtKQ0EQhr+VQC6KiuLlREUQG0G8JNpoLWgniJWkE8FGX8BSK+2FQHwBLVL4GkGDraJFvKBoqxJMbObIuOw5JoIikh+Wmd2ZnZmdndmFEHQJXeUH0K74I6EbtlJVUX/khM7X5CYttCjUABHhr7TibpCFasDIqfh+CcvAiCM9/mFiwncCWVvPWMaegUegDxh2OOuWi0nqvRFLKQbci5E2h5FWICqOPOCW/wtdTpsqVwY4VLKi1QVpgCZZGFTCUZXUKDCtZGOKTwJDQVGFNe+eavIPGEf93wBLwIPDyDlwLUUX14IFq1lyIc3kavRPkXjAmfArAZEUgBNg0nGKBv44MnLrKYfMrxzPWk8AFzISlsxTlWcjJbKMK5AWYC6gggaAmYADTKnfxsYs0O9YN+KrudYs7Uiz+T3SU0eGPbWvBGyHKeuHflHenyrQAewDx8CEGFkDLuv4Df3MZoEt4ED2rgNPIn8F8joQ/28ri3JZ5iV5DCoyj3+j9ipio6R8lFWgMeDFhGSqAPSqtTtgvI4ADHDqsJEC3hpvw1d4B+rbZF+MwfX6AAAAAElFTkSuQmCC);
  opacity: 0.9;
  position: relative;
  top: 11px;
  margin-left: 8px;
  margin-bottom: 2px;
  float: left;
}

#heatmapMaxDeviationLabel:hover .tooltiptext {
  visibility: visible;
}

#heatmapMaxDeviationInput {
  width: 38px;
  height: 18px;
  position: relative;
  top: 9px;
  margin-left: 3px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 12px;
  float: left;
  box-shadow: none;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
}

#heatmapResetButton {
  margin-left: 4px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  position: relative;
  top: 10px;
  left: 4px;
  box-shadow: none;
  border: 0;
  outline: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABBVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAh8iwHAAAAVnRSTlMA9pYFDCi8/vfzMtdPDr2/7Q/jNbsnKbp2CyYdne/koO7GMN6EG74RiJIQ/dgJ8dv0eIEkeStO2VAld59Sw1F0nLQ6gCwHEjbAhjOFBJST5QY04cIxHNKxo9QAAAENSURBVDjLvZPHcsMwDEStTklWcYt7d1zTe3d672X//1OSg8VAoYaHHMwTiH2DWRBgKjXXs7DuL60pjfzGdqKcC8DP8flPAqCyploIazuF8nI1rdZhqVdx4DqA0vOiW/mCoZ2hgHaLrEMLdrpoU0BFdjHuqNoFAW4sxfnrucMIEKAXE6NmeP8IPSmwhVP5C5pIy4FVbMoBG/q/AA8rs2gX+0mAAVdu8gjFWXSAWhLQxJTXCjOiPm6hEsV9PIjAECaP3yzlXlgwNiEDfBLG/dXAiC6cj5cc1T/f8fFKE4M+2B13Oh4y+IN4Se3ZQutwz9B146RZx2T0KLi+PPtde9NJnEmhlHdt2y2WKvP9sN9Hoi6KmDJxcQAAAABJRU5ErkJggg==") no-repeat;
  cursor: pointer;
}

#heatmapMagnitudeTooltip {
  display: none;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  height: 30px;
  width: 100px;
  position: fixed;
  text-align: center;
  z-index: 1000;
  transition: display 0.1s ease-out;
}

#heatmapMagnitudeTooltip p {
  display: table-cell;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
}

.lds-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  transform: rotate(45deg);
  transform-origin: 32px 32px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  visibility: visible;
  text-align: center;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 101px;
  height: 101px;
  border: 10px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}#divToolbar {
  position: absolute;
  z-index: 100;
  left: 0;
  top: calc(50% - 40px);
}#element-sections-container {
  background-color: white;
}
#element-sections-container .canvas-container {
  height: 100%;
  width: 100%;
  position: relative;
  border: 1px solid #999999;
  overflow: hidden;
}
#element-sections-container .canvas-container .scale-bar-container {
  position: absolute;
  bottom: 3px;
  left: 3px;
}
#element-sections-container canvas {
  z-index: 1;
}
#element-sections-container .section-drawing {
  z-index: 0;
  position: absolute;
}
#element-sections-container .section-drawing-loading-spinner {
  z-index: 0;
  position: absolute;
}
#element-sections-container .perspective-axes {
  align-self: start;
  max-height: 150px;
}
#element-sections-container .section-axes {
  align-self: start;
  max-height: 100px;
}
#element-sections-container canvas {
  border: 1px solid #999999;
}