/* /Components/Accounts/AccountWidgetAuthorized.razor.rz.scp.css */
account-widget-authorized[b-dxi0muj5fo] {
  display: block;
}
.trigger[b-dxi0muj5fo] {
  white-space: nowrap;
  padding: 0 0 0 10px;
  color: #ed1c24;
  border: solid 2px #ed1c24;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.trigger[b-dxi0muj5fo]::after {
  display: inline-block;
  content: "\f007";
  color: var(--white, #FFFFFF);
  font-weight: 300;
  font-family: 'Font Awesome 6 Pro';
  margin: 0 0 0 15px;
  font-size: 16px;
  padding: 10px;
  background: #ed1c24;
}
h3[b-dxi0muj5fo] {
  margin: 0;
}
account-card[b-dxi0muj5fo] {
  display: grid;
  grid-template-columns: 50px max-content;
  grid-template-rows: max-content auto;
  gap: 10px 12px;
  padding: 10px;
}
account-card-image[b-dxi0muj5fo] {
  padding-top: 5px;
  justify-self: center;
}
account-card-image[b-dxi0muj5fo],
account-card-info[b-dxi0muj5fo] {
  cursor: pointer;
}
account-card-info[b-dxi0muj5fo],
user-level-info[b-dxi0muj5fo] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
account-card-info i[b-dxi0muj5fo],
user-level-info i[b-dxi0muj5fo] {
  width: 20px;
  display: inline-flex;
  justify-content: center;
}
hr[b-dxi0muj5fo] {
  margin: 0;
  grid-column: -1 / 1;
  border: none;
  border-top: 1px solid var(--border-colour, #CDCBCB);
}
account-card-actions[b-dxi0muj5fo] {
  grid-column: -1 / 1;
  display: flex;
  gap: 10px;
  justify-content: center;
}
.title[b-dxi0muj5fo] {
  margin: 0;
  padding: 0;
}
span[b-dxi0muj5fo],
.qualification-and-registration[b-dxi0muj5fo] {
  display: block;
  color: var(--light-text-colour, #686868);
  font-size: 12px;
}
.user-level[b-dxi0muj5fo] {
  color: var(--text-colour, #282120);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.25px;
}
.qualification-and-registration span[b-dxi0muj5fo] {
  display: inline;
}
/* /Components/Accounts/EditorForUserDetails.razor.rz.scp.css */
@media only screen and (max-width: 800px) {
}user-details-form[b-s135y81mfz] {
  display: block;
  --input-size: 60px;
}
user-details-form section[b-s135y81mfz] {
  display: grid;
}
user-details-form section.two-column[b-s135y81mfz] {
  grid-template-columns: repeat(2, 1fr);
  gap: 0 30px;
}
@media only screen and (max-width: 1080px) {
  user-details-form section.two-column[b-s135y81mfz] {
    grid-template-columns: 1fr;
  }
}
user-details-form p[b-s135y81mfz] {
  margin: 30px 0 20px;
  color: var(--light-text-colour, #686868);
}
user-details-form[b-s135y81mfz]  .form-group {
  position: relative;
  margin: 20px 0;
}
user-details-form[b-s135y81mfz]  .form-group input::placeholder {
  color: transparent;
}
user-details-form[b-s135y81mfz]  .form-group input[disabled],
user-details-form[b-s135y81mfz]  .form-group input[readonly] {
  background: #FAF9F8;
  color: #AC9A95;
}
user-details-form[b-s135y81mfz]  .form-group label {
  position: absolute;
  left: 20px;
  top: calc(var(--input-size) / 2);
  transform: translateY(-50%);
  transition: all 0.1s ease;
  color: var(--light-text-colour, #686868);
}
@supports not selector(:has(~ input)) {
  user-details-form[b-s135y81mfz]  .form-group label {
    font-size: 12px;
    top: 10px;
    transform: translateY(0);
  }
}
user-details-form[b-s135y81mfz]  .form-group label:has( ~ input:not(:placeholder-shown)),
user-details-form[b-s135y81mfz]  .form-group label:has(~ input:focus) {
  font-size: 12px;
  top: 10px;
  transform: translateY(0);
}
user-details-form[b-s135y81mfz]  .form-group label.required::after {
  content: "*";
  color: #ed1c24;
}
user-details-form[b-s135y81mfz]  input:not([type="radio"], [type="checkbox"]) {
  color: #363636;
  font-size: 16px;
  display: block;
  border-radius: 0;
  border: 2px solid #ded5d1;
  padding: 20px 20px 10px;
  width: 100%;
  height: var(--input-size);
  transition: border-color 0.1s ease;
}
user-details-form[b-s135y81mfz]  input:not([type="radio"], [type="checkbox"]):focus {
  border-color: #ACA29E;
  outline: none;
}
user-details-form[b-s135y81mfz]  .form-group {
  margin: 15px 0;
}
user-details-form[b-s135y81mfz]  .form-group label:has(~ dropdown),
user-details-form[b-s135y81mfz]  .form-group label:has(~ editor-for dropdown) {
  font-size: 12px;
  top: 10px;
  transform: translateY(0);
}
user-details-form[b-s135y81mfz]  input:not([type="color"], [type="radio"]):hover,
user-details-form[b-s135y81mfz]  select:hover,
user-details-form[b-s135y81mfz]  textarea:hover,
user-details-form[b-s135y81mfz]  input:not([type="color"], [type="radio"]):active,
user-details-form[b-s135y81mfz]  select:active,
user-details-form[b-s135y81mfz]  textarea:active,
user-details-form[b-s135y81mfz]  input:not([type="color"], [type="radio"]):focus,
user-details-form[b-s135y81mfz]  select:focus,
user-details-form[b-s135y81mfz]  textarea:focus {
  border-width: 2px;
}
user-details-form[b-s135y81mfz]  dropdown-selected[breezer-dropdown],
user-details-form[b-s135y81mfz]  search-bar[breezer-search-bar] {
  border: 2px solid #ded5d1;
  border-radius: 0;
  font-size: 16px;
  gap: 10px;
}
user-details-form[b-s135y81mfz]  dropdown-selected[breezer-dropdown]:hover,
user-details-form[b-s135y81mfz]  search-bar[breezer-search-bar]:hover,
user-details-form[b-s135y81mfz]  dropdown-selected[breezer-dropdown]:focus,
user-details-form[b-s135y81mfz]  search-bar[breezer-search-bar]:focus {
  border-width: 2px;
}
user-details-form[b-s135y81mfz]  editor-for[breezer-editor-for-enum] {
  margin: 0;
}
user-details-form[b-s135y81mfz]  editor-for[breezer-editor-for-enum] > * {
  margin: 0;
  width: 100%;
}
user-details-form[b-s135y81mfz]  .form-group dropdown-selected[breezer-dropdown] {
  padding: 24px 20px 10px;
}
user-details-form[b-s135y81mfz]  .form-group dropdown-selected[breezer-dropdown] dropdown-indicator {
  margin-top: -10px;
}
user-details-form[b-s135y81mfz]  dropdown-selected[breezer-dropdown] {
  height: var(--input-size);
}
user-details-form[b-s135y81mfz]  dropdown-selected[breezer-dropdown] input {
  padding: 0;
}
user-details-form[b-s135y81mfz]  select-for-filter input {
  border-width: 1px !important;
  padding: 10px 20px;
  height: unset !important;
}
/* /Components/Accounts/HyneEditorForDocument.razor.rz.scp.css */
editor-for[b-2yedjiyluh] {
  display: block;
  width: 100%;
  height: var(--input-size);
  border: 2px solid #ded5d1;
  border-radius: 0;
  font-size: 16px;
  margin: 15px 0;
  background: white;
  padding: 0 20px;
}
editor-for:hover[b-2yedjiyluh] {
  border-color: #ed1c24;
}
[b-2yedjiyluh] file-upload {
  height: var(--input-size);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
label[b-2yedjiyluh] {
  color: #ed1c24;
}
label i[b-2yedjiyluh] {
  padding-left: 5px;
}
span.optional[b-2yedjiyluh] {
  color: var(--light-text-colour, #686868);
}
.uploaded[b-2yedjiyluh] {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 10px 20px;
  align-items: center;
  gap: 10px;
}
a[b-2yedjiyluh] {
  color: #ed1c24;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  cursor: pointer;
  padding: 10px 0;
}
/* /Components/Accounts/UserDetailsModal.razor.rz.scp.css */
.user-level-modal[b-gs8l7eepv6] {
  width: min(900px, 90vw);
  display: block;
}
.user-level-modal[b-gs8l7eepv6]  action-group {
  display: block;
  text-align: right;
  margin-top: 10px;
}
.user-level-modal[b-gs8l7eepv6]  action-group > * {
  margin-left: 10px;
  padding: 10px 30px;
}
/* /Components/Application/TAboutForm.razor.rz.scp.css */
.dialog-form[b-b03mjeqm7n] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog-form img[b-b03mjeqm7n] {
  width: 300px;
  margin-bottom: 20px;
}
/* /Components/Application/TBalconyFrame.razor.rz.scp.css */
.balcony-frame[b-wf39jrnuv0] {
  display: flex;
  gap: 40px;
}
/* /Components/Application/TBeamMarkEditForm.razor.rz.scp.css */
.dialog-form[b-0zqgpxdh04] {
  --input-column-spacing: 200px 1fr;
}
.dialog-form :not(label)[b-0zqgpxdh04] {
  align-self: start;
}
/* /Components/Application/TBeamSpanFrame.razor.rz.scp.css */
beam-span-frame[b-gr8wdaa6sw] {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
}
.beam-container[b-gr8wdaa6sw] {
  position: relative;
  overflow: hidden;
}
.span-container[b-gr8wdaa6sw] {
  position: absolute;
  width: min-content;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
}
.positioning-container[b-gr8wdaa6sw] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.edit-controls[b-gr8wdaa6sw] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 5px 0;
}
.edit-controls > *[b-gr8wdaa6sw] {
  display: grid;
  gap: 3px;
}
.span-count-control[b-gr8wdaa6sw] {
  margin: auto;
}
.right-controls[b-gr8wdaa6sw] {
  justify-content: end;
}
/* /Components/Application/TBearingsListForm.razor.rz.scp.css */
/* /Components/Application/TBraceForm.razor.rz.scp.css */
[b-2pct5b2klu] label[delphi-id="ElevationLabel"] {
  background-color: white;
}
/* /Components/Application/TCeilingLoadsFrame.razor.rz.scp.css */
fieldset[b-dgnblfke9w] {
  display: grid;
  grid-template-columns: var(--input-spacing, 80px 1fr);
  gap: 5px 20px;
  align-items: center;
}
fieldset header[b-dgnblfke9w] {
  grid-column: 1 / -1;
}
fieldset > div[b-dgnblfke9w] {
  display: contents;
}
/* /Components/Application/TDeflectsForm.razor.rz.scp.css */
.actions[b-7zwg87mzgi] {
  position: absolute;
  bottom: 20px;
  height: 30px;
  width: 100%;
  text-align: center;
  display: block;
  --btn-padding: 5px 20px;
}
.actions[b-7zwg87mzgi]  button {
  display: inline-block;
  width: 100px;
}
/* /Components/Application/TDynamicsFrame.razor.rz.scp.css */
.dynamics-frame[b-6zuga7ulj7] {
  margin: 10px 0;
}
.dynamics-frame[b-6zuga7ulj7]  label {
  margin-bottom: 5px;
  display: block;
}
/* /Components/Application/TEasyDesignForm.razor.rz.scp.css */
easy-design-form[b-acbvt2gfyu] {
  display: block;
  height: 100%;
}
easy-design-form[hidden][b-acbvt2gfyu] {
  display: none;
}
[b-acbvt2gfyu] [delphi-type="TEasyDesignForm"],
[b-acbvt2gfyu] [delphi-type="TBeamSpanFrame"],
[b-acbvt2gfyu] [delphi-type="TWallFrameFrame"],
[b-acbvt2gfyu] [delphi-type="TVerticalHeightFrame"] {
  height: 100%;
}
.loads[b-acbvt2gfyu] {
  display: grid;
  grid-template-columns: var(--input-spacing, 80px 1fr);
  gap: 5px 20px;
  align-items: center;
  align-items: start;
  align-self: start;
}
.windowsill .loads[b-acbvt2gfyu] {
  display: none;
}
.loads[b-acbvt2gfyu]  > div {
  display: contents;
}
.member-and-loads-section[b-acbvt2gfyu] {
  margin-top: 0;
}
.member-and-loads-section[b-acbvt2gfyu]  p {
  max-width: 400px;
  color: var(--light-text-colour, #686868);
  font-size: 0.9em;
}
.member-and-loads-section[b-acbvt2gfyu]  .tabsheet {
  display: flex;
  gap: 0 40px;
  flex-wrap: wrap;
}
.member-and-loads-section[b-acbvt2gfyu]  .tabsheet .panel {
  display: grid;
  gap: 5px;
}
.member-and-loads-section[b-acbvt2gfyu]  .tabsheet .image-speed-button {
  height: 50px;
  grid-column: -2;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
.trimmer-joist-button[b-acbvt2gfyu] {
  cursor: pointer;
}
/* /Components/Application/TFloorLoadsFrame.razor.rz.scp.css */
fieldset[b-bw8ddrpgg5] {
  display: grid;
  grid-template-columns: var(--input-spacing, 80px 1fr);
  gap: 5px 20px;
  align-items: center;
}
fieldset header[b-bw8ddrpgg5] {
  grid-column: 1 / -1;
}
fieldset > div[b-bw8ddrpgg5] {
  display: contents;
}
/* /Components/Application/TFrameLoadsFrame.razor.rz.scp.css */
fieldset[b-0zsk80tgh6] {
  display: grid;
  grid-template-columns: var(--input-spacing, 80px 1fr);
  gap: 5px 20px;
  align-items: center;
}
fieldset header[b-0zsk80tgh6] {
  grid-column: 1 / -1;
}
fieldset > div[b-0zsk80tgh6] {
  display: contents;
}
.internal-external[b-0zsk80tgh6] {
  display: flex;
  gap: 10px;
  grid-column: 1 / -1;
}
/* /Components/Application/THangerProductsForm.razor.rz.scp.css */
.header[b-9p1xb5157p] {
  position: sticky;
  top: 0;
  background: var(--background-colour, #f7f5f7);
  z-index: 1;
}
.header[b-9p1xb5157p]  .checkbox {
  margin-left: 20px;
  display: inline-flex;
}
.hangers-container[b-9p1xb5157p]  .list-view-container {
  position: absolute !important;
  top: 60px;
  bottom: 0;
  width: 100%;
}
.hanger-select[b-9p1xb5157p] {
  display: flex;
}
/* /Components/Application/THolesFrame.razor.rz.scp.css */
.holes[b-ksr97kjox6] {
  display: flex;
  gap: 40px;
}
/* /Components/Application/TLintelScheduleFrame.razor.rz.scp.css */
lintel-schedule-frame[b-595pb6ueqy] {
  display: block;
}
lintel-schedule-frame[b-595pb6ueqy]  string-grid {
  grid-template-columns: repeat(9, auto);
}
lintel-schedule-frame[b-595pb6ueqy]  string-grid input:nth-child(-n+20),
lintel-schedule-frame[b-595pb6ueqy]  string-grid :nth-child(10n+1) {
  display: none;
}
header[b-595pb6ueqy] {
  display: flex;
  align-items: center;
  gap: 20px;
}
header[b-595pb6ueqy]  [delphi-id="OkBtn"] {
  margin-left: auto;
}
h3[b-595pb6ueqy] {
  margin: 0;
}
/* /Components/Application/TLoadedWallFrame.razor.rz.scp.css */
.loaded-wall-frame[b-hn4ytshtr6] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
}
.inputs[b-hn4ytshtr6] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.highlighted[b-hn4ytshtr6] {
  color: maroon;
}
.divider[b-hn4ytshtr6] {
  position: relative;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.divider[b-hn4ytshtr6]::before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  border: 1px solid #ded5d1;
  position: absolute;
  z-index: -1;
}
/* /Components/Application/TNewProjectPopupForm.razor.rz.scp.css */
.span-disclimer[b-m8lfzvw3bm] {
  padding: 20px;
  width: 800px;
  max-width: 100%;
}
disclaimer-notes[b-m8lfzvw3bm] {
  display: block;
  background: white;
  color: var(--light-text-colour, #686868);
  padding: 20px 10px;
  margin-bottom: 10px;
}
disclaimer-notes *[b-m8lfzvw3bm] {
  background: inherit;
  font-size: 15px !important;
}
disclaimer-notes b[b-m8lfzvw3bm] {
  font-weight: 800;
  color: var(--dark-text-colour, #363636);
}
disclaimer-notes p[b-m8lfzvw3bm] {
  margin: 0 0 10px 0;
}
/* /Components/Application/TOpeningForm.razor.rz.scp.css */
.opening-page[b-d33n0gonl5] {
  min-height: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(max-content, 300px)) 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "a b advertising" "news news advertising";
  gap: 0 40px;
  --input-column-spacing: 100px 1fr;
}
img[b-d33n0gonl5] {
  width: 100%;
  display: block;
  margin: auto;
  max-height: calc(100vh - 200px);
}
.image-container[b-d33n0gonl5] {
  grid-area: advertising;
}
.web-application-data-container[b-d33n0gonl5] {
  grid-area: news;
  overflow: hidden;
}
.web-application-data-container[b-d33n0gonl5]  [delphi-type="TWebApplicationDataFrame"],
.web-application-data-container[b-d33n0gonl5]  .page-control,
.web-application-data-container[b-d33n0gonl5]  .tabsheet,
.web-application-data-container[b-d33n0gonl5]  .memo {
  height: 100%;
}
.opening-page-container[b-d33n0gonl5] {
  height: 100%;
  overflow: auto;
}
.opening-page-container[hidden][b-d33n0gonl5] {
  display: none;
}
.opening-page-container[b-d33n0gonl5]  > div,
.opening-page-container[b-d33n0gonl5]  > div > div {
  height: 100%;
}
.project-data[b-d33n0gonl5]  textarea {
  display: block;
  width: 100%;
}
.job-description[b-d33n0gonl5]  label {
  display: block;
  margin-bottom: 3px;
}
.pitch.input-set[b-d33n0gonl5]  input {
  width: 170px;
}
.loads[b-d33n0gonl5]  .checkbox {
  max-width: 300px;
}
.loads .country-select-container[b-d33n0gonl5] {
  margin-top: auto;
}
/* /Components/Application/TProductsForm.razor.rz.scp.css */
.products-form[b-1d03e528lu]  img {
  max-height: 400px;
  max-width: 400px;
}
/* /Components/Application/TQuickDesignForm.razor.rz.scp.css */
quick-design-form[b-8uj73yzrvc] {
  display: block;
  height: 100%;
}
quick-design-form[hidden][b-8uj73yzrvc] {
  display: none;
}
[b-8uj73yzrvc] [delphi-type="TQuickDesignForm"],
[b-8uj73yzrvc] [delphi-type="TBeamSpanFrame"],
[b-8uj73yzrvc] [delphi-type="TWallFrameFrame"],
[b-8uj73yzrvc] [delphi-type="TVerticalHeightFrame"],
[b-8uj73yzrvc] [delphi-type="TVoidFrame"] {
  height: 100%;
}
.complex-design-page.designing .popup-section[b-8uj73yzrvc] {
  display: none;
}
.complex-design-page.specialdesign[b-8uj73yzrvc]  .member-and-loads-section,
.complex-design-page.specialanddesigning[b-8uj73yzrvc]  .member-and-loads-section {
  display: none;
}
.complex-design-page.specialdesign .design-section[b-8uj73yzrvc] {
  opacity: 0.3;
  pointer-events: none;
}
.wall-thickness p[b-8uj73yzrvc] {
  font-weight: bold;
}
.windbeam .graphic-container[b-8uj73yzrvc] {
  display: none;
}
.windbeam[b-8uj73yzrvc]  .member-and-loads-section {
  grid-template-columns: 1fr;
}
.member-data fieldset.wind-beam-page[b-8uj73yzrvc] {
  flex-direction: row;
  gap: 80px;
  margin-bottom: 20px;
}
.member-data fieldset.wind-beam-page p[b-8uj73yzrvc] {
  max-width: 400px;
}
.member-data fieldset.wind-beam-page > div[b-8uj73yzrvc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wind-beam-heights-image-container[b-8uj73yzrvc] {
  position: relative;
  background: var(--white, #FFFFFF);
  height: 300px;
  width: 400px;
}
.wind-beam-heights-image-container[b-8uj73yzrvc]  img {
  height: 100%;
}
.wind-beam-heights-image-container .input-set[b-8uj73yzrvc] {
  position: absolute;
  background: var(--white, #FFFFFF);
  display: flex;
  right: 10px;
  top: 50px;
}
.wind-beam-heights-image-container .input-set[b-8uj73yzrvc]  input[type=number] {
  width: 100px;
}
.wind-beam-heights-image-container .input-set:last-child[b-8uj73yzrvc] {
  top: 188px;
}
/* /Components/Application/TReportForm2.razor.rz.scp.css */
header[b-hpv8s6vvvn]  button:not(.down) {
  background-color: #6a5f67;
}
headRow2[b-hpv8s6vvvn]  button:not(.down) {
  background-color: #6a5f67;
}
/* /Components/Application/TRoofLoadsFrame.razor.rz.scp.css */
fieldset[b-zgl31j394c] {
  display: grid;
  grid-template-columns: var(--input-spacing, 80px 1fr);
  gap: 5px 20px;
  align-items: center;
}
fieldset header[b-zgl31j394c] {
  grid-column: 1 / -1;
}
fieldset > div[b-zgl31j394c] {
  display: contents;
}
/* /Components/Application/TShowMeForm.razor.rz.scp.css */
.component-container[b-txpymkiy7g] {
  padding: 20px;
  max-width: 700px;
  min-width: 300px;
  width: 100%;
}
.image-container[b-txpymkiy7g] {
  padding: 10px;
}
.image-container[multiple][b-txpymkiy7g] {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
}
.image-container[multiple] img[b-txpymkiy7g] {
  min-height: 200px;
  min-width: 200px;
}
.image-container[double] img[b-txpymkiy7g] {
  min-height: 300px;
}
img[b-txpymkiy7g] {
  min-height: 400px;
  max-height: 500px;
}
/* /Components/Application/TSnowCoeffsForm.razor.rz.scp.css */
.dialog-form[b-25392awz69] {
  --input-column-spacing: 1fr 100px;
}
.dialog-form .input-set[b-25392awz69] {
  gap: 10px;
}
.dialog-form .input-set input-and-spinner[b-25392awz69] {
  width: 100%;
}
.dialog-form .input-set[b-25392awz69]  input {
  width: 100px !important;
}
/* /Components/Application/TSnowLoadAUFrame.razor.rz.scp.css */
.snow-loads[b-kqdx261qdw] {
  display: grid;
  grid-template-columns: repeat(2, auto);
  --input-column-spacing: 100px auto 1fr;
  gap: 20px;
}
.snow-loads[b-kqdx261qdw]  input:not([type="checkbox"], [type="radio"]) {
  width: 60px;
}
/* /Components/Application/TSnowLoadNZFrame.razor.rz.scp.css */
.snow-loads[b-5wdjyh7jm2] {
  display: grid;
  grid-template-columns: repeat(2, auto);
  --input-column-spacing: 100px auto 1fr;
  gap: 20px;
}
.snow-loads[b-5wdjyh7jm2]  input:not([type="checkbox"], [type="radio"]) {
  width: 60px;
}
/* /Components/Application/TSnowLoadsForm.razor.rz.scp.css */
.snow-loads-popup[b-e8ighort8p] {
  padding: 10px;
}
/* /Components/Application/TSpanTablesForm.razor.rz.scp.css */
[b-5vm86wk0al] [delphi-type="TSpanTablesForm"] {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.span-tables-form[b-5vm86wk0al] {
  height: 100%;
}
.span-tables-form[hidden][b-5vm86wk0al] {
  display: none;
}
.span-tables[b-5vm86wk0al] {
  display: grid;
  grid-template-columns: 500px 1fr;
  gap: 40px;
}
@media only screen and (max-width: 1700px) {
  .span-tables[b-5vm86wk0al] {
    grid-template-columns: 300px 1fr;
  }
}
.member-edit[b-5vm86wk0al],
.span-tables-calculator[b-5vm86wk0al] {
  background: #ebe7e8;
  padding: 20px;
}
.span-tables-calculator[b-5vm86wk0al] {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 20px 40px;
}
.member-image-container[b-5vm86wk0al]  img {
  display: block;
  width: 100%;
}
.product-selection-container[b-5vm86wk0al]  .check-list {
  max-height: 300px;
}
.constraints-container[b-5vm86wk0al],
.product-selection-container[b-5vm86wk0al] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 200px;
}
.range-container[b-5vm86wk0al] {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 5px;
  align-items: center;
}
.range-container h3[b-5vm86wk0al] {
  grid-column: 1/-1;
}
.range-container[b-5vm86wk0al]  input[type="number"] {
  width: 100px;
}
.range-container .input-set[b-5vm86wk0al] {
  display: contents;
}
.action-container[b-5vm86wk0al] {
  display: flex;
  gap: 20px;
  width: 100%;
}
/* /Components/Application/TSpecialCeilingForm.razor.rz.scp.css */
/* /Components/Application/TSpecialFlooringForm.razor.rz.scp.css */
/* /Components/Application/TSpecialFloorLiveForm.razor.rz.scp.css */
.dialog-form.special-load-dialog[b-8emkjh77bx] {
  max-width: 500px;
  --input-column-spacing: 1fr 150px;
}
/* /Components/Application/TSpecialLoadFrame.razor.rz.scp.css */
.special-load[b-z1y4nljtop] {
  display: flex;
  --input-spacing: minmax(134px, auto) 1fr;
}
.special-load[b-z1y4nljtop]  [delphi-id="SpecialLoadPageControl"] {
  flex: 1;
  max-width: 500px;
}
.load-width[b-z1y4nljtop] {
  display: grid;
  grid-template-columns: var(--input-spacing);
  align-items: center;
  gap: 20px;
}
.input-set[b-z1y4nljtop] {
  grid-template-columns: 1fr auto 45px;
}
.load-case[b-z1y4nljtop] {
  margin-top: 20px;
}
/* /Components/Application/TSpecialRoofingForm.razor.rz.scp.css */
/* /Components/Application/TSpecialWallForm.razor.rz.scp.css */
/* /Components/Application/TSpecialWindForm.razor.rz.scp.css */
fieldset-group[b-nd596f9p6o] {
  display: grid;
  grid-column-gap: 40px;
}
fieldset-group[b-nd596f9p6o]  fieldset h3 {
  font-size: 1.4em;
}
fieldset-group[b-nd596f9p6o]  fieldset .input-set input-and-spinner {
  align-items: center;
}
fieldset-group[b-nd596f9p6o]  fieldset .input-set input-and-spinner input {
  width: 100px !important;
}
fieldset-group[b-nd596f9p6o]  fieldset .input-set input-and-spinner label,
fieldset-group[b-nd596f9p6o]  fieldset .input-set input-and-spinner div.icon-button {
  padding-left: 5px;
}
fieldset-group[b-nd596f9p6o]  fieldset.wind-area {
  grid-row: 0.33333333;
  grid-column: 0.5;
}
fieldset-group[b-nd596f9p6o]  fieldset.terrain-category {
  grid-row: 0.5;
  grid-column: 0.66666667;
  --input-column-spacing: 100px auto;
}
fieldset-group[b-nd596f9p6o]  fieldset.terrain-category terrain-body {
  display: flex;
  gap: 40px;
  align-items: center;
}
fieldset-group[b-nd596f9p6o]  fieldset.terrain-category entry-options {
  display: flex;
  flex-direction: column;
}
fieldset-group[b-nd596f9p6o]  fieldset.terrain-category .input-set div.input {
  justify-self: start;
  font-weight: bold;
}
fieldset-group[b-nd596f9p6o]  fieldset.additional-info {
  grid-row: 0.66666667;
  grid-column: 0.66666667;
}
[b-nd596f9p6o] result-section {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
[b-nd596f9p6o] result-section result-item {
  display: flex;
  justify-content: end;
  margin-right: 120px;
  gap: 5px;
  margin-bottom: 10px;
}
[b-nd596f9p6o] result-section result-item div.input {
  font-weight: bold;
  min-width: 50px;
  text-align: right;
  font-size: 18px;
}
[b-nd596f9p6o] result-section button.secondary {
  position: absolute;
  right: 0;
  top: 0;
}
/* /Components/Application/TStrongbackFrame.razor.rz.scp.css */
.strongback[b-8qi6fu2u59] {
  display: flex;
}
/* /Components/Application/TSupportedMemberFrame.razor.rz.scp.css */
.supported-member[b-w3rhx2pjlg] {
  display: flex;
  gap: 40px;
}
.member[b-w3rhx2pjlg] {
  display: grid;
  grid-template-columns: minmax(40px, auto) auto auto;
  gap: 10px;
  align-items: center;
  align-self: start;
}
.member h3[b-w3rhx2pjlg] {
  grid-column: 1 / -1;
}
.member div[b-w3rhx2pjlg] {
  display: contents;
}
.member[b-w3rhx2pjlg]  input {
  padding: 0;
}
.connection[b-w3rhx2pjlg] {
  display: grid;
  gap: 20px;
}
.connection h3[b-w3rhx2pjlg] {
  margin-bottom: 0;
}
/* /Components/Application/TSupportForm.razor.rz.scp.css */
.dialog-form[b-o9xz5ri22t] {
  --input-column-spacing: 250px 1fr;
}
.dialog-form .input-set input-and-spinner[b-o9xz5ri22t] {
  justify-self: start;
  align-items: center;
  gap: 5px;
}
.dialog-form .input-set[b-o9xz5ri22t]  select {
  width: 100%;
}
.dialog-form .input-set[b-o9xz5ri22t]  input {
  width: 100px;
}
/* /Components/Application/TTieDownForm.razor.rz.scp.css */
[b-kds3gak4nj] [delphi-type="TTieDownForm"] {
  overflow: auto;
}
[b-kds3gak4nj] .scroll-box {
  overflow: visible !important;
}
/* /Components/Application/TVerticalHeightFrame.razor.rz.scp.css */
.vertical-height-container[b-nb9e1837gl] {
  height: 100%;
  width: min-content;
  margin: auto;
  display: flex;
  align-items: center;
}
.editor-container[b-nb9e1837gl] {
  display: flex;
  gap: 3px;
  margin-left: 5px;
  padding: 0 5px;
  background: var(--white, #FFFFFF);
}
.editor-container[b-nb9e1837gl]  input {
  width: 60px;
}
img[b-nb9e1837gl] {
  display: block;
}
.timber[b-nb9e1837gl] {
  height: calc(100% - (24px * 2));
  margin-right: 5px;
}
.supports[b-nb9e1837gl] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 17px 0;
}
.supports img[b-nb9e1837gl] {
  height: 10px;
}
.dimension[b-nb9e1837gl] {
  height: calc(100% - 24px);
}
/* /Components/Application/TVoidFrame.razor.rz.scp.css */
.void-frame-container[b-bl6wggvboi] {
  height: 100%;
}
/* /Components/Application/TWallFrameFrame.razor.rz.scp.css */
/* /Components/Application/TWindCoefficientsForm.razor.rz.scp.css */
.coefficient-group[b-2enae06xa3] {
  display: block;
}
/* /Components/Application/TWindLoadFrameNZ.razor.rz.scp.css */
.wind-loads-page[b-tv5x3uxe93] {
  --input-column-spacing: 30px auto 1fr;
}
.wind-loads-page .input-set[b-tv5x3uxe93] {
  justify-items: start !important;
}
/* /Components/Application/TWindLoadFrameOZ.razor.rz.scp.css */
.wind-loads-page[b-y5z4m7nxi8] {
  --input-column-spacing: 30px auto 1fr;
}
.wind-loads-page .input-set[b-y5z4m7nxi8] {
  justify-items: start !important;
}
.wind-load-container[b-y5z4m7nxi8] {
  display: flex;
  gap: 20px;
}
/* /Components/Application/TWindLoadsForm.razor.rz.scp.css */
.wind-load-popup[b-hsn7urb400] {
  padding: 10px;
  width: 300px;
}
/* /Components/BaseComponents/ApplicationHost.razor.rz.scp.css */
/*
    
Changes to base styles and variables that can be used in other less files should be made in the common project constants.less file
    
*/
.app-host[b-8j5anwg7qm] {
  position: relative;
  background-color: var(--background-colour, #f7f5f7);
  margin: 10px 0 0 10px;
  overflow: hidden;
}
.sizing-container[b-8j5anwg7qm] {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* /Components/BaseComponents/Dialogs/DialogBackground.razor.rz.scp.css */
.dialog-container[b-w33dq10can] {
  backdrop-filter: blur(3px);
  pointer-events: all;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(222, 213, 209, 0.6);
  overflow: auto;
  padding: 20px;
  overflow-y: scroll;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/BaseComponents/Dialogs/DialogHeader.razor.rz.scp.css */
.dialog-header[b-tsdv65w58x] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  overflow: hidden;
  height: 30px;
}
h2[b-tsdv65w58x] {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  background-color: var(--background-colour, #f7f5f7);
  line-height: initial;
  overflow: hidden;
  margin: 0;
}
.dialog-close[b-tsdv65w58x] {
  cursor: pointer;
  position: relative;
  padding: 20px;
  right: -20px;
}
.dialog-close[b-tsdv65w58x]::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f00d";
  font-weight: 600;
  font-family: 'Font Awesome 6 Pro';
  margin: 0px;
}
.dialog-close:hover[b-tsdv65w58x] {
  opacity: 0.7;
}
/* /Components/BaseComponents/Dialogs/MessageDialog.razor.rz.scp.css */
.message-dialog[b-hld7ro3ejs] {
  padding: 45px 70px;
  width: 600px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
  background: var(--white, #FFFFFF);
}
h2[b-hld7ro3ejs] {
  margin-top: 0;
}
.message[b-hld7ro3ejs] {
  white-space: pre-wrap;
  text-align: center;
}
.message-buttons[b-hld7ro3ejs] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  padding: 20px 0;
}
.message-buttons button[b-hld7ro3ejs] {
  font-size: 13px;
  padding: 10px 20px !important;
  font-weight: bold;
  min-width: 120px;
  margin: 0;
}
.message-buttons button.mbCancel[b-hld7ro3ejs] {
  border: 2px solid #ed1c24;
  background: var(--white, #FFFFFF);
  color: #ed1c24;
}
/* /Components/BaseComponents/FormRoot.razor.rz.scp.css */
.form-content[b-2x9wa1vfqk] {
  position: relative;
  width: 100%;
  height: 100%;
}
.drag-capture-trap[b-2x9wa1vfqk] {
  position: fixed;
  pointer-events: all;
  cursor: grabbing;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.component-container[b-2x9wa1vfqk] {
  display: contents;
}
.dialog[b-2x9wa1vfqk] {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: var(--background-colour, #f7f5f7);
  pointer-events: all;
  display: grid;
  grid-auto-flow: row;
  grid-template-rows: 30px 1fr;
  height: 80%;
  margin: auto;
}
.dialog .form-content[b-2x9wa1vfqk] {
  font-size: 16px;
}
@media only screen and (max-width: 1600px) {
  .dialog .form-content[b-2x9wa1vfqk] {
    font-size: 12.30769231px;
  }
}
.dialog.inline[b-2x9wa1vfqk] {
  height: min-content;
}
.dialog.movable[b-2x9wa1vfqk] {
  cursor: grab;
  height: unset;
  display: inline-block;
}
.dialog.dragging[b-2x9wa1vfqk] {
  cursor: grabbing;
}
.dialog .form-content[b-2x9wa1vfqk] {
  overflow: auto;
}
/* /Components/BaseComponents/Graphics/CanvasValueEditor.razor.rz.scp.css */
.canvas-value-editor[b-fuj1jfh5i7] {
  background: var(--white, #FFFFFF);
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--border-colour, #CDCBCB);
}
.canvas-value-editor[b-fuj1jfh5i7]  input {
  width: 75px;
}
/* /Components/BaseComponents/Graphics/ResizingCanvas.razor.rz.scp.css */
.sizing-container[b-lojyj60ymb] {
  overflow: hidden;
  height: 100%;
  position: relative;
}
/* /Components/BaseComponents/ReportDisplay.razor.rz.scp.css */
img[b-heylbeu28h] {
  display: block;
  margin: 10px auto;
  max-width: 90%;
}
.report-images[b-heylbeu28h] {
  position: absolute;
  top: 0;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}
[b-heylbeu28h] canvas {
  position: absolute;
}
/* /Components/BaseComponents/TBitBtn.razor.rz.scp.css */
button.bit-button[b-txkzg4jx54] {
  border: none;
  background-size: cover;
}
.icon-button[b-txkzg4jx54] {
  text-align: right;
  padding: 0 2px 0 0;
  background-color: transparent;
  cursor: pointer;
}
.icon-button:hover[b-txkzg4jx54] {
  color: #ed1c24;
}
.icon-button.calculator[b-txkzg4jx54] {
  font-size: 24px;
  color: #ed1c24;
}
.icon-button.calculator[b-txkzg4jx54]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f64c";
  font-weight: 600;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
.icon-button.info-button[b-txkzg4jx54] {
  color: var(--dark-text-colour, #363636);
}
.icon-button.info-button[b-txkzg4jx54]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f05a";
  font-weight: 400;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
/* /Components/BaseComponents/TCheckBox.razor.rz.scp.css */
.checkbox[b-rvzip8521z] {
  display: flex;
  align-items: center;
}
.checkbox.left[b-rvzip8521z] {
  flex-direction: row-reverse;
}
.checkbox.left label[b-rvzip8521z] {
  text-align: right;
  padding-right: 5px;
}
.checkbox.right[b-rvzip8521z] {
  flex-direction: row;
}
.checkbox.right label[b-rvzip8521z] {
  text-align: left;
  padding-left: 5px;
}
label[b-rvzip8521z] {
  width: 100%;
}
/* /Components/BaseComponents/TCheckListBox.razor.rz.scp.css */
.check-list[b-k388y6ms5b] {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.checkbox[b-k388y6ms5b] {
  justify-content: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 2px;
}
.checkbox:hover[b-k388y6ms5b] {
  background-color: #ded5d1;
}
.checkbox.highlighted[b-k388y6ms5b] {
  background-color: var(--background-highlight-colour, #fddee1);
}
label[b-k388y6ms5b] {
  width: 100%;
  text-align: left;
  padding-left: 5px;
  white-space: nowrap;
  color: var(--light-text-colour, #686868);
  padding: 2px 4px;
}
/* /Components/BaseComponents/TControlHost.razor.rz.scp.css */
/*
    
Changes to base styles and variables that can be used in other less files should be made in the common project constants.less file
    
*/
div[b-lgccytzthl] {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.control-host[b-lgccytzthl] {
  position: relative;
}
.dialog-host[b-lgccytzthl] {
  position: fixed;
  z-index: 10;
  pointer-events: none;
}
.dialog-host[b-lgccytzthl]  > * {
  pointer-events: all;
}
/* /Components/BaseComponents/TLabel.razor.rz.scp.css */
label[b-ttezyixxzs] {
  white-space: pre;
  background-color: transparent;
}
.inline label[b-ttezyixxzs] {
  white-space: unset;
}
label.wrap[b-ttezyixxzs] {
  white-space: pre-wrap;
}
/* /Components/BaseComponents/TListBox.razor.rz.scp.css */
.list-box[b-tpeftboniz] {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.item:hover[b-tpeftboniz] {
  background-color: #ded5d1;
}
.item.highlighted[b-tpeftboniz] {
  background-color: var(--background-highlight-colour, #fddee1);
}
/* /Components/BaseComponents/TListView.razor.rz.scp.css */
.list-view-container[b-lrn99zl58r] {
  display: grid;
  overflow: auto;
}
.list-view-header[b-lrn99zl58r] {
  display: contents;
  font-weight: bold;
}
.list-view-header pre[b-lrn99zl58r] {
  position: sticky;
  top: 0;
  background: var(--background-colour, #f7f5f7);
}
.list-view-row[b-lrn99zl58r] {
  display: contents;
  background: inherit;
}
pre[b-lrn99zl58r] {
  background: inherit;
  margin: 0;
}
/* /Components/BaseComponents/TMemo.razor.rz.scp.css */
.memo[b-ctlia1wps6] {
  font-weight: initial;
  padding: 2px 4px;
  overflow-y: auto;
  background-color: white;
  margin: 0;
}
.memo[b-ctlia1wps6]  * {
  background-color: unset;
}
.memo[b-ctlia1wps6]  p {
  margin: 1em 0;
}
.memo[b-ctlia1wps6]  .ql-editor {
  max-width: 500px;
}
.memo[b-ctlia1wps6]  .ql-editor p {
  margin: 0;
}
/* /Components/BaseComponents/TMenuItem.razor.rz.scp.css */
.menu-item[b-lf0ue01ktg] {
  color: var(--text-colour, #282120);
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  white-space: nowrap;
}
.menu-item.disabled[b-lf0ue01ktg] {
  pointer-events: none;
  opacity: 0.3;
}
.menu-item:hover[b-lf0ue01ktg],
.menu-item.active[b-lf0ue01ktg] {
  color: #ed1c24;
}
.menu-item.checked[b-lf0ue01ktg]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f00c";
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  right: calc(100% + 4px);
  font-size: 12px;
}
.menu-item-name[b-lf0ue01ktg] {
  padding: 0 15px;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1700px) {
  .menu-item-name[b-lf0ue01ktg] {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1080px) {
  .menu-item-name[b-lf0ue01ktg] {
    padding: 0 5px;
  }
}
.hidden[b-lf0ue01ktg] {
  display: none;
}
.sub-items[b-lf0ue01ktg] {
  position: absolute;
  top: 100%;
  background: var(--white, #FFFFFF);
  padding: 15px 20px;
  margin-top: 2px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.sub-items .menu-item[b-lf0ue01ktg] {
  padding: 0;
}
.sub-items .menu-item.dropdown[b-lf0ue01ktg]::after {
  content: ">";
  position: absolute;
  right: 0;
}
.sub-items .menu-item-name[b-lf0ue01ktg] {
  padding: 5px 0;
  width: 100%;
}
.sub-items .sub-items[b-lf0ue01ktg] {
  top: 0;
  left: calc(100% + 5px);
}
/* /Components/BaseComponents/TPageControl.razor.rz.scp.css */
.page-control[b-zxhc1u0d6p] {
  overflow: hidden;
}
.tab-controls[b-zxhc1u0d6p] {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-content: center;
  text-align: center;
  margin-bottom: 5px;
}
button.tab-link[b-zxhc1u0d6p] {
  margin: 2px;
  padding: 4px;
  color: white;
  background-color: #ed1c24;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
}
button.tab-link:selected[b-zxhc1u0d6p] {
  pointer-events: none;
}
button.tab-link:not(.selected)[b-zxhc1u0d6p] {
  opacity: 0.5;
}
button.tab-link:hover[b-zxhc1u0d6p],
button.tab-link:hover:not(.selected)[b-zxhc1u0d6p] {
  opacity: 1;
}
/* /Components/BaseComponents/TPanel.razor.rz.scp.css */
/*
    
Changes to base styles and variables that can be used in other less files should be made in the common project constants.less file
    
*/
.panel[b-ph6mivfad5] {
  overflow: hidden;
  background: var(--background-colour, #f7f5f7);
}
.inline .panel[b-ph6mivfad5],
.panel.inline[b-ph6mivfad5] {
  background: unset;
  overflow: visible;
}
/* /Components/BaseComponents/TRadioButton.razor.rz.scp.css */
.radiobutton[b-58538g4yxq] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.radiobutton.left[b-58538g4yxq] {
  flex-direction: row-reverse;
}
.radiobutton.right[b-58538g4yxq] {
  flex-direction: row;
}
.radiobutton.disabled[b-58538g4yxq] {
  opacity: 0.3;
  pointer-events: none;
}
.no-wrap[b-58538g4yxq] {
  white-space: nowrap;
}
label[b-58538g4yxq] {
  padding-top: 2px;
}
.left label[b-58538g4yxq] {
  padding-right: 5px;
}
.right label[b-58538g4yxq] {
  padding-left: 5px;
}
/* /Components/BaseComponents/TRichEdit.razor.rz.scp.css */
textarea[b-pa4jgq3jma] {
  overflow-y: scroll;
  resize: none;
  border-radius: 0;
  border: solid 1px var(--background-colour, #f7f5f7);
}
textarea:hover[b-pa4jgq3jma],
textarea:active[b-pa4jgq3jma],
textarea:focus[b-pa4jgq3jma] {
  border: 1px solid var(--primary-colour, #ed1c24);
}
.rich-text-display[b-pa4jgq3jma] {
  white-space: pre;
  font-family: 'Consolas', 'Courier New', monospace !important;
  padding: 10px 20px;
}
.text-body[b-pa4jgq3jma] {
  background: unset;
}
/* /Components/BaseComponents/TSpeedButton.razor.rz.scp.css */
.speed-button[b-hox61cyrxu] {
  border: none;
  overflow: hidden;
}
main .speed-button[b-hox61cyrxu] {
  border-left: 1px solid var(--background-colour, #f7f5f7);
  border-right: 1px solid var(--background-colour, #f7f5f7);
}
main .speed-button:not(.down)[b-hox61cyrxu] {
  opacity: 0.5;
}
main .speed-button:hover[b-hox61cyrxu],
main .speed-button:hover:not(.down)[b-hox61cyrxu] {
  opacity: 1;
}
main .speed-button.image-speed-button[b-hox61cyrxu] {
  border: none;
}
/* /Components/BaseComponents/TStringGrid.razor.rz.scp.css */
string-grid[b-aomtiaiur0] {
  display: grid;
  gap: 1px;
  overflow: auto;
}
p[b-aomtiaiur0] {
  align-self: center;
  text-align: center;
}
input[type="text"][b-aomtiaiur0] {
  margin: 0;
  border: 1px solid transparent;
  width: 100%;
}
input[type="text"]:hover[b-aomtiaiur0] {
  border: 1px solid var(--primary-colour, #ed1c24);
}
/* /Components/BaseComponents/TTabControl.razor.rz.scp.css */
.tabcontrol[b-pf9e4gm9xx] {
  position: relative;
}
.tab-labels[b-pf9e4gm9xx] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
.tab-label[b-pf9e4gm9xx] {
  color: var(--white, #FFFFFF);
  background-color: #6a5f67;
  border: none;
  margin: 0 10px 0 0;
  padding: 4px 8px;
  cursor: pointer;
}
.tab-label.selected[b-pf9e4gm9xx] {
  background-color: #ed1c24;
}
/* /Components/BaseComponents/TTabSheet.razor.rz.scp.css */
.tabsheet[b-hoxxgss37i] {
  position: relative;
  width: 100%;
  height: 100%;
}
/* /Components/BaseComponents/TTreeNodeView.razor.rz.scp.css */
.expandable > .folder-item .folder-icon[b-mr4z81u590]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f0da";
  font-weight: 600;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
.expandable.expanded > .folder-item .folder-icon[b-mr4z81u590]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f0d7";
  font-weight: 600;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
.folder-item-model[b-mr4z81u590] {
  --margin-size: 35px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: var(--margin-size);
  margin-top: 12px;
  margin-bottom: 0;
  font-weight: bold;
  cursor: pointer;
}
@media only screen and (max-width: 1700px) {
  .folder-item-model[b-mr4z81u590] {
    --margin-size: 15px;
  }
}
.folder-item-model.expanded[b-mr4z81u590] {
  border-left: solid 2px #ebe7e890;
  margin-left: calc(var(--margin-size) - 2px);
}
.folder-item-model:not(.expanded) > .folder-item-model[b-mr4z81u590] {
  display: none;
}
.folder-item-model:not(.expandable) > .folder-item .folder-icon[b-mr4z81u590]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\e122";
  font-weight: 600;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
.folder-item-model:not(.expandable) > .folder-item .folder-icon[b-mr4z81u590]:before {
  font-size: 7px;
  bottom: 3px;
}
.folder-item-model:first-child[b-mr4z81u590] {
  margin-left: 0;
  margin-top: 22px;
  margin-bottom: 12px;
}
.folder-item-model:not(:first-child)[b-mr4z81u590]:before {
  content: ".";
  color: var(--white, #FFFFFF);
  position: absolute;
  left: calc((-1 * var(--margin-size)) - 2px);
  top: 8px;
  height: 100%;
  width: calc(var(--margin-size) / 2);
  border-top: solid 2px #ebe7e890;
}
.folder-item-model:last-child:not(.expanded)[b-mr4z81u590] {
  margin-bottom: 12px;
}
.folder-item-model:last-child[b-mr4z81u590]:before {
  background-color: var(--white, #FFFFFF);
}
.folder-item-model > .folder-item[b-mr4z81u590] {
  padding: 10px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}
.folder-item-model > .folder-item > .folder-icon[b-mr4z81u590],
.folder-item-model > .folder-item > .folder-name[b-mr4z81u590] {
  display: inline-block;
}
.folder-item-model > .folder-item .folder-icon[b-mr4z81u590]:before {
  color: #9d9096;
  position: relative;
  padding: 0 0 5px 0;
  width: 15px;
  left: -5px;
  background-color: var(--white, #FFFFFF);
}
.folder-item-model > .folder-item .folder-name:hover[b-mr4z81u590] {
  color: #ed1c24;
}
.folder-item-model.expandable .folder-icon:hover[b-mr4z81u590]:before {
  color: #ed1c24;
}
.folder-item-model:not(.expandable) .folder-icon:hover[b-mr4z81u590]:before {
  color: #9d9096;
}
.folder-item-model.disabled > .folder-item[b-mr4z81u590],
.folder-item-model.disabled > .folder-item .folder-icon[b-mr4z81u590]:before {
  color: #ded5d1;
  cursor: default;
}
.folder-item-model.disabled > .folder-item:hover[b-mr4z81u590],
.folder-item-model.disabled > .folder-item:hover .folder-icon[b-mr4z81u590]:before {
  color: #ded5d1;
}
.folder-item-model.selected[b-mr4z81u590] {
  color: #ed1c24;
}
.folder-item-model.selected > .folder-item-model[b-mr4z81u590] {
  color: var(--dark-text-colour, #363636);
}
/* /Components/BaseComponents/TTreeView.razor.rz.scp.css */
.treeview[b-sinpzgsmju] {
  display: flex;
  flex-direction: column;
  padding-left: 45px;
  background-color: white;
  height: 100%;
}
@media only screen and (max-width: 1700px) {
  .treeview[b-sinpzgsmju] {
    padding-left: 10px;
  }
}
/* /Components/BaseComponents/TUpDown.razor.rz.scp.css */
.arrow-keys[b-1u8c1x7wv4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.arrow[b-1u8c1x7wv4] {
  border-radius: 0;
  color: var(--text-colour, #282120);
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.background .arrow[b-1u8c1x7wv4] {
  background: var(--background-colour, #f7f5f7);
}
.arrow.up[b-1u8c1x7wv4]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f077";
  font-weight: 400;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
.arrow.up[b-1u8c1x7wv4]:before {
  display: block;
  font-size: 8px;
}
.arrow.down[b-1u8c1x7wv4]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f078";
  font-weight: 400;
  font-family: 'Font Awesome 6 Pro';
  margin: 0;
}
.arrow.down[b-1u8c1x7wv4]:before {
  display: block;
  font-size: 8px;
}
.arrow:hover[b-1u8c1x7wv4] {
  color: #ed1c24;
}
/* /Components/Inputs/OptionToggle.razor.rz.scp.css */
option-toggle[b-61i9sw5f4z] {
  display: block;
}
.toggle[b-61i9sw5f4z] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  border: 1px solid var(--border-colour, #CDCBCB);
  padding: 0;
}
.toggle:hover[b-61i9sw5f4z],
input:focus + .toggle[b-61i9sw5f4z] {
  border-color: #ed1c24;
}
.toggle[b-61i9sw5f4z]::before {
  content: "";
  display: block;
  background: #ed1c24;
  position: absolute;
  height: calc(100% - 6px);
  width: calc(50% - 3px);
  top: 3px;
  left: 3px;
  transition: left 0.2s;
}
input:checked + .toggle[b-61i9sw5f4z]::before {
  left: 50%;
}
label[b-61i9sw5f4z] {
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
  min-width: 100px;
}
.thin label[b-61i9sw5f4z] {
  font-size: 12px;
  padding: 5px 10px;
  min-width: unset;
}
input:not(:checked) + .toggle label:first-child[b-61i9sw5f4z] {
  color: var(--white, #FFFFFF);
}
input:checked + .toggle label:nth-child(2)[b-61i9sw5f4z] {
  color: var(--white, #FFFFFF);
}
input[type="checkbox"][b-61i9sw5f4z] {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  opacity: 0;
}
/* /Components/Menu/MemberDropdown.razor.rz.scp.css */
dropdown-menu[b-j659u9kbmi] {
  display: flex;
  cursor: pointer;
}
dropdown-menu[disabled][b-j659u9kbmi] {
  opacity: 0.3;
  pointer-events: none;
}
button.speed-button[b-j659u9kbmi] {
  min-width: var(--btn-width, 160px);
  white-space: nowrap;
  height: var(--btn-height, 40px);
  color: var(--text-colour, #282120);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: unset;
  padding: 0 16px;
  height: 100%;
}
button.speed-button.down[b-j659u9kbmi] {
  color: var(--white, #FFFFFF);
  background: #ed1c24;
}
button.speed-button:not(.down):hover[b-j659u9kbmi] {
  color: #ed1c24;
  opacity: 1;
}
@media only screen and (max-width: 1700px) {
  button.speed-button[b-j659u9kbmi] {
    --btn-width: 100px;
    font-size: 14px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1080px) {
  button.speed-button[b-j659u9kbmi] {
    padding: 0 5px;
  }
}
button.member[b-j659u9kbmi] {
  background: var(--white, #FFFFFF);
}
button.member.down[b-j659u9kbmi]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f0da";
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  margin: 0 10px 0 0;
}
button.member:not(.down)[b-j659u9kbmi] {
  width: 100%;
}
dropdown[b-j659u9kbmi] {
  display: block;
  position: relative;
  background: var(--white, #FFFFFF);
  z-index: 2;
}
dropdown div[b-j659u9kbmi] {
  height: var(--btn-height, 40px);
}
.select-option[b-j659u9kbmi] {
  height: 100%;
  min-width: var(--btn-width, 160px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  cursor: default;
}
.select-option[b-j659u9kbmi]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  content: "\f0da";
  font-weight: 900;
  font-family: 'Font Awesome 6 Pro';
  margin: 0 10px 0 0;
  transform: rotate(90deg);
}
/* /Components/Menu/TMenuButton.razor.rz.scp.css */
.speed-button[b-hrrmtuh92f] {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  color: var(--text-colour, #282120);
  background: unset;
  border: none;
  text-align: center;
  font-size: 16px;
  height: auto;
  font-weight: bold;
  padding: 17px;
}
@media only screen and (max-width: 1700px) {
  .speed-button[b-hrrmtuh92f] {
    font-size: 14px;
    padding: 0 8px;
    height: 100%;
    display: flex;
    justify-content: center;
  }
}
.speed-button.down[b-hrrmtuh92f],
.speed-button:hover[b-hrrmtuh92f] {
  color: var(--primary-colour, #ed1c24);
}
.speed-button.disabled[b-hrrmtuh92f] {
  color: var(--white, #FFFFFF);
  background: #9b9b9b;
  cursor: default;
  opacity: 0.3;
}
.speed-button[b-hrrmtuh92f]:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  font-size: 30px;
  padding: 12px;
  padding-top: 0;
  margin: 0;
}
@media only screen and (max-width: 1700px) {
  .speed-button[b-hrrmtuh92f]:before {
    font-size: 25px;
  }
}
[nav-hidden] .speed-button[b-hrrmtuh92f] {
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
}
[nav-hidden] .speed-button[b-hrrmtuh92f]::before {
  padding: 0;
  margin-bottom: 0;
}
[nav-hidden] .speed-button span[b-hrrmtuh92f] {
  display: none;
}
[nav-hidden] .speed-button:hover[b-hrrmtuh92f] {
  overflow: visible;
  z-index: 3;
}
[nav-hidden] .speed-button:hover:not(.disabled)[b-hrrmtuh92f] {
  opacity: 1;
}
[nav-hidden] .speed-button:hover span[b-hrrmtuh92f] {
  display: block;
  position: absolute;
  bottom: -5px;
  transform: translateY(100%);
  z-index: 1;
  width: max-content;
  padding: 5px 10px;
  background: #382f39;
  color: var(--white, #FFFFFF);
}
[delphi-id='ProjectControlBtn'][b-hrrmtuh92f]::before {
  content: "\f1c0";
}
[delphi-id='EasyDesignBtn'][b-hrrmtuh92f]::before {
  content: "\e487";
}
[delphi-id='ProductsBtn'][b-hrrmtuh92f]::before {
  content: "\f30f";
}
[delphi-id='SpanTableBtn'][b-hrrmtuh92f]::before {
  content: "\e474";
  transform: scaleY(-1);
  padding-top: 12px;
  padding-bottom: 0;
}
[delphi-id='BraceBtn'][b-hrrmtuh92f]::before {
  content: "\f61c";
}
[delphi-id='TieDownBtn'][b-hrrmtuh92f]::before {
  content: "\f548";
}
[delphi-id='QuickDesignBtn'][b-hrrmtuh92f]:before {
  content: "\e487";
  font-size: 13px;
  word-wrap: break-word;
  width: 75px;
  height: 30px;
  margin-bottom: 12px;
  display: block;
  margin-right: 12px;
  padding-top: 1px;
  text-shadow: 16px 0 var(--icon-color, var(--text-colour, #282120)), 16px 16px var(--icon-color, var(--text-colour, #282120)), 0 16px var(--icon-color, var(--text-colour, #282120));
}
[delphi-id='QuickDesignBtn'].down[b-hrrmtuh92f],
[delphi-id='QuickDesignBtn']:hover[b-hrrmtuh92f] {
  --icon-color: var(--primary-colour, #ed1c24);
}
[delphi-id='QuickDesignBtn'].disabled[b-hrrmtuh92f]:before {
  --icon-color: var(--white, #FFFFFF);
}
/* /Components/ModalSpinner.razor.rz.scp.css */
.modal-spinner[b-1zydjjja84] {
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
/* /Components/PageSpinner.razor.rz.scp.css */
.spinner[b-cdp5pkpqtz] {
  width: 140px;
  padding: 5px;
  background: #ed1c24;
  border-radius: 50%;
  aspect-ratio: 1;
  -webkit-mask: conic-gradient(#0000, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: source-out;
  mask: conic-gradient(#0000, #000), linear-gradient(#000 0 0) content-box;
  mask-composite: subtract;
  box-sizing: border-box;
  animation: load-b-cdp5pkpqtz 1s linear infinite;
  animation-delay: 0.3s;
  opacity: 1;
  transition: opacity linear 0.3s;
}
@keyframes load-b-cdp5pkpqtz {
  to {
    transform: rotate(1turn);
  }
}
/* /Components/ProcessingIndicator.razor.rz.scp.css */
.proc-indicator:not([visible])[b-lizkscf6n2] {
  display: none;
}
/* /Components/ProgressBar.razor.rz.scp.css */
percentage[b-ehgrwwxhbg] {
  display: block;
  width: 100%;
  background: var(--white, #FFFFFF);
  border: 1px solid var(--border-colour, #CDCBCB);
  height: 10px;
}
completed[b-ehgrwwxhbg] {
  display: block;
  height: 100%;
  background: #ed1c24;
}
/* /Components/Projects/FileNameDialog.razor.rz.scp.css */
.file-name-dialog[b-mwnxponn6e] {
  min-width: 300px;
}
input[b-mwnxponn6e] {
  width: 100%;
  --input-padding: 10px;
}
.actions[b-mwnxponn6e] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-top: 30px;
  --btn-padding: 10px 20px;
}
/* /Components/Projects/ProjectFileSystem.razor.rz.scp.css */
.project-file-system[b-08buexrwvg] {
  height: 400px;
  display: grid;
  grid-template-rows: auto 1fr;
}
header[b-08buexrwvg] {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding-bottom: 10px;
  gap: 5px;
  border-bottom: 1px solid var(--border-colour, #CDCBCB);
}
.breadcrumbs-list[b-08buexrwvg] {
  display: flex;
  align-items: center;
}
.breadcrumb[b-08buexrwvg] {
  padding: 5px 10px;
  cursor: pointer;
}
.breadcrumb[current][b-08buexrwvg] {
  background: #ebe7e8;
}
.breadcrumb:hover[b-08buexrwvg] {
  background: #fddee1;
}
.arrow[b-08buexrwvg] {
  padding-left: 3px;
  padding-right: 5px;
}
.no-data[b-08buexrwvg] {
  padding: 10px;
  text-align: center;
}
.project-list[b-08buexrwvg] {
  overflow: auto;
  height: 100%;
}
directory[b-08buexrwvg],
file[b-08buexrwvg] {
  display: block;
  padding: 10px 20px;
  cursor: default;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  border-bottom: 1px solid var(--border-colour, #CDCBCB);
  user-select: none;
}
directory i[b-08buexrwvg],
file i[b-08buexrwvg],
directory img[b-08buexrwvg],
file img[b-08buexrwvg] {
  width: 15px;
}
directory:hover[b-08buexrwvg],
file:hover[b-08buexrwvg] {
  background: #ebe7e8;
}
directory[selected][b-08buexrwvg],
file[selected][b-08buexrwvg] {
  background: #fddee1;
}
file i[b-08buexrwvg] {
  color: #ed1c24;
}
delete[b-08buexrwvg] {
  color: #6a5f67;
  cursor: pointer;
  transition: color 0.1s ease;
}
delete i[b-08buexrwvg] {
  color: inherit;
}
delete:hover[b-08buexrwvg] {
  color: #ed1c24;
}
/* /Components/Projects/ProjectList.razor.rz.scp.css */
.project-list[b-0vit4k3dwq] {
  max-height: 300px;
  overflow: auto;
  position: relative;
  max-height: 500px;
}
.content[b-0vit4k3dwq] {
  color: var(--dark-text-colour, #363636);
}
.content[b-0vit4k3dwq]  list-items[item-type="grid"] {
  grid-template-columns: 1fr auto auto;
  overflow: unset;
}
.content[b-0vit4k3dwq]  list-items-grid-header-property,
.content[b-0vit4k3dwq]  actions-header {
  position: sticky;
  align-self: start;
  top: 0;
  left: 0;
  background: var(--background-colour, #f7f5f7);
  font-weight: bold;
  letter-spacing: 0.5px;
  height: 100%;
}
.content[b-0vit4k3dwq]  list-items-grid-header-property[property="updated-at"],
.content[b-0vit4k3dwq]  actions-header[property="updated-at"] {
  justify-content: end;
}
.content[b-0vit4k3dwq]  list-item-property[property="name"] {
  font-weight: bold;
}
.content[b-0vit4k3dwq]  list-item[breezer-list-item] auto-actions button {
  color: var(--light-text-colour, #686868);
}
.content[b-0vit4k3dwq]  list-item[breezer-list-item] auto-actions button:hover {
  color: #ed1c24;
}
/* /Components/Projects/ProjectLoadDialog.razor.rz.scp.css */
.load-dialog[b-y4jwnn95zg] {
  min-width: 600px;
}
.body[b-y4jwnn95zg] {
  display: flex;
  flex-direction: column;
}
button[b-y4jwnn95zg] {
  display: inline-block;
}
/* /Components/Projects/ProjectLoadingProgressDialog.razor.rz.scp.css */
div[b-tjwb2yhjgx] {
  width: 600px;
  max-width: 80vw;
}
.waiting[b-tjwb2yhjgx] {
  display: flex;
  gap: 10px;
  align-items: center;
}
.loading-elements[b-tjwb2yhjgx] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Components/Projects/ProjectSaveDialog.razor.rz.scp.css */
.save-dialog[b-qdnqx7qq7k] {
  min-width: 600px;
}
.filename[b-qdnqx7qq7k] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}
.extension[b-qdnqx7qq7k] {
  position: absolute;
  pointer-events: none;
  right: 10px;
}
input[type="text"][b-qdnqx7qq7k] {
  text-align: right;
  width: 100%;
  padding: 10px 45px 10px 10px;
  color: var(--text-colour, #282120);
}
p[b-qdnqx7qq7k] {
  font-size: 14px;
  margin: 0 0 20px 0;
  color: var(--light-text-colour, #686868);
}
.warning[b-qdnqx7qq7k] {
  height: 16px;
}
button.save.primary[b-qdnqx7qq7k] {
  margin-left: auto;
}
/* /Components/Projects/SaveLoadActions.razor.rz.scp.css */
.modal-actions[b-e161fa9qlw] {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
  --btn-padding: 10px 20px;
}
/* /Components/Registration/EditorForDeclaration.razor.rz.scp.css */
.input-group[b-atnjwqnqbg] {
  display: flex;
  gap: 10px;
  margin: 20px 0;
}
input[type="checkbox"][b-atnjwqnqbg] {
  border: 2px solid #ded5d1;
}
label[b-atnjwqnqbg] {
  font-size: 16px;
}
name[b-atnjwqnqbg] {
  color: #ed1c24;
  font-weight: bold;
}
/* /Components/Registration/EditorForUserLevel.razor.rz.scp.css */
div[b-sfsl1wi0pa] {
  display: grid;
  gap: 30px;
  margin: 30px 0;
}
.popup[b-sfsl1wi0pa] {
  background: var(--background-colour, #f7f5f7);
  padding: 50px 100px;
}
/* /Components/Registration/RegistrationActions.razor.rz.scp.css */
.actions[b-czeie5ro9l] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.actions[b-czeie5ro9l]  button {
  width: unset;
}
.actions[b-czeie5ro9l]  button.inline::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  font-size: 16px;
  content: "\f104";
  padding-right: 10px;
}
.actions[b-czeie5ro9l]  button:not(.inline) {
  min-width: 250px;
  padding: 20px 40px;
  margin-left: auto;
}
/* /Components/Registration/RegistrationComplete.razor.rz.scp.css */
@media only screen and (max-width: 800px) {
}.registration-complete[b-1hyl7dnl8k] {
  margin: calc(150px - var(--background-image-size, 65px)) auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 650px;
}
@media only screen and (max-width: 800px) {
  .registration-complete[b-1hyl7dnl8k] {
    margin: 0;
  }
}
.registration-complete[b-1hyl7dnl8k]  p {
  margin: 30px 0;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .registration-complete[b-1hyl7dnl8k]  p {
    margin: 20px 0;
  }
}
h2[b-1hyl7dnl8k] {
  text-align: center;
  font-size: 30px;
}
@media only screen and (max-width: 800px) {
  h2[b-1hyl7dnl8k] {
    font-size: 20px;
  }
}
.check[b-1hyl7dnl8k] {
  margin: 50px 0;
  background: #ed1c24;
  color: var(--white, #FFFFFF);
  box-shadow: rgba(237, 28, 36, 0.25) 0px 0px 0px 14px;
  border-radius: 50%;
  --size: 120px;
  height: var(--size);
  width: var(--size);
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: appear-b-1hyl7dnl8k 0.8s ease;
}
@media only screen and (max-width: 800px) {
  .check[b-1hyl7dnl8k] {
    --size: 80px;
    margin: 10px 0;
  }
}
a[b-1hyl7dnl8k] {
  font-size: 16px;
}
a[b-1hyl7dnl8k]::after {
  content: "\f105";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  padding-left: 10px;
}
a.external-link[b-1hyl7dnl8k]::after {
  content: "\f08e";
}
@keyframes appear-b-1hyl7dnl8k {
  0% {
    transform: scale(0);
  }
  75% {
    transform: scale(1);
    box-shadow: rgba(237, 28, 36, 0.25) 0px 0px 0px 0px;
  }
  100% {
    box-shadow: rgba(237, 28, 36, 0.25) 0px 0px 0px 14px;
  }
}
/* /Components/Registration/RequestUserLevelModal.razor.rz.scp.css */
.user-level-modal[b-lnurh2fzbq] {
  max-width: 1100px;
}
button.close[b-lnurh2fzbq] {
  background: none;
  border: none;
  color: #ed1c24;
}
p[b-lnurh2fzbq] {
  color: var(--light-text-colour, #686868);
  margin-bottom: 20px;
}
[b-lnurh2fzbq] .registration-complete {
  margin: 100px;
}
/* /Components/Registration/UserLevelItem.razor.rz.scp.css */
div[b-iejqjwlpjz] {
  display: grid;
  grid-template-columns: 150px 1fr 160px 1fr;
  gap: 20px;
  padding: 20px;
  border: 2px solid #ded5d1;
  cursor: pointer;
}
@media only screen and (max-width: 1080px) {
  div[b-iejqjwlpjz] {
    display: flex;
    flex-direction: column;
  }
}
div[selected][b-iejqjwlpjz] {
  background: rgba(222, 213, 209, 0.5);
}
div[disabled][b-iejqjwlpjz] {
  opacity: 0.4;
  cursor: default;
}
p[b-iejqjwlpjz] {
  font-size: 15px;
  margin: 10px 0;
  line-height: 22px;
}
p.feature[b-iejqjwlpjz] {
  color: #BCBCBC;
}
p.feature[available][b-iejqjwlpjz] {
  color: #0F9B00;
}
p.warning[b-iejqjwlpjz] {
  color: #ed1c24;
}
/* /Components/SelectableListItems.razor.rz.scp.css */
list-items[item-type="card"][b-eaoj9jzhpq] {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
@media only screen and (max-width: 1700px) {
  list-items[item-type="card"][b-eaoj9jzhpq] {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1080px) {
  list-items[item-type="card"][b-eaoj9jzhpq] {
    grid-template-columns: 1fr 1fr;
  }
}
list-items[item-type="grid"][b-eaoj9jzhpq] {
  display: grid;
  overflow-y: auto;
  grid-template-columns: repeat(var(--field-count), auto) min-content;
}
list-items[item-type="grid"][b-eaoj9jzhpq]  > loading-spinner {
  grid-column-start: 1;
  grid-column-end: calc(var(--field-count) + 1);
}
list-items[item-type="grid"] > span.no-data[b-eaoj9jzhpq] {
  grid-column-start: 1;
  grid-column-end: calc(var(--field-count) + 1);
}
list-items[item-type="grid"][b-eaoj9jzhpq]  > list-items-grid-header,
list-items[item-type="grid"][b-eaoj9jzhpq]  > list-item {
  display: contents;
}
list-items[item-type="grid"][b-eaoj9jzhpq]  > list-items-grid-header > *,
list-items[item-type="grid"][b-eaoj9jzhpq]  > list-item > * {
  padding: 10px;
  border-bottom: 1px solid var(--border-colour, #CDCBCB);
}
list-items[item-type="grid"][b-eaoj9jzhpq]::after {
  content: var(--property-count);
  background-color: red;
}
list-items[b-eaoj9jzhpq]  list-item {
  cursor: pointer;
}
list-items[b-eaoj9jzhpq]  list-item.selected > * {
  background: var(--background-highlight-colour, #fddee1);
}
/* /Components/ServiceClassSelect.razor.rz.scp.css */
service-class-select[b-hu78709x0f]  dropdown-selected span {
  padding: 0 10px;
}
/* /Components/SpanTables/SpanTableCalculatorModal.razor.rz.scp.css */
.span-table-modal[b-ebzkvcko5a] {
  display: grid;
  grid-template-columns: 450px;
  gap: 40px;
}
@media only screen and (max-width: 1700px) {
  .span-table-modal[b-ebzkvcko5a] {
    grid-template-columns: 350px;
  }
}
p[b-ebzkvcko5a] {
  margin-top: 20px;
  margin-bottom: 5px;
}
/* /Components/ToggleableSection.razor.rz.scp.css */
section[b-carfuob62j] {
  position: relative;
}
section[closed][b-carfuob62j] {
  padding-bottom: 2px;
}
.content[b-carfuob62j] {
  display: contents;
}
[closed] .content[b-carfuob62j] {
  display: none;
}
button[b-carfuob62j] {
  position: absolute;
  top: 3px;
  right: var(--padding);
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--light-text-colour, #686868);
  font-size: 14px;
}
button[b-carfuob62j]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900;
  content: "\f106";
}
section[closed] button[b-carfuob62j]::before {
  transform: rotate(180deg);
}
/* /Components/Wind/RegionalWindSpeeds.razor.rz.scp.css */
table[b-umapwyxwga] {
  margin-bottom: 20px;
}
th[b-umapwyxwga],
td[b-umapwyxwga] {
  padding: 0 5px;
  text-align: center;
}
/* /Components/Wind/ShieldingMultiplier.razor.rz.scp.css */
img[b-ox5uatbtbp] {
  min-width: 400px;
}
/* /Components/Wind/TopographyMultiplier.razor.rz.scp.css */
topogrophy-multiplier[b-wr0z0563k4] {
  display: block;
  max-width: 400px;
}
.image-container[b-wr0z0563k4] {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
/* /Layouts/EmtpyLayout.razor.rz.scp.css */
minimal-layout[b-6e6a3umna4] {
  margin: auto;
}
/* /Layouts/HyneLayout.razor.rz.scp.css */
.page[b-7x6vbxhsl7] {
  --side-nav-width: 340px;
  --top-nav-height: 140px;
  --menu-nav-height: 40px;
  display: grid;
  grid-template-areas: "logo header" "logo sub-menu" "tree main";
  grid-auto-flow: row;
  grid-template-rows: var(--top-nav-height) var(--menu-nav-height) 1fr;
  grid-template-columns: var(--side-nav-width) 1fr;
  height: 100%;
  transition: grid-template-columns 0.2s, grid-template-rows 0.2s;
}
.page[tree-hidden][b-7x6vbxhsl7] {
  grid-template-columns: 0 1fr;
}
.page[nav-hidden][b-7x6vbxhsl7] {
  --top-nav-height: 45px;
}
@media only screen and (max-width: 1700px) {
  .page[b-7x6vbxhsl7] {
    --top-nav-height: 80px;
    --side-nav-width: 200px;
    --menu-nav-height: 30px;
  }
}
img.logo[b-7x6vbxhsl7] {
  grid-area: logo;
  width: 115px;
  background: white;
  margin: 25px auto auto 45px;
  transition: width 0.2s, margin 0.2s;
}
@media only screen and (max-width: 1700px) {
  img.logo[b-7x6vbxhsl7] {
    width: 90px;
    margin-top: 10px;
    margin-left: 10px;
  }
}
[nav-hidden] img.logo[b-7x6vbxhsl7] {
  width: 70px;
  margin-top: 10px;
}
img.post-menu-image[b-7x6vbxhsl7] {
  height: var(--top-nav-height);
  object-fit: contain;
  margin: auto;
  padding: 20px;
  background: var(--background-colour, #f7f5f7);
}
[nav-hidden] img.post-menu-image[b-7x6vbxhsl7] {
  padding: 5px;
}
img.post-menu-image.hidden[b-7x6vbxhsl7] {
  display: none;
}
@media only screen and (max-width: 1080px) {
  img.post-menu-image[b-7x6vbxhsl7] {
    display: none;
  }
}
header[b-7x6vbxhsl7] {
  grid-area: header;
  height: 100%;
  background: #ebe7e8;
  display: flex;
  align-items: center;
  position: relative;
}
.process-indicator-container[b-7x6vbxhsl7] {
  margin: 0 10px;
  flex-shrink: 0;
  width: 20px;
}
.toggle-container.menu[b-7x6vbxhsl7] {
  align-self: end;
}
[nav-hidden] .toggle-container.menu[b-7x6vbxhsl7] {
  align-self: center;
  --collapse-rotation: 180deg;
}
.toggle-container.side[b-7x6vbxhsl7] {
  --collapse-rotation: -90deg;
}
[tree-hidden] .toggle-container.side[b-7x6vbxhsl7] {
  --collapse-rotation: 90deg;
}
.toggle-container button[b-7x6vbxhsl7] {
  color: var(--light-text-colour, #686868);
  background: none;
  border: none;
  font-size: 16pt;
  padding: 0 12px;
  height: 100%;
}
.toggle-container button[b-7x6vbxhsl7]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f077";
  transform: rotate(var(--collapse-rotation, 0deg));
}
.tree[b-7x6vbxhsl7] {
  width: var(--side-nav-width);
  overflow: auto;
  grid-area: tree;
  display: flex;
  flex-direction: column;
}
main[b-7x6vbxhsl7] {
  grid-area: main;
  background: var(--background-colour, #f7f5f7);
  position: relative;
  overflow: auto;
  display: grid;
}
main[b-7x6vbxhsl7]  img {
  object-fit: contain;
}
.sub-menu[b-7x6vbxhsl7] {
  z-index: 2;
  display: flex;
  background: var(--white, #FFFFFF);
  grid-area: sub-menu;
}
@media only screen and (max-width: 1700px) {
  .sub-menu[b-7x6vbxhsl7] {
    margin: 0;
    font-size: 14px;
  }
  .sub-menu > .menu > .menu-item > .menu-item-name[b-7x6vbxhsl7] {
    padding: 8px 4px;
  }
}
.sub-menu .menu-separator[b-7x6vbxhsl7] {
  border: 1px solid #ebe7e8;
  width: 0;
  padding: 1px 0;
  margin: 8px 10px;
}
.loading[b-7x6vbxhsl7] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: var(--white, #FFFFFF);
  left: 0;
  top: 0;
  opacity: 0.5;
  text-align: center;
  transition: opacity linear 0.3s;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
user-and-version-info[b-7x6vbxhsl7]  account-widget {
  margin: 0;
}
user-and-version-info version[b-7x6vbxhsl7] {
  display: block;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
}
[nav-hidden] user-and-version-info version[b-7x6vbxhsl7] {
  display: none;
}
@media only screen and (max-width: 1700px) {
  user-and-version-info version[b-7x6vbxhsl7] {
    padding-top: 0;
  }
}
[b-7x6vbxhsl7] [delphi-id="MainBtnPanel"] {
  margin-left: 30px;
  width: auto;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  background: none;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 1700px) {
  [b-7x6vbxhsl7] [delphi-id="MainBtnPanel"] {
    margin: 0;
    padding: 0 50px;
    justify-content: space-between;
  }
}
[b-7x6vbxhsl7] [delphi-id="MainBtnPanel"].has-selection ~ .loading {
  display: none;
}
/* /Layouts/SetupLayout.razor.rz.scp.css */
@media only screen and (max-width: 800px) {
}header[b-ez8enitb3i] {
  display: flex;
  align-items: end;
}
header img[b-ez8enitb3i] {
  width: calc(var(--background-image-size, 65px) * 2);
}
header .version[b-ez8enitb3i] {
  min-height: var(--background-image-size, 65px);
  min-width: calc(var(--background-image-size, 65px) * 3);
  padding: 0 10px;
  background: var(--white, #FFFFFF);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-size: 12px;
}
@media only screen and (max-width: 1700px) {
  header .version[b-ez8enitb3i] {
    font-size: 8px;
  }
}
footer[b-ez8enitb3i] {
  background: var(--white, #FFFFFF);
  min-width: calc(var(--background-image-size, 65px) * 3);
  min-height: var(--background-image-size, 65px);
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  font-size: 12px;
  padding: 0 10px;
  margin-top: auto;
}
@media only screen and (max-width: 1700px) {
  footer[b-ez8enitb3i] {
    font-size: 8px;
  }
}
footer img[b-ez8enitb3i] {
  width: calc(var(--background-image-size, 65px) * 1.8);
}
main[b-ez8enitb3i] {
  display: contents;
}
/* /Pages/Close.razor.rz.scp.css */
close-page[b-1ynjehfrey] {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
close-page img.logo[b-1ynjehfrey] {
  width: 115px;
  background: white;
}
/* /Pages/UserRegistration.razor.rz.scp.css */
@media only screen and (max-width: 800px) {
}.user-loading[b-m7yqlm4bqq] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.user-registration[b-m7yqlm4bqq] {
  position: relative;
  background: white;
  padding: var(--background-image-size, 65px) calc(2 * var(--background-image-size, 65px));
  max-width: 1300px;
  width: 100%;
  margin: calc(-2 * var(--background-image-size, 65px)) 0 0;
  align-self: center;
  flex-grow: 0;
}
@media only screen and (max-width: 2100px) {
  .user-registration[b-m7yqlm4bqq] {
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  .user-registration[b-m7yqlm4bqq] {
    padding: 15px;
  }
}
.registration-steps[b-m7yqlm4bqq] {
  display: flex;
  justify-content: space-between;
  --number-size: 28px;
}
.step[b-m7yqlm4bqq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: rgba(54, 54, 54, 0.6);
  transition: all 0.2s;
  width: 130px;
}
.step.active[b-m7yqlm4bqq] {
  color: #ed1c24;
}
.step.active .number[b-m7yqlm4bqq] {
  background: #ed1c24;
  border-color: transparent;
  box-shadow: rgba(237, 28, 36, 0.25) 0px 0px 0px 6px;
  color: var(--white, #FFFFFF);
  transition-delay: 0.2s;
}
.step .number[b-m7yqlm4bqq] {
  border-radius: 50%;
  border: 1px solid #ebe7e8;
  height: var(--number-size);
  width: var(--number-size);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
.divider[b-m7yqlm4bqq] {
  margin: calc(var(--number-size) / 2) -40px 0;
  height: 2px;
  flex: 1;
  background-color: #ebe7e8;
}
.divider[b-m7yqlm4bqq]::before {
  content: "";
  display: block;
  height: 100%;
  width: 0;
  transition: all 0.2s ease;
  background-color: transparent;
}
.divider.active[b-m7yqlm4bqq]::before {
  width: 100%;
  background-color: #ed1c24;
}
h2[b-m7yqlm4bqq] {
  margin-top: 30px;
}
p[b-m7yqlm4bqq] {
  margin: 30px 0;
}
.sign-out-message[b-m7yqlm4bqq] {
  color: var(--light-text-colour, #686868);
}
.sign-out-message a[b-m7yqlm4bqq] {
  cursor: pointer;
}