/* /Pages/Admin/AdminShared/AdminNav.razor.rz.scp.css */
.AdminContainer[b-e4q95yqr2m] {
  display: flex;
  height: 100%;
}
.AdminContainer[b-e4q95yqr2m]  .header {
  margin: 2rem 0 1rem 0;
  font-size: 2rem;
  font-weight: bold;
}
.AdminContainer[b-e4q95yqr2m]  .subheader {
  margin: 1rem 0 1rem 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.AdminContainer[b-e4q95yqr2m]  .container {
  margin-left: unset;
}
.AdminContainer .saerchContainer[b-e4q95yqr2m] {
  max-width: 30rem;
  padding: 0 0 1.9rem 0;
}
.AdminContainer .adminNav[b-e4q95yqr2m] {
  padding: 2rem;
  height: 100%;
}
.AdminContainer .adminNav .adminNavLink[b-e4q95yqr2m] {
  white-space: nowrap;
  cursor: pointer;
  padding: 0.5rem 3rem 0.5rem 1rem;
  transition: background 0.3s;
  font-weight: bold;
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}
.AdminContainer .adminNav .adminNavLink .fas[b-e4q95yqr2m], .AdminContainer .adminNav .adminNavLink .fad[b-e4q95yqr2m] {
  margin-right: 0.7rem;
}
.AdminContainer .adminContent[b-e4q95yqr2m] {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
  padding-right: 1rem;
}
.AdminContainer .adminContent tr[b-e4q95yqr2m] {
  cursor: pointer;
}
/* /Pages/Admin/GeneralSettings/General.razor.rz.scp.css */
.AdminGeneral .label[b-v5bpdd6jip] {
  margin-bottom: 1rem;
  display: block;
}
.AdminGeneral .col-6[b-v5bpdd6jip], .AdminGeneral .col-12[b-v5bpdd6jip] {
  margin-bottom: 2rem;
}
.AdminGeneral .Section[b-v5bpdd6jip] {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.2rem;
}
/* /Pages/Admin/Overview/AdminOverview.razor.rz.scp.css */
.adminOverview .adminOverviewContainer[b-0ty1fw22j5] {
  display: flex;
}
.adminOverview .adminOverviewContainer .adminOverviewUsers[b-0ty1fw22j5], .adminOverview .adminOverviewContainer .adminOverviewCompanies[b-0ty1fw22j5] {
  flex: 1 1 0px;
}
.adminOverview .adminOverviewContainer .adminOverviewUsers[b-0ty1fw22j5] {
  margin-right: 1rem;
}
.adminOverview .adminOverviewContainer .adminOverviewCompanies[b-0ty1fw22j5] {
  margin-left: 1rem;
}
/* /Pages/Admin/Planning/AdminPlanning.razor.rz.scp.css */
.Section[b-vjb8az51tr] {
  margin-top: 5rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.row[b-vjb8az51tr] {
  margin-bottom: 10rem;
}

.Actions:last-child[b-vjb8az51tr] {
  margin-top: 5rem;
}

.BOMMultiplicator tr td[b-vjb8az51tr] {
  cursor: pointer;
}
.BOMMultiplicator tr.active td[b-vjb8az51tr] {
  background-color: var(--primary);
  color: var(--white);
}
/* /Pages/Admin/Products/AdminEditProduct.razor.rz.scp.css */
.AdminEditProduct .FormItemsContainer .FormItems[b-uzhcjks83g] {
  display: flex;
  flex-wrap: wrap;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item[b-uzhcjks83g] {
  flex-basis: 50%;
  padding: 0 1rem 1rem 0;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item.Full[b-uzhcjks83g] {
  flex-basis: 100%;
  margin-bottom: 3rem;
  display: flex;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item.Full .Item[b-uzhcjks83g] {
  flex-basis: 25%;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item.Full.ProductFilter[b-uzhcjks83g] {
  flex-direction: column;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item table td[b-uzhcjks83g] {
  min-width: 5rem;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item .ValveListItem[b-uzhcjks83g] {
  padding: 0.5rem;
  background: var(--border-color-light);
  cursor: pointer;
}
.AdminEditProduct .FormItemsContainer .FormItems .Item .ValveListItem.Active[b-uzhcjks83g] {
  background: var(--primary);
  color: #fff;
}
/* /Pages/Admin/Products/AdminImportProducts.razor.rz.scp.css */
.Error[b-3k68k8lvuy] {
  background-color: red;
  color: white;
  padding: 1rem;
  margin: 1rem 0;
}

.UploadButton[b-3k68k8lvuy] {
  margin-top: 3rem;
}

.UploadFields[b-3k68k8lvuy] {
  display: flex;
}

.ProductList[b-3k68k8lvuy] {
  display: grid;
  grid-template-columns: repeat(6, auto);
  margin-top: 3rem;
}
.ProductList .Header[b-3k68k8lvuy] {
  display: contents;
  font-weight: bold;
}
.ProductList .Header div[b-3k68k8lvuy] {
  border-bottom: 1px solid var(--border-color);
}
.ProductList .Header .Sides[b-3k68k8lvuy] {
  grid-column: span 3;
  text-align: center;
  border-bottom: 1px solid var(--border-color-light);
}
.ProductList .ProductLine[b-3k68k8lvuy] {
  display: contents;
  border-bottom: 1px solid var(--border-color-light);
  padding: 0.8rem 0;
}
.ProductList .ProductLine:hover .Product div[b-3k68k8lvuy] {
  background-color: #e9e9e9;
}
.ProductList .ProductLine .Product[b-3k68k8lvuy] {
  display: contents;
}
.ProductList .ProductLine .Product i[b-3k68k8lvuy] {
  margin-right: 1rem;
}
.ProductList .ProductLine .Product.Existing[b-3k68k8lvuy] {
  cursor: pointer;
}
.ProductList .ProductLine .Product:first-child[b-3k68k8lvuy] {
  border-right: 1px solid var(--border-color-light);
  margin-right: 1rem;
}
.ProductList .ProductLine .Product .NotFound[b-3k68k8lvuy] {
  grid-column: span 3;
}
.ProductList .ProductLine .Product .Search[b-3k68k8lvuy] {
  grid-column: span 3;
}
.ProductList .ProductLine .Product .Desc[b-3k68k8lvuy] {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ProductList .ProductLine .Product div[b-3k68k8lvuy] {
  padding-right: 1rem;
}
/* /Pages/Admin/Products/AdminProducts.razor.rz.scp.css */
.ProductsTableContainer[b-qa60br4kgr] {
  margin-bottom: 3rem;
}
.ProductsTableContainer .inactive td[b-qa60br4kgr] {
  background-color: #c1c1c1;
}

.searchContainer .searchBar[b-qa60br4kgr] {
  align-items: self-end;
}

.button[b-qa60br4kgr] {
  display: inline-block;
  font-size: 0.78rem;
  margin-left: 0.5rem;
  cursor: pointer;
  color: #fff;
  padding: 0.5rem 1rem;
  float: right;
}

table[b-qa60br4kgr] {
  table-layout: auto;
}
table td[b-qa60br4kgr] {
  max-width: unset;
}
/* /Pages/Admin/ProductUpdates/AdminProductUpdates.razor.rz.scp.css */
.UpdatedParameters[b-twsf8q5aks] {
  margin-top: 1rem;
}
.UpdatedParameters .Line[b-twsf8q5aks] {
  background-color: #EAECED;
  padding: 14px;
  margin-bottom: 5px;
}
.UpdatedParameters .Line .LineHeader[b-twsf8q5aks] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.UpdatedParameters .Line .LineHeader img[b-twsf8q5aks] {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center center;
}
.UpdatedParameters .Line .SubLines[b-twsf8q5aks] {
  display: grid;
  grid-template-columns: auto auto auto;
}
.UpdatedParameters .Line .SubLines div[b-twsf8q5aks] {
  padding: 3px;
}
.UpdatedParameters .Line .SubLines .AttCol[b-twsf8q5aks] {
  white-space: nowrap;
}
.UpdatedParameters .Line .SubLines .ValueCol[b-twsf8q5aks] {
  white-space: normal;
  overflow: auto;
}
/* /Pages/Admin/RoomTypes/AdminRoomTypes.razor.rz.scp.css */
.Actions[b-niledc0lk6] {
  margin-bottom: 2rem;
}

.Types .Type[b-niledc0lk6] {
  margin-bottom: 2rem;
  border-bottom: 1px solid black;
  padding-bottom: 1rem;
}
.Types .Type .Actions[b-niledc0lk6] {
  margin-bottom: 0rem;
  margin-top: 1rem;
}
/* /Pages/Admin/Statistics/AdminStatistics.razor.rz.scp.css */
.AdminStatistics .Filter[b-8l7wumarpn] {
  margin: 1rem 0;
  display: flex;
  align-items: end;
}
.AdminStatistics .Filter .Setting[b-8l7wumarpn] {
  padding: 0 1rem 0 0;
}
/* /Pages/Admin/Statistics/AdminStatisticsBasic.razor.rz.scp.css */
.AdminStatisticsBasic .Filter[b-zovdfh4tfn] {
  margin: 1rem 0;
  display: flex;
  align-items: end;
}
.AdminStatisticsBasic .Filter .Setting[b-zovdfh4tfn] {
  padding: 0 1rem 0 0;
}
/* /Pages/Admin/Sync/AdminSync.razor.rz.scp.css */
.AdminSync .SyncJobs .Job[b-vrhw5pougl] {
  padding: 1rem;
  margin-bottom: 1px;
  border: 1px solid #ededed;
  cursor: pointer;
}
.AdminSync .SyncJobs .Job .Start[b-vrhw5pougl] {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.AdminSync .SyncJobs .Job .Data[b-vrhw5pougl] {
  display: flex;
}
.AdminSync .SyncJobs .Job .Data .Item[b-vrhw5pougl] {
  display: flex;
  margin-right: 1rem;
}
.AdminSync .SyncJobs .Job .Data .Item .Title[b-vrhw5pougl] {
  margin-right: 0.5rem;
  font-weight: bold;
}
/* /Pages/Admin/Users/AdminEditUser.razor.rz.scp.css */
.AdminUser .header .button[b-fjxrp03ibp] {
  vertical-align: middle;
}
.AdminUser .Item[b-fjxrp03ibp] {
  position: relative;
  flex-grow: 1;
}
.AdminUser .Item .CompanyOverlay[b-fjxrp03ibp] {
  background-color: #222;
  position: absolute;
  bottom: -13rem;
  right: 1rem;
  left: 0;
  height: 13rem;
  overflow: hidden;
}
.AdminUser .Item .CompanyOverlay div[b-fjxrp03ibp] {
  padding: 0.5rem;
  cursor: pointer;
}
.AdminUser .Item .CompanyOverlay div.active[b-fjxrp03ibp] {
  font-weight: bold;
}
.AdminUser .FormItemsContainer[b-fjxrp03ibp] {
  margin-bottom: 3rem;
}
.AdminUser .FormItemsContainer .FormItems[b-fjxrp03ibp] {
  display: flex;
  gap: 1rem;
}
.AdminUser .FormItemsContainer .FormItems .GroupsContainer[b-fjxrp03ibp] {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.AdminUser .FormItemsContainer .FormItems .GroupsContainer .Group[b-fjxrp03ibp] {
  padding: 0.5rem;
  background-color: var(--border-color-light);
  cursor: pointer;
}
.AdminUser .FormItemsContainer .FormItems .GroupsContainer .Group.Active[b-fjxrp03ibp] {
  background-color: var(--primary);
  color: #FFF;
}
/* /Pages/Admin/Users/AdminUsers.razor.rz.scp.css */
.AdminUsers .UsersTableContainer[b-khxqej8jfv] {
  margin-top: 2rem;
}
/* /Pages/Authentication.razor.rz.scp.css */
.Message[b-o20lhhmsgf] {
  padding: 3rem 0;
  font-weight: bold;
}
/* /Pages/MassEdit/MassBottomBar.razor.rz.scp.css */
.BottomBar[b-485znreosl] {
  position: fixed;
  display: flex;
  align-items: center;
  bottom: 2rem;
  right: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem 1rem 0.49rem 0.5rem;
  border-radius: 0.3rem;
  z-index: 200;
}
.BottomBar .NotificationWindow[b-485znreosl] {
  position: absolute;
  height: 40rem;
  top: -40.6rem;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.3rem;
}
.BottomBar .NotificationWindow .CloseButton[b-485znreosl] {
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
}
.BottomBar .NotificationWindow .Tabs[b-485znreosl] {
  display: flex;
}
.BottomBar .NotificationWindow .Tabs div[b-485znreosl] {
  border-bottom: 1px solid var(--border-color-light);
  padding: 0 2rem 0.5rem 1rem;
  cursor: pointer;
  flex-grow: 1;
  transition: border 0.3s;
}
.BottomBar .NotificationWindow .Tabs div.Active[b-485znreosl] {
  font-weight: 500;
  border-bottom: 1px solid var(--primary);
}
.BottomBar .NotificationWindow .Notifications[b-485znreosl] {
  margin-top: 1rem;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 32rem;
  padding-right: 0.5rem;
}
.BottomBar .NotificationWindow .Notifications .Notification[b-485znreosl] {
  border: 1px solid var(--border-color-light);
  border-radius: 5px;
  padding: 1rem;
  display: flex;
  margin-bottom: 0.5rem;
}
.BottomBar .NotificationWindow .Notifications .Notification .Icon[b-485znreosl] {
  padding-right: 1rem;
}
.BottomBar .NotificationWindow .Notifications .Notification .Icon i[b-485znreosl] {
  border-radius: 50%;
  font-size: 1.5rem;
  padding: 7px;
  color: var(--info);
  text-align: center;
}
.BottomBar .NotificationWindow .Notifications .Notification .Text[b-485znreosl] {
  font-size: 0.79rem;
  flex-grow: 1;
  word-break: break-word;
  max-height: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BottomBar .NotificationWindow .Notifications .Notification .Action[b-485znreosl] {
  padding-left: 1rem;
}
.BottomBar .NotificationWindow .Notifications .Notification .Action div[b-485znreosl] {
  border: 1px solid var(--border-color-light);
  border-radius: 2px;
  padding: 0.2rem 1.3rem;
  font-size: 0.79rem;
  cursor: pointer;
}
.BottomBar .NotificationWindow .Notifications .Notification .Action div:nth-child(2)[b-485znreosl] {
  margin-top: 0.5rem;
}
.BottomBar .DirectionButtons[b-485znreosl] {
  margin-left: 1rem;
  margin-bottom: 0.6rem;
  display: flex;
}
.BottomBar .button[b-485znreosl] {
  transition: border-color 0.3s;
  margin-right: 0.5rem;
  border-radius: 3px;
}
.BottomBar .button:last-child[b-485znreosl] {
  margin-right: 0;
}
.BottomBar .button.right[b-485znreosl] {
  min-width: 12.5rem;
}
.BottomBar .button.TextButton[b-485znreosl] {
  display: flex;
  flex-direction: column;
  background: none;
  color: inherit;
  margin: 0;
  padding: 0 0.65rem;
  font-size: 0.5rem;
  text-align: center;
}
.BottomBar .button.TextButton > :first-child[b-485znreosl] {
  height: 1.7rem;
  width: 2rem;
}
.BottomBar .button.TextButton .Small[b-485znreosl] {
  height: 2rem;
  width: 1.5rem;
}
.BottomBar .button.TextButton i[b-485znreosl] {
  font-size: 1.7rem;
}
.BottomBar .button.TextButton.NotificationsButton[b-485znreosl] {
  position: relative;
}
.BottomBar .button.TextButton.NotificationsButton .Dot[b-485znreosl] {
  position: absolute;
  top: -3px;
  left: calc(50% - 5px);
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
}
.BottomBar .button.TextButton.NotificationsButton .Dot.Breaking[b-485znreosl] {
  background-color: var(--error);
}
.BottomBar .button.TextButton.NotificationsButton .Dot.Warning[b-485znreosl] {
  background-color: var(--warning);
}
.BottomBar .button.TextButton.NotificationsButton .Dot.Recommendation[b-485znreosl] {
  background-color: var(--info);
}
/* /Pages/MassEdit/MassEditContainer.razor.rz.scp.css */
.VersionConflict[b-cqqs0r3w0h] {
  max-width: 30rem;
}
.VersionConflict .Header[b-cqqs0r3w0h] {
  font-weight: 500;
  margin-bottom: 1rem;
}
.VersionConflict .Content[b-cqqs0r3w0h] {
  margin-bottom: 3rem;
}
.VersionConflict .Buttons button.LinkButton[b-cqqs0r3w0h] {
  margin-left: 1rem;
}
/* /Pages/MassEdit/MassFloor.razor.rz.scp.css */
.Floor .Header[b-0msujpipru] {
  display: flex;
  background-color: var(--room-in);
  border-bottom: 1px solid var(--border-color-light);
}
.Floor .Header .Data[b-0msujpipru] {
  display: flex;
  flex-grow: 1;
}
.Floor .Header .Data .Point[b-0msujpipru] {
  padding: 12px;
}
.Floor .Header .Data .Point.FloorName[b-0msujpipru] {
  max-width: 15rem;
}
.Floor .Header .Data .Point.FloorName input[b-0msujpipru] {
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
  text-decoration-style: solid;
}
.Floor .Header .Data .Point.FloorName input[b-0msujpipru]::placeholder {
  color: inherit;
}
.Floor .Header .RoomButton .RoomAddButton[b-0msujpipru] {
  padding: 12px;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.Floor .Header .RoomButton .RoomAddButton i[b-0msujpipru] {
  margin-right: 6px;
}
.Floor .Header .Context[b-0msujpipru]  .ContextMenu {
  padding: 0 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Floor .Header .Drawer[b-0msujpipru] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.Floor .Header .Drawer i[b-0msujpipru] {
  margin: 0 24px;
  font-size: 20px;
}
.Floor .Rooms .Supply[b-0msujpipru], .Floor .Rooms .Extract[b-0msujpipru], .Floor .Rooms .Neutral[b-0msujpipru] {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(16, auto);
}
.Floor .Rooms .Supply[b-0msujpipru] {
  background-color: var(--room-in);
}
.Floor .Rooms .Extract[b-0msujpipru] {
  background-color: var(--room-out);
}
.Floor .Rooms .Neutral[b-0msujpipru] {
  background-color: var(--room-def);
}
/* /Pages/MassEdit/MassFoam.razor.rz.scp.css */
.MassFoam[b-t70abpaab4] {
  padding: 12px;
}
.MassFoam .Direction[b-t70abpaab4] {
  display: flex;
  align-items: center;
}
.MassFoam .Direction img[b-t70abpaab4] {
  height: 12px;
  margin-right: 5px;
}
.MassFoam.FlowAirSupply[b-t70abpaab4] {
  background-color: var(--room-in);
}
.MassFoam.FlowAirExtract[b-t70abpaab4] {
  background-color: var(--room-out);
}
.MassFoam[b-t70abpaab4]  .aerfoam-step {
  position: relative;
  padding: 1rem 1rem 1rem 3.125rem;
  background: var(--room-in);
  font-weight: 600;
}
.MassFoam[b-t70abpaab4]  .aerfoam-step:not(:first-child) {
  margin-top: 5rem;
}
.MassFoam[b-t70abpaab4]  .aerfoam-step:before {
  display: block;
  position: absolute;
  inset: 1rem;
  width: 1.375rem;
  height: 1.375rem;
  background: #6E757C;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  counter-increment: aerfoam-step;
  content: counter(aerfoam-step);
}
.MassFoam[b-t70abpaab4]  .aerfoam-step + .aerfoam-connection, .MassFoam[b-t70abpaab4]  .aerfoam-step + .aerfoam-connection-grid {
  margin-top: 40px;
}
.MassFoam[b-t70abpaab4]  .aerfoam-infobox {
  display: inline-block;
  margin: 1.75rem 0 2rem;
  padding: 0.625rem 1.25rem 0.625rem 2.75rem;
  border: 1px solid var(--border-color-light, #DFE2E6);
  background: transparent url("img/airfoam/circle-info-duotone.svg") no-repeat 1rem 50%;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2.25rem 0;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item {
  position: relative;
  flex: 0 0 auto;
  flex-basis: 125px;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:hover .aerfoam-component__add {
  display: block;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item .aerfoam-component__add {
  position: absolute;
  top: calc(50% - 12px);
  right: -34px;
  z-index: 1;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:has(+ .aerfoam-connection__item) > .aerfoam-component:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  inset: calc(50% - 1px) -41px auto auto;
  width: 40px;
  height: 2px;
  background: #67727B;
  z-index: 0;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:has(+ .aerfoam-connection__item):has(.aerfoam-component__add) > .aerfoam-component:after {
  width: 40px;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:nth-child(4n+1):not(:first-child):has(+ .aerfoam-connection__item) {
  display: flex;
  flex-basis: 210px;
  justify-content: space-between;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:nth-child(4n+2):not(:nth-child(2)):not(:first-child) {
  display: flex;
  flex-basis: 250px;
  gap: 40px;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:nth-child(4n+1):not(:first-child):has(+ .aerfoam-connection__item):after, .MassFoam[b-t70abpaab4]  .aerfoam-connection__item:nth-child(4n+2):not(:nth-child(2)):before {
  display: block;
  content: "";
  width: 85px;
  height: 65px;
  position: relative;
  padding: 1rem 1.125rem;
  z-index: 10;
  background: transparent url("img/airfoam/component-connection-break.svg") no-repeat center center;
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:nth-child(4n+2):not(:nth-child(2)):before {
  transform: scaleX(-1);
}
.MassFoam[b-t70abpaab4]  .aerfoam-connection__item:nth-child(4n+2):not(:nth-child(2)):after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  inset: calc(50% - 1px) 125px auto 62.5px;
  height: 2px;
  background: #67727B;
  z-index: 0;
}
/* /Pages/MassEdit/MassFoamComponent.razor.rz.scp.css */
.aerfoam-component[b-6oqwlkfnta] {
  width: 85px;
  height: 65px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid var(--border-color-light);
  position: relative;
  padding: 4px 7px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
}
.aerfoam-component .RegulatoryError[b-6oqwlkfnta] {
  position: absolute;
  top: -7px;
  right: 77px;
  font-size: 12px;
  z-index: 101;
}
.aerfoam-component:has(.aerfoam-component-menu) .RegulatoryError[b-6oqwlkfnta] {
  right: 46px;
}
.aerfoam-component__metadata[b-6oqwlkfnta] {
  display: block;
  margin-top: 3px;
}
.aerfoam-component__name[b-6oqwlkfnta] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-bottom: 1px solid var(--border-color-light);
}
.aerfoam-component__name a[b-6oqwlkfnta] {
  color: var(--font-color);
  text-decoration: none;
}
.aerfoam-component__name a:hover[b-6oqwlkfnta] {
  color: var(--primary);
  text-decoration: underline;
}
.aerfoam-component__name .icon[b-6oqwlkfnta] {
  font-size: 0;
  line-height: 0;
  flex-grow: 1;
}
.aerfoam-component__name .icon img[b-6oqwlkfnta] {
  width: 14px;
  height: 14px;
  object-position: center center;
  object-fit: contain;
}
.aerfoam-component__name .icon .drag[b-6oqwlkfnta] {
  display: none;
  margin-right: 3px;
}
.aerfoam-component__name .text[b-6oqwlkfnta] {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: unset;
}
.aerfoam-component__name .delete[b-6oqwlkfnta] {
  display: none;
}
.aerfoam-component__name .delete :hover[b-6oqwlkfnta] {
  color: var(--primary);
}
.aerfoam-component__name[b-6oqwlkfnta]  .distribution-box-color {
  top: 0;
  margin-right: 0;
  width: 18px;
  height: 12px;
}
.aerfoam-component__name[b-6oqwlkfnta]  .distribution-box-color:before {
  width: 12px;
  height: 12px;
}
.aerfoam-component__name[b-6oqwlkfnta]  .distribution-box-color:after {
  width: 12px;
  height: 12px;
}
.aerfoam-component__add[b-6oqwlkfnta] {
  display: none;
  width: 24px;
  height: 24px;
  padding: 2px;
  background: var(--room-in) url("img/airfoam/add.svg") no-repeat center center;
}
.aerfoam-component__add:hover[b-6oqwlkfnta] {
  background-color: transparent;
}
.aerfoam-component.FlowAirSupply .aerfoam-component__add[b-6oqwlkfnta] {
  background: var(--room-in) url("img/airfoam/add.svg") no-repeat center center;
}
.aerfoam-component.FlowAirSupply .aerfoam-component__add:hover[b-6oqwlkfnta] {
  background-color: var(--room-in);
}
.aerfoam-component.FlowAirExtract .aerfoam-component__add[b-6oqwlkfnta] {
  background: var(--room-out) url("img/airfoam/add.svg") no-repeat center center;
}
.aerfoam-component.FlowAirExtract .aerfoam-component__add:hover[b-6oqwlkfnta] {
  background-color: var(--room-out);
}
.aerfoam-component:hover .aerfoam-component__add[b-6oqwlkfnta] {
  display: block;
}
.aerfoam-component:hover .aerfoam-component__name .icon[b-6oqwlkfnta] {
  flex-grow: unset;
}
.aerfoam-component:hover .aerfoam-component__name .icon img[b-6oqwlkfnta] {
  display: none;
}
.aerfoam-component:hover .aerfoam-component__name .icon[b-6oqwlkfnta]  span {
  display: none;
}
.aerfoam-component:hover .aerfoam-component__name .icon .drag[b-6oqwlkfnta] {
  display: block;
}
.aerfoam-component:hover .aerfoam-component__name .text[b-6oqwlkfnta] {
  flex-grow: 1;
  text-align: center;
}
.aerfoam-component:hover .aerfoam-component__name .delete[b-6oqwlkfnta] {
  display: block;
  padding-left: 3px;
  cursor: pointer;
}
.aerfoam-component--dbox .aerfoam-component__name[b-6oqwlkfnta] {
  max-width: 100%;
}
.aerfoam-component[b-6oqwlkfnta] >  .aerfoam-component-menu {
  position: absolute;
  inset: 1rem 1.125rem auto auto;
}
.aerfoam-component--ok[b-6oqwlkfnta]:after {
  display: block;
  position: absolute;
  inset: calc(50% - 0.75rem) -0.75rem auto auto;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: #FFFFFF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0053 0C5.39269 0 0 5.38418 0 11.9968C0 18.6095 5.39269 24 12.0053 24C18.618 24 24 18.6095 24 11.9968C24 5.38418 18.618 0 12.0053 0ZM16.8918 7.63217C17.1847 7.62595 17.4678 7.73782 17.6775 7.94256C17.887 8.14739 18.0053 8.42788 18.0058 8.72091C18.0063 9.01394 17.8888 9.29484 17.6799 9.50027L11.134 16.0462C10.9297 16.2493 10.6532 16.3634 10.3651 16.3634C10.0769 16.3634 9.80039 16.2493 9.59608 16.0462L6.31985 12.7765C6.04361 12.5003 5.93575 12.0976 6.03679 11.7202C6.13793 11.3428 6.43264 11.0481 6.81002 10.947C7.18739 10.8459 7.59007 10.9538 7.86631 11.23L10.3608 13.735L16.1334 7.96232C16.3331 7.75698 16.6055 7.63836 16.8918 7.63214V7.63217Z" fill="%23639C6E"/></svg>') no-repeat center center;
  border-radius: 50%;
}
.aerfoam-component--dbox[b-6oqwlkfnta] {
  color: var(--btn-components-color, #37454F);
  background: var(--btn-arrow-border-col, #D6DADD);
  border-radius: 0.25rem;
}
.aerfoam-component--dbox[b-6oqwlkfnta]  .distribution-box-color {
  top: -2px;
  margin-right: 0.25rem;
}
.aerfoam-component--add[b-6oqwlkfnta] {
  color: var(--btn-components-color, #37454F);
  font-size: 0.875rem;
  padding: 0.75rem;
  background: #FFFFFF;
  border: 1px solid var(--btn-arrow-border-col, #D6DADD);
  border-radius: 0.25rem;
}
.aerfoam-component--add[b-6oqwlkfnta]:before {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.5rem;
  content: "";
  background: transparent url("img/airfoam/plus-dark.svg") no-repeat center center;
}
.aerfoam-component--add:hover[b-6oqwlkfnta] {
  color: inherit;
  background: #FFFFFF;
}
/* /Pages/MassEdit/MassFoamDBox.razor.rz.scp.css */
.Header[b-4i29gbzbb6] {
  font-size: 14px;
  font-weight: 500;
  margin: 6px 0;
}

.aerfoam-step[b-4i29gbzbb6] {
  position: relative;
  padding: 1rem 1rem 1rem 3.125rem;
  background: var(--room-in);
  font-weight: 600;
}
.aerfoam-step[b-4i29gbzbb6]:before {
  display: block;
  position: absolute;
  inset: 1rem;
  width: 1.375rem;
  height: 1.375rem;
  background: #6E757C;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  counter-increment: aerfoam-step;
  content: "2";
}
.aerfoam-step + .aerfoam-connection[b-4i29gbzbb6], .aerfoam-step + .aerfoam-connection-grid[b-4i29gbzbb6] {
  margin-top: 40px;
}
.aerfoam-step[b-4i29gbzbb6]  .distribution-box-color {
  margin: 0 5px 4px 5px;
}
.aerfoam-step .box-name[b-4i29gbzbb6]:after {
  content: ",";
}
.aerfoam-step .box-name:last-child[b-4i29gbzbb6]:after {
  content: "";
}

.aerfoam-infobox[b-4i29gbzbb6] {
  display: inline-block;
  margin: 1.75rem 0 2rem;
  padding: 0.625rem 1.25rem 0.625rem 2.75rem;
  border: 1px solid var(--border-color-light, #DFE2E6);
  background: transparent url("img/airfoam/circle-info-duotone.svg") no-repeat 1rem 50%;
}

.aerfoam-connection-grid[b-4i29gbzbb6] {
  margin: 0 calc(-1 * var(--card-padding, 2rem)) 0;
}
.aerfoam-connection-grid__wrap[b-4i29gbzbb6] {
  display: flex;
  padding: 0 var(--card-padding, 2rem) 1rem;
  gap: 2rem;
}
.aerfoam-connection-grid__row[b-4i29gbzbb6] {
  display: flex;
  flex-direction: column;
  gap: 33px;
  width: 85px;
  padding-bottom: 0;
}
.aerfoam-connection-grid__row[data-connection-top="1"][b-4i29gbzbb6] {
  margin-top: calc(65px + 33px);
}
.aerfoam-connection-grid__row[data-connection-top="2"][b-4i29gbzbb6] {
  margin-top: calc(130px + 66px);
}
.aerfoam-connection-grid__row[data-connection-top="3"][b-4i29gbzbb6] {
  margin-top: calc(195px + 99px);
}
.aerfoam-connection-grid__row[data-connection-top="4"][b-4i29gbzbb6] {
  margin-top: calc(260px + 132px);
}
.aerfoam-connection-grid__row[data-connection-top="5"][b-4i29gbzbb6] {
  margin-top: calc(325px + 165px);
}
.aerfoam-connection-grid__row[data-connection-top="6"][b-4i29gbzbb6] {
  margin-top: calc(390px + 198px);
}
.aerfoam-connection-grid__row[data-connection-top="7"][b-4i29gbzbb6] {
  margin-top: calc(455px + 231px);
}
.aerfoam-connection-grid__row[data-connection-top="8"][b-4i29gbzbb6] {
  margin-top: calc(520px + 264px);
}
.aerfoam-connection-grid__row[data-connection-top="9"][b-4i29gbzbb6] {
  margin-top: calc(585px + 297px);
}
.aerfoam-connection-grid__row[data-connection-top="10"][b-4i29gbzbb6] {
  margin-top: calc(650px + 330px);
}
.aerfoam-connection-grid__row[data-connection-top="11"][b-4i29gbzbb6] {
  margin-top: calc(715px + 363px);
}
.aerfoam-connection-grid__row[data-connection-top="12"][b-4i29gbzbb6] {
  margin-top: calc(780px + 396px);
}
.aerfoam-connection-grid__row.DBoxes[b-4i29gbzbb6] {
  flex-direction: row;
}
.aerfoam-connection-grid__row.DBoxes .aerfoam-connection-grid__item[b-4i29gbzbb6]:before {
  display: none;
}
.aerfoam-connection-grid__item[b-4i29gbzbb6] {
  position: relative;
  width: 85px;
  min-width: 85px;
  height: 65px;
  min-height: 65px;
}
.aerfoam-connection-grid__item[b-4i29gbzbb6]  .WarningWindow {
  z-index: 200;
}
.aerfoam-connection-grid__item[b-4i29gbzbb6]  .aerfoam-component {
  position: absolute;
  z-index: 100;
}
.aerfoam-connection-grid__item[b-4i29gbzbb6]  .aerfoam-component:focus-within {
  z-index: 200 !important;
}
.aerfoam-connection-grid__item.no_drag[b-4i29gbzbb6] {
  cursor: auto;
}
.aerfoam-connection-grid__item:empty[b-4i29gbzbb6] {
  box-sizing: border-box;
  border: 1px dashed var(--btn-arrow-border-col, #D6DADD);
  background: var(--card-background, #FCFBFC);
}
.aerfoam-connection-grid__item:empty[b-4i29gbzbb6]:before, .aerfoam-connection-grid__item:empty + .aerfoam-connection-grid__item[b-4i29gbzbb6]:before {
  background: var(--btn-arrow-border-col, #D6DADD);
}
.aerfoam-connection-grid__item:empty + .aerfoam-connection-grid__item[b-4i29gbzbb6]:before {
  height: calc(2rem + 2px);
}
.aerfoam-connection-grid__item.filler[b-4i29gbzbb6] {
  cursor: auto;
  opacity: 0.5;
  z-index: 1;
}
.aerfoam-connection-grid__item[b-4i29gbzbb6]  .aerfoam-component__add {
  position: absolute;
  bottom: -0.7rem;
  right: calc(50% - 0.75rem);
}
.aerfoam-connection-grid__item[b-4i29gbzbb6]  .aerfoam-component__add + .aerfoam-component__add {
  position: absolute;
  top: calc(50% - 0.75rem);
  right: -0.7rem;
}
.aerfoam-connection-grid__item[b-4i29gbzbb6]:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(50% - 1px);
  width: 2px;
  height: calc(1.5rem - 2px);
  background: #67727B;
}
.aerfoam-connection-grid__item--green[b-4i29gbzbb6]:before {
  background: #75E88F !important;
}
.aerfoam-connection-grid__item--pink[b-4i29gbzbb6]:before {
  background: #FF2F93 !important;
}
.aerfoam-connection-grid__item--orange[b-4i29gbzbb6]:before {
  background: #FD9A06 !important;
}
.aerfoam-connection-grid__row:first-child > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  display: none;
}
.aerfoam-connection-grid__row[data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  inset: calc(50% - 1px) 100% auto auto;
  width: calc(1.5rem - 2px);
  height: 2px;
}
.aerfoam-connection-grid__row[data-connection-length="1"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(13.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="2"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(25.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="3"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(37.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="4"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(49.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="5"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(61.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="6"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(73.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="7"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(85.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="8"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(97.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="9"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(109.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="10"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(121.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="11"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(133.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="12"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-4i29gbzbb6]:before {
  width: calc(145.5rem - 2px);
}
.aerfoam-connection-grid__item .AddDBox[b-4i29gbzbb6] {
  border: 1px solid var(--border-color-light);
  width: 85px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
}

.aerfoam-drag-drop-spacer[b-4i29gbzbb6] {
  display: block;
  position: relative;
  margin: 0 0 1.5rem;
  color: var(--font-color-light, #67727B);
  font-weight: 600;
}
.aerfoam-drag-drop-spacer span[b-4i29gbzbb6] {
  position: relative;
  display: inline-block;
  background: var(--card-background);
  padding: 0 2rem 0 0;
}
.aerfoam-drag-drop-spacer[b-4i29gbzbb6]:before {
  position: absolute;
  content: "";
  inset: 50% 0 auto 0;
  border-bottom: 1px solid var(--font-color-light, #67727B);
}
.aerfoam-drag-drop-spacer .AirIn[b-4i29gbzbb6] {
  background: var(--room-in);
}
.aerfoam-drag-drop-spacer .AirOut[b-4i29gbzbb6] {
  background: var(--room-out);
}

.drag-container[b-4i29gbzbb6] {
  position: relative;
  padding: 0;
  margin: 0;
  height: 0;
  max-height: 0;
}
.drag-container[b-4i29gbzbb6]  .aerfoam-component__add {
  position: absolute;
  bottom: -0.7rem;
  right: calc(50% - 0.75rem);
}
.drag-container[b-4i29gbzbb6]  .aerfoam-component__add + .aerfoam-component__add {
  position: absolute;
  top: calc(50% - 0.75rem);
  right: -0.7rem;
}
/* /Pages/MassEdit/MassFoamTerminal.razor.rz.scp.css */
.Header[b-760vthkw7q] {
  font-size: 14px;
  font-weight: 500;
  margin: 6px 0;
}

.TerminalBranchContainer[b-760vthkw7q]  .DragHandle {
  display: none !important;
}
/* /Pages/MassEdit/MassPlan.razor.rz.scp.css */
.Plan .Header[b-ozdozwficf] {
  background-color: #EAECED;
  border-bottom: 1px solid var(--border-primary-light, #D6DADD);
  display: flex;
}
.Plan .Header .Data[b-ozdozwficf] {
  display: flex;
  flex-grow: 1;
  gap: 24px;
}
.Plan .Header .Data .Point[b-ozdozwficf] {
  padding: 12px;
}
.Plan .Header .Data .Point .Title[b-ozdozwficf] {
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 4px;
}
.Plan .Header .Data .Point .Value[b-ozdozwficf] {
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}
.Plan .Header .Data .Point .Value .Loss[b-ozdozwficf] {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.Plan .Header .Data .Point .Value .Loss img[b-ozdozwficf] {
  margin: 0 5px 0 0;
  height: 20px;
}
.Plan .Header .Data .Point .Value.PlanName[b-ozdozwficf] {
  overflow-x: auto;
  text-overflow: ellipsis;
}
.Plan .Header .Data .Point .Value .BalanceStats[b-ozdozwficf] {
  position: relative;
}
.Plan .Header .Data .Point .Value .BalanceStats.Unbalanced i[b-ozdozwficf] {
  color: var(--primary);
}
.Plan .Header .Data .Point .Value .BalanceStats[b-ozdozwficf]  .WarningCarret {
  left: 77px;
}
.Plan .Header .Data .Point .Value .BalanceStats i[b-ozdozwficf] {
  margin: 0 0.5rem;
}
.Plan .Header .Data .Point .Value.Rebalance[b-ozdozwficf] {
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.Plan .Header .Data .Point .Value.Rebalance .t[b-ozdozwficf] {
  margin-left: 0.5rem;
  display: inline-block;
}
.Plan .Header .Data .Point .Value.Rebalance img[b-ozdozwficf] {
  height: 14px;
  margin-right: 0.5rem;
}
.Plan .Header .Data .Point .Value.DefaultButton[b-ozdozwficf] {
  text-decoration: underline;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.Plan .Header .Data .Point .Value.FloorButton button[b-ozdozwficf] {
  padding: 3px 12px;
  line-height: 14px;
  font-weight: 400;
  font-size: 12px;
}
.Plan .Header .Data .Point .Value[b-ozdozwficf]  input {
  font-size: 12px;
  line-height: 16px;
  background-color: var(--white);
  border: 1px solid transparent;
  padding: 6px 4px;
  max-width: 35px;
}
.Plan .Header .Data .Point .Value[b-ozdozwficf]  input:hover {
  border: 1px solid var(--border-color-light);
}
.Plan .Header .Data .Point .Value.Amount[b-ozdozwficf] {
  overflow: hidden;
}
.Plan .Header .Data .Point .Value.Amount[b-ozdozwficf]  .InputNumberOnInput input {
  text-align: center;
  padding: 2px 16px;
  max-width: 65px;
}
.Plan .Header .Data .Point .Value.Amount[b-ozdozwficf]  .InputNumberOnInput .Iterator {
  width: 22px;
  height: 22px;
}
.Plan .Header .Data .Point .Value.Amount[b-ozdozwficf]  .InputNumberOnInput .Iterator.IteratorPlus {
  right: 0;
  top: 0;
}
.Plan .Header .Data .Point .Value .RegulatoryError[b-ozdozwficf] {
  position: relative;
}
.Plan .Header .Drawer[b-ozdozwficf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.Plan .Header .Drawer i[b-ozdozwficf] {
  margin: 0 24px;
  font-size: 28px;
}
.Plan .AddFloorButton[b-ozdozwficf] {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: var(--room-in);
}
.Plan .AddFloorButton button[b-ozdozwficf] {
  font-size: 16px;
  font-weight: 500;
  background-color: var(--room-in);
  z-index: 10;
}
.Plan .AddFloorButton button:hover[b-ozdozwficf] {
  background-color: var(--room-in);
}
.Plan .AddFloorButton .Line[b-ozdozwficf] {
  background-color: var(--border-color-light);
  height: 2px;
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
}

.VersionConflict[b-ozdozwficf] {
  max-width: 30rem;
}
.VersionConflict .Header[b-ozdozwficf] {
  font-weight: 500;
  margin-bottom: 1rem;
}
.VersionConflict .Content[b-ozdozwficf] {
  margin-bottom: 3rem;
}
.VersionConflict .Buttons button.LinkButton[b-ozdozwficf] {
  margin-left: 1rem;
}
/* /Pages/MassEdit/MassPopupComponent.razor.rz.scp.css */
.ComponentTypes[b-u7bw6l6ykf] {
  display: flex;
  gap: 12px;
}
.ComponentTypes .ComponentType[b-u7bw6l6ykf] {
  padding: 12px;
  border: 1px solid var(--border-color-light);
  border-radius: 3px;
  min-width: 106px;
  max-width: 106px;
  cursor: pointer;
  transition: all 0.3s;
}
.ComponentTypes .ComponentType:hover[b-u7bw6l6ykf] {
  background: #F6F9FB;
}
.ComponentTypes .ComponentType .Top[b-u7bw6l6ykf] {
  display: flex;
}
.ComponentTypes .ComponentType .Top .Radio[b-u7bw6l6ykf] {
  flex-grow: 1;
}
.ComponentTypes .ComponentType .Top .Radio .RadioButton[b-u7bw6l6ykf] {
  border: 1px solid var(--border-color-light);
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  width: 18px;
  transition: all 0.1s;
}
.ComponentTypes .ComponentType .Top .Name[b-u7bw6l6ykf] {
  font-size: 13px;
}
.ComponentTypes .ComponentType .Bottom[b-u7bw6l6ykf] {
  font-size: 0;
  margin-top: 12px;
}
.ComponentTypes .ComponentType .Bottom img[b-u7bw6l6ykf] {
  width: 64px;
  height: 44px;
  object-fit: contain;
  object-position: bottom left;
}
.ComponentTypes .ComponentType.Active .Top .Radio .RadioButton[b-u7bw6l6ykf] {
  border: 4px solid #344550;
  height: 18px;
  width: 18px;
}
.aerfoam-add-component__select-header[b-u7bw6l6ykf] {
  margin: 0 0 2rem;
  font-size: 15px;
  font-weight: 400;
}
.aerfoam-add-component__types[b-u7bw6l6ykf] {
  display: flex;
  flex-wrap: wrap;
  max-width: 43.35rem;
  list-style: none;
  margin: 0;
  padding: 0 0 2rem;
  gap: 1.8rem;
}
.aerfoam-add-component__type[b-u7bw6l6ykf] {
  flex: 0 0 13.25rem;
}
.aerfoam-add-component__type-label[b-u7bw6l6ykf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
.aerfoam-add-component__type svg[b-u7bw6l6ykf] {
  color: var(--btn-arrow-border-col, #D6DADD);
  transition: color ease-out 0.1s;
}
.aerfoam-add-component__type:hover svg[b-u7bw6l6ykf], .aerfoam-add-component__type:has(input:checked) svg[b-u7bw6l6ykf] {
  color: var(--negative-red, #CF2C29);
}
.aerfoam-add-component__type-radio[b-u7bw6l6ykf] {
  position: relative;
  top: 0.1rem;
  margin-right: 0.4rem;
}
.aerfoam-add-component__body[b-u7bw6l6ykf] {
  min-width: 60rem;
  max-width: 60rem;
  min-height: 30rem;
}
.aerfoam-add-component__step[b-u7bw6l6ykf] {
  font-size: 14px;
  font-weight: 500;
  line-height: 17.81px;
  margin: 24px 0 12px 0;
}
.aerfoam-add-component__step:first-child[b-u7bw6l6ykf] {
  margin-top: 0;
}
.aerfoam-add-component__diameters[b-u7bw6l6ykf] {
  display: flex;
  gap: 3rem;
  margin-bottom: 3rem;
}
.aerfoam-add-component__diameter[b-u7bw6l6ykf] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
.aerfoam-add-component__length[b-u7bw6l6ykf] {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.81px;
}
.aerfoam-add-component__length[b-u7bw6l6ykf]  input {
  max-width: 5.7rem;
  min-width: 5.7rem;
  border: 1px solid var(--input-border) !important;
}
.aerfoam-add-component__custom[b-u7bw6l6ykf] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 55rem;
}
.aerfoam-add-component__custom-input[b-u7bw6l6ykf] {
  width: calc(50% - 1rem);
  font-size: 15px;
  text-align: left;
}
.aerfoam-add-component__custom-input label[b-u7bw6l6ykf] {
  margin-bottom: 8px;
  display: block;
}
.aerfoam-add-component__custom-input[b-u7bw6l6ykf]  input[type=text] {
  width: 100% !important;
  border: 1px solid var(--input-border) !important;
  text-align: left !important;
}
.aerfoam-add-component__custom-input__small[b-u7bw6l6ykf] {
  width: calc(25% - 1rem);
}

.Recommended[b-u7bw6l6ykf] {
  position: absolute;
  bottom: -1.5rem;
  left: 1.1rem;
}

.radio[b-u7bw6l6ykf] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid var(--border-color-light);
  transition: border 0.125s ease-out;
}
.radio__input[b-u7bw6l6ykf] {
  visibility: hidden;
}
.radio:has(.radio__input:checked)[b-u7bw6l6ykf] {
  border: 4px solid #37454F;
}
/* /Pages/MassEdit/MassPopupDBox.razor.rz.scp.css */
.add-distribution-box-models[b-d0kew8ak2c] {
  width: calc(100% + 6em);
  max-width: 60rem;
  margin: 2.25rem -3rem 0;
}
.add-distribution-box-models__slider[b-d0kew8ak2c] {
  display: flex;
  gap: 1.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.add-distribution-box-models__slider[b-d0kew8ak2c]::-webkit-scrollbar {
  display: none;
}
.add-distribution-box-models__page[b-d0kew8ak2c] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.375rem;
  flex: 0 0 100%;
  margin: 0;
  padding: 0 3rem;
}
.add-distribution-box-models__item[b-d0kew8ak2c] {
  list-style: none;
  flex: 0 0 calc(50% - 0.6875rem);
}
.add-distribution-box-models__item-label[b-d0kew8ak2c] {
  display: block;
  position: relative;
  padding: 3.1rem 1.25rem 1.875rem 10.875rem;
  border-radius: 0.375rem;
  border: 1px solid #EEEEEE;
  background: #F5F5F5;
  transition: border 0.125s ease-out;
  cursor: pointer;
  min-height: 242px;
}
.add-distribution-box-models__item-label:hover[b-d0kew8ak2c], .add-distribution-box-models__item-label:has(input:checked)[b-d0kew8ak2c] {
  border-color: var(--negative-red);
}
.add-distribution-box-models__item-label[b-d0kew8ak2c]  .radio {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.add-distribution-box-models__item-recommended[b-d0kew8ak2c] {
  position: absolute;
  top: 1rem;
  left: 0;
  padding: 0.25rem 0.75rem;
  color: #639C6E;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  background: #D7EDDC;
}
.add-distribution-box-models__item-img[b-d0kew8ak2c] {
  position: absolute;
  top: 3.375rem;
  left: 1.25rem;
  max-width: 8.75rem;
  max-height: 7.875rem;
  width: 8.75rem;
  height: 7.875rem;
  object-fit: contain;
  object-position: center center;
  background: #FFFFFF;
}
.add-distribution-box-models__item-name[b-d0kew8ak2c] {
  margin: 0 0 0;
  font-size: 19px;
  font-weight: 500;
}
.add-distribution-box-models__item-description[b-d0kew8ak2c] {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.add-distribution-box-models__item-link[b-d0kew8ak2c] {
  display: block;
  margin: 1rem 0 0 0;
  font-weight: 500;
}
.add-distribution-box-models__item-link a[b-d0kew8ak2c] {
  font-size: 15px;
  font-weight: 400;
  color: #37454F;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 0.15rem;
  padding-right: 0.5rem;
  border-bottom: 2px solid #D6DADD;
  transition: border 0.3s ease-in-out;
}
.add-distribution-box-models__item-link a i[b-d0kew8ak2c] {
  font-size: 10px;
  margin-left: 0.3rem;
}
.add-distribution-box-models__item-link a:hover[b-d0kew8ak2c] {
  color: #37454F;
  border-bottom: 2px solid var(--primary);
}
.add-distribution-box-models__controls[b-d0kew8ak2c] {
  display: flex;
  margin-top: 2rem;
  justify-content: center;
  gap: 0.375rem;
}
.add-distribution-box-models__control[b-d0kew8ak2c] {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  background: #D9D9D9;
  border-radius: 0;
}
.add-distribution-box-models__control[b-d0kew8ak2c]:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #37454F;
  -webkit-mask-image: url("img/added/control-arrow.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("img/added/control-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.add-distribution-box-models__control:hover[b-d0kew8ak2c] {
  background: var(--negative-red);
}
.add-distribution-box-models__control:hover[b-d0kew8ak2c]:before {
  background: #FFFFFF;
}
.add-distribution-box-models__control:disabled[b-d0kew8ak2c] {
  background: #EAECED;
  cursor: not-allowed;
}
.add-distribution-box-models__control:disabled[b-d0kew8ak2c]:before {
  background: #D6DADD;
}
.add-distribution-box-models__control--next[b-d0kew8ak2c] {
  transform: rotate(180deg);
}

.add-distribution-box-header__meta[b-d0kew8ak2c] {
  display: flex;
  gap: 5rem;
  align-items: baseline;
}
.add-distribution-box-header__meta-breadcrumbs[b-d0kew8ak2c] {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.add-distribution-box-header__meta[b-d0kew8ak2c]  .connection-status-item--closed {
  margin-left: 1rem;
}

.add-distribution-box-buttons[b-d0kew8ak2c] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 3.25rem 0 0;
}
.valve-list[b-d0kew8ak2c] {
  margin: 2.25rem 0 0;
  padding: 0;
  list-style: none;
}
.valve-list[b-d0kew8ak2c]  .connection-status-item {
  margin-right: 1rem;
}
.valve-list__floor[b-d0kew8ak2c] {
  height: auto;
  max-height: 7.75rem;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid #EEEEEE;
  transition: border 0.125s ease-out, max-height 0.3s ease-out;
}
.valve-list__floor:has(.valve-list__floor-checkbox:checked)[b-d0kew8ak2c] {
  border-color: var(--negative-red);
}
.valve-list__floor:has(.valve-list__floor-toggle-checkbox:checked)[b-d0kew8ak2c] {
  max-height: unset;
  overflow: visible;
  transition: border 0.125s ease-out, max-height 0.3s ease-in;
}
.valve-list__floor + .valve-list__floor[b-d0kew8ak2c] {
  margin-top: 1.25rem;
}
.valve-list__floor-header[b-d0kew8ak2c] {
  position: relative;
  padding: 0.3125rem 1.25rem 0.3125rem 2.875rem;
  cursor: pointer;
}
.valve-list__floor-checkbox[b-d0kew8ak2c] {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--border-color-light) !important;
}
.valve-list__floor-name[b-d0kew8ak2c] {
  font-size: 1.25rem;
  font-weight: 500;
}
.valve-list__floor-sub[b-d0kew8ak2c] {
  display: flex;
  padding: 1rem 1.25rem 0 2.875rem;
  justify-content: space-between;
  align-items: baseline;
}
.valve-list__floor-toggle[b-d0kew8ak2c] {
  display: block;
  position: relative;
  padding: 0.375rem 1.25rem 0.375rem 0;
  font-weight: 400;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}
.valve-list__floor-toggle[b-d0kew8ak2c]:before, .valve-list__floor-toggle[b-d0kew8ak2c]:after {
  content: "";
  position: absolute;
}
.valve-list__floor-toggle[b-d0kew8ak2c]:before {
  inset: auto 1.25rem 0 0;
  border-bottom: 2px solid #D6DADD;
  transition: border-color 0.3s ease-out;
}
.valve-list__floor-toggle:hover[b-d0kew8ak2c]:before {
  border-color: var(--negative-red);
}
.valve-list__floor-toggle[b-d0kew8ak2c]:after {
  inset: 0 0 0 auto;
  width: 0.75rem;
  transition: transform 0.1s ease-out;
  background: url("img/added/accordion-toggle.svg") no-repeat right center;
}
.valve-list__floor-toggle:has(.valve-list__floor-toggle-checkbox:checked)[b-d0kew8ak2c]:after {
  transform: rotate(180deg);
}
.valve-list__floor-toggle-checkbox[b-d0kew8ak2c] {
  display: none !important;
}
.valve-list__rooms[b-d0kew8ak2c] {
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: room;
}
.valve-list__room[b-d0kew8ak2c] {
  position: relative;
  margin: 2.5rem 0 0;
  padding: 0 0.75rem 0 2.875rem;
}
.valve-list__room[b-d0kew8ak2c]:before {
  content: counter(room) ".";
  counter-increment: room;
  position: absolute;
  width: 1.5rem;
  left: 0;
  top: 0;
  font-weight: 500;
  text-align: center;
}
.valve-list__room:last-child[b-d0kew8ak2c] {
  padding-bottom: 2.875rem;
}
.valve-list__room-wrap[b-d0kew8ak2c] {
  margin-bottom: 1.5rem;
}
.valve-list__room-name[b-d0kew8ak2c] {
  font-weight: 500;
}
.valve-list__valves[b-d0kew8ak2c] {
  display: grid;
  grid-template-columns: calc(50% - 0.4375rem) calc(50% - 0.4375rem);
  grid-gap: 0.875rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  overflow: visible !important;
}
.valve-list__valve[b-d0kew8ak2c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  transition: border-color 0.125s ease-out;
  border: 1px solid #EEEEEE;
  border-radius: 0.375rem;
}
.valve-list__valve--checked[b-d0kew8ak2c] {
  border-color: var(--negative-red);
}
.valve-list__valve-name[b-d0kew8ak2c] {
  flex: 0 0 100%;
  font-weight: 500;
}
.valve-list__valve-box-selector[b-d0kew8ak2c] {
  position: relative;
}
.valve-list__valve-box-selector > .distribution-box-color[b-d0kew8ak2c] {
  position: absolute;
  top: 0.1rem;
}
[b-d0kew8ak2c] .valve-list__valve-box-selector-select {
  position: relative;
  font: inherit;
  font-size: 0.875rem;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  padding-left: 1.6rem;
  cursor: pointer;
}
.valve-list__valve-box-selector[b-d0kew8ak2c]  .distribution-box-color {
  margin-right: 0.375rem;
}

.scrollable-popup[b-d0kew8ak2c] {
  padding: 2.25rem !important;
  max-height: calc(100vh - 2rem);
  min-width: 60rem;
  overflow-y: auto;
  overflow-x: hidden;
}
/* /Pages/MassEdit/MassRoom.razor.rz.scp.css */
.RoomName[b-f4ek40sakw] {
  grid-column: span 15;
  min-width: 10rem;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  gap: 12px;
}
.RoomName .Reset button[b-f4ek40sakw] {
  font-size: 12px;
  padding: 0 12px;
  line-height: 18px;
  margin: 0;
}
.RoomName .Reset button i[b-f4ek40sakw] {
  margin-right: 6px;
}
.RoomName[b-f4ek40sakw]  input {
  font-size: 12px;
}

.RoomContext[b-f4ek40sakw] {
  vertical-align: middle;
  max-height: 33px;
  min-height: 33px;
  height: 33px;
}
.RoomContext[b-f4ek40sakw]  .ContextMenu {
  padding: 0 12px;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 5px;
}

.RoomData[b-f4ek40sakw] {
  font-size: 12px;
}
.RoomData img[b-f4ek40sakw] {
  height: 12px;
}
.RoomData .Value[b-f4ek40sakw] {
  max-width: 90px;
}
.RoomData .EditableValue[b-f4ek40sakw] {
  position: relative;
  font-size: 12px;
}
.RoomData .EditableValue .RegulatoryError[b-f4ek40sakw] {
  position: absolute;
  left: -18px;
  top: 6px;
}
.RoomData .EditableValue[b-f4ek40sakw]  input {
  border: 1px solid transparent;
  background-color: transparent;
  font-size: 12px;
  width: 100%;
  text-align: left;
  padding: 6px 4px;
}
.RoomData .EditableValue:hover[b-f4ek40sakw]  input, .RoomData .EditableValue:focus-within[b-f4ek40sakw]  input {
  border: 1px solid var(--border-color-light);
}
.RoomData .EditableValue .ResetValue[b-f4ek40sakw], .RoomData .EditableValue .ValueType[b-f4ek40sakw] {
  position: absolute;
}
.RoomData .EditableValue .ValueType[b-f4ek40sakw] {
  top: 5px;
  left: 35px;
  transition: right 0.3s;
}
.RoomData .EditableValue .ResetValue[b-f4ek40sakw] {
  top: 4px;
  right: 78px;
  font-size: 14px;
  cursor: pointer;
  transition: right 0.3s;
}
.RoomData .EditableValue .RoomFlow[b-f4ek40sakw] {
  right: 8px;
}
.RoomData .EditableValue.Error[b-f4ek40sakw]  input {
  border: 1px solid var(--error);
}

.Room[b-f4ek40sakw] {
  display: contents;
}

.Value[b-f4ek40sakw] {
  padding: 6px 4px;
  max-height: 30px;
  min-height: 30px;
  height: 30px;
}
.Value.Editable[b-f4ek40sakw] {
  padding: 0;
}
.Value.Line[b-f4ek40sakw] {
  margin-right: 0;
}
.Value.Line:nth-child(odd)[b-f4ek40sakw] {
  background-color: #fff;
}

.Divider[b-f4ek40sakw] {
  grid-column: span 16;
  border-bottom: 1px solid var(--border-color-light);
  margin-top: 10px;
}
.Divider:last-child[b-f4ek40sakw] {
  border-bottom: 0;
}

.AddValve[b-f4ek40sakw] {
  margin-top: 12px;
}
.AddValve .AddValveButton[b-f4ek40sakw] {
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
}
/* /Pages/MassEdit/MassTableHeader.razor.rz.scp.css */
.Header[b-k8twigp1af] {
  display: contents;
  padding: 12px;
}
.Header .Value[b-k8twigp1af] {
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 6px 4px;
}
.Header .Value:first-child[b-k8twigp1af] {
  padding: 6px 4px 6px 0;
}
.Header .Value.Direction[b-k8twigp1af] {
  display: flex;
  align-items: center;
}
.Header .Value.Direction img[b-k8twigp1af] {
  height: 12px;
  margin-right: 5px;
}
/* /Pages/MassEdit/MassValve.razor.rz.scp.css */
.Valve[b-gj4gkr8xe2] {
  font-size: 12px;
  display: contents;
}
.Valve .Value[b-gj4gkr8xe2] {
  vertical-align: middle;
  background-color: #fff;
  padding: 6px 4px;
  max-height: 30px;
  min-height: 30px;
  height: 30px;
}
.Valve .Value.ValveID[b-gj4gkr8xe2] {
  white-space: nowrap;
}
.Valve .Value.ValveID .RegulatoryError[b-gj4gkr8xe2] {
  margin-right: 0;
  display: inline-block;
  margin-left: 1rem;
}
.Valve .Value .RegulatoryError[b-gj4gkr8xe2] {
  margin-right: 12px;
}
.Valve .Value.NoPadding[b-gj4gkr8xe2] {
  padding: 0;
}
.Valve .Value.Bends[b-gj4gkr8xe2] {
  display: flex;
  align-items: center;
}
.Valve .Value[b-gj4gkr8xe2]  .basic-select .basic-select__value {
  display: flex;
  align-items: center;
  gap: 6px;
}
.Valve .Value[b-gj4gkr8xe2]  .basic-select .basic-select__value img {
  width: 12px;
  height: 12px;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector {
  font-size: 12px;
  --input-width: 100%;
  padding: 6px 4px;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem {
  padding: 0;
  border: 0;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem .SelectorImage, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem .SelectorImage {
  padding: 0;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem .SelectorImage img, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem .SelectorImage img {
  width: 16px;
  height: 16px;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem .SelectorData, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem .SelectorData {
  width: 30px;
  padding: 0 6px;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem .SelectorData .Name, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem .SelectorData .Name {
  max-width: var(--input-width);
  min-width: var(--input-width);
  width: var(--input-width);
  font-size: 12px;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem .SelectorIcon, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem .SelectorIcon {
  padding: 0;
}
.Valve .Value[b-gj4gkr8xe2]  .ProductSelector .SelectedItem .SelectorIcon img, .Valve .Value[b-gj4gkr8xe2]  .AdapterSelector .SelectedItem .SelectorIcon img {
  width: 12px;
  height: 12px;
}
.Valve .Value .InputResetContainer[b-gj4gkr8xe2] {
  position: relative;
  display: flex;
}
.Valve .Value .InputResetContainer .ResetValue[b-gj4gkr8xe2] {
  position: absolute;
  right: 35px;
  top: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Valve .Value .InputResetContainer .Type[b-gj4gkr8xe2] {
  padding: 6px 4px;
}
.Valve .Value .InputResetContainer.AirflowInput .ResetValue[b-gj4gkr8xe2] {
  right: 48px;
}
.Valve .Value[b-gj4gkr8xe2]  input {
  font-size: 12px;
  line-height: 16px;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 6px 4px;
  max-width: 35px;
}
.Valve .Value[b-gj4gkr8xe2]  input:hover {
  border: 1px solid var(--border-color-light);
}
.Valve .Value.AlignCenter[b-gj4gkr8xe2] {
  display: flex;
  align-items: center;
}
.Valve .Value.Restrictor span[b-gj4gkr8xe2] {
  display: flex;
}
.Valve .Value.Restrictor .icon[b-gj4gkr8xe2] {
  margin-right: 6px;
}
.Valve .Value.Context[b-gj4gkr8xe2]  .ContextMenu {
  padding: 0 12px;
  margin-left: 5px;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
/* /Pages/Overview/Projects/Dashboard/CRMButton.razor.rz.scp.css */
.CRMLink .CRMButton[b-rpfjzpjicj] {
  color: var(--primary);
  cursor: pointer;
}
.CRMLink[b-rpfjzpjicj]  .Loader {
  height: 45px !important;
}
.CRMLink a[b-rpfjzpjicj] {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.CRMLink i[b-rpfjzpjicj] {
  margin-right: 8px;
}
/* /Pages/Overview/Projects/Dashboard/ProjectDashboard.razor.rz.scp.css */
.project-dashboard[b-6ivn0uedip] {
  margin-bottom: 100px;
}
.project-dashboard .ProjectHeader[b-6ivn0uedip] {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  white-space: nowrap;
}
.project-dashboard .ProjectHeader .ProjectName[b-6ivn0uedip] {
  font-size: 30px;
  font-weight: 500;
}
.project-dashboard .ProjectHeader .CRMLink[b-6ivn0uedip] {
  margin: 0 1rem;
  flex-grow: 1;
}
.project-dashboard .ProjectHeader .PlanButton[b-6ivn0uedip] {
  display: flex;
  white-space: nowrap;
}
.project-dashboard .ProjectHeader .PlanButton[b-6ivn0uedip]  .ContextMenu {
  padding: 1rem;
}
.project-dashboard .btn-action[b-6ivn0uedip] {
  color: var(--primary);
  font-size: 1rem;
  font-weight: 400;
  word-wrap: break-word;
}
.project-dashboard .col-12[b-6ivn0uedip] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.project-dashboard .grey-separator[b-6ivn0uedip] {
  border-bottom: 0.25px solid var(--border-color-light);
}
.project-dashboard.td-menu[b-6ivn0uedip] {
  text-align: center;
}
.project-dashboard .project-overview-container[b-6ivn0uedip] {
  font-weight: 400;
  margin-top: 15px;
}
.project-dashboard .project-overview-container .header[b-6ivn0uedip] {
  color: black;
  font-size: 1rem;
  margin-bottom: 10px;
}
.project-dashboard .project-overview-container .separator[b-6ivn0uedip] {
  border-bottom: var(--border);
  margin-bottom: 20px;
}
.project-dashboard .project-overview-container .overview-detail[b-6ivn0uedip] {
  padding: 10px 11px 10px 0px;
  font-size: 0.875rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.project-dashboard .project-overview-container .overview-detail button.inline[b-6ivn0uedip] {
  margin-top: 0.5rem;
}
.project-dashboard .project-overview-container .overview-detail .label[b-6ivn0uedip] {
  color: var(--font-color-light);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.project-dashboard .project-overview-container .overview-detail .value[b-6ivn0uedip] {
  color: var(--font-color);
  font-size: 1rem;
  font-weight: 400;
  word-wrap: break-word;
}
/* /Pages/Overview/Projects/Dashboard/ProjectDetails.razor.rz.scp.css */
.ProjectDetails[b-fg2la5v31k] {
  padding-top: 32px;
}
.ProjectDetails label[b-fg2la5v31k] {
  font-size: 15px;
  font-weight: 400;
  color: #6E757C;
  display: block;
  margin-bottom: 32px;
}
.ProjectDetails label span[b-fg2la5v31k] {
  font-weight: 500;
  text-align: left;
  color: var(--font-color);
  display: block;
  margin-top: 12px;
}
.ProjectDetails .Actions[b-fg2la5v31k] {
  float: right;
  margin-top: 90px;
}
/* /Pages/Overview/Projects/Dashboard/ProjectDocuments.razor.rz.scp.css */
.documents-container .DocumentsHeader[b-0fjsqdp095] {
  font-size: 14px;
  font-weight: 400;
  margin: 24px 0;
}
/* /Pages/Overview/Projects/Dashboard/ProjectPlans.razor.rz.scp.css */
.PlansContainer .PlansHeader[b-8r4ubm80ta] {
  font-size: 14px;
  font-weight: 400;
  margin: 24px 0;
}
.PlansContainer .PlansList[b-8r4ubm80ta] {
  max-height: calc(100vh - 570px);
  min-height: 300px;
  overflow: auto;
  --can-scroll: none;
  animation: detect-scroll-b-8r4ubm80ta linear;
  animation-timeline: scroll(self);
  box-shadow: var(--can-scroll);
}
.PlansContainer .PlansList .PlanTypeImage img[b-8r4ubm80ta] {
  width: auto;
  height: 14px;
  margin-right: 12px;
}
.PlansContainer .PlansList .InstallerCarret[b-8r4ubm80ta] {
  padding: 0;
  width: fit-content;
  max-width: fit-content;
}
.PlansContainer .PlansList .InstallerCarret .Carret[b-8r4ubm80ta] {
  padding: 1rem;
  cursor: pointer;
}
.PlansContainer .PlansList .InstallerCarret .Carret:hover[b-8r4ubm80ta] {
  color: var(--primary);
}
.PlansContainer .PlansList .InstallerDesc[b-8r4ubm80ta] {
  color: var(--font-color-light);
}
.PlansContainer .PlansList .Attention[b-8r4ubm80ta] {
  color: var(--primary);
}
.PlansContainer .PlansList .EmptyHeader[b-8r4ubm80ta] {
  padding: 0;
  width: 0;
  max-width: fit-content;
  color: transparent;
}
.PlansContainer .PlansList .EmptyHeader .Carret[b-8r4ubm80ta] {
  padding: 1rem;
}
.PlansContainer .PlansList .EmptyHeader .Carret img[b-8r4ubm80ta] {
  opacity: 0;
}
.PlansContainer .Actions[b-8r4ubm80ta] {
  margin: 52px 0 0 0;
  float: right;
}
@keyframes detect-scroll-b-8r4ubm80ta {
  from, to {
    --can-scroll: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
  }
}
/* /Pages/Overview/Projects/Dashboard/ProjectReports.razor.rz.scp.css */
.ReportsContainer[b-ipav2y7eys] {
  margin: 32px 0;
}
.ReportsContainer .Header[b-ipav2y7eys] {
  font-size: 14px;
  font-weight: 400;
  margin: 1rem 0;
}
.ReportsContainer .PlanContainer[b-ipav2y7eys] {
  max-height: calc(100vh - 570px);
  min-height: 300px;
  overflow: auto;
  --can-scroll: none;
  animation: detect-scroll-b-ipav2y7eys linear;
  animation-timeline: scroll(self);
  box-shadow: var(--can-scroll);
}
.ReportsContainer .PlanContainer[b-ipav2y7eys]  .InputNumberOnInput {
  display: inline-block;
}
.ReportsContainer .PlanContainer[b-ipav2y7eys]  .InputNumberOnInput input {
  text-align: center;
  width: 6rem;
  padding: 0.2rem 1rem;
  margin-right: 0.5rem;
  border: 0;
  border: 1px solid var(--border-color-light);
}
.ReportsContainer .PlanContainer[b-ipav2y7eys]  .InputNumberOnInput .Iterator {
  height: 1.5rem;
}
.ReportsContainer .PlanContainer input[type=checkbox][b-ipav2y7eys] {
  display: inline-block;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 0.4rem 0 0 !important;
  padding: 0 !important;
  border: 1px solid var(--border-color-light) !important;
}
.ReportsContainer .PlanContainer .PlanTypeImage img[b-ipav2y7eys] {
  width: auto;
  height: 14px;
  margin-right: 12px;
}
.ReportsContainer .PlanContainer .PlanSelectContainer[b-ipav2y7eys] {
  position: relative;
  overflow: visible;
}
.ReportsContainer .PlanContainer .PlanSelectContainer .PlanTypeImage img[b-ipav2y7eys] {
  width: auto;
  height: 14px;
  margin-right: 12px;
}
.ReportsContainer .PlanContainer .PlanSelectContainer[b-ipav2y7eys]  .ContextInfo {
  white-space: normal;
  position: fixed;
}
.ReportsContainer .PlanContainer .NoBomIcon[b-ipav2y7eys] {
  cursor: pointer;
}
.ReportsContainer .PlanContainer .QuoteNumber[b-ipav2y7eys] {
  display: flex;
}
.ReportsContainer .PlanContainer .QuoteNumber .Number[b-ipav2y7eys] {
  min-width: 80px;
}
.ReportsContainer .PlanContainer .QuoteNumber .Number a[b-ipav2y7eys] {
  color: var(--primary);
  text-decoration: underline;
}
@keyframes detect-scroll-b-ipav2y7eys {
  from, to {
    --can-scroll: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
  }
}
.ReportsContainer .ActionContainer[b-ipav2y7eys] {
  text-align: right;
  padding: 16px 0 0 0;
}
.ReportsContainer .ActionContainer button[b-ipav2y7eys] {
  margin-left: 8px;
}
/* /Pages/Overview/Projects/Dashboard/QuoteStatus.razor.rz.scp.css */
.QuoteStatus[b-a7okdv8rkf] {
  cursor: pointer;
  white-space: normal;
}
/* /Pages/Overview/Projects/OverviewProjects.razor.rz.scp.css */
.OverviewProjects[b-qul5vpi1pl] {
  margin-top: 2.5rem;
  padding-bottom: 250px;
}
.OverviewProjects .Search[b-qul5vpi1pl] {
  margin-top: 21px;
  max-width: 30rem;
  margin-bottom: 3rem;
}
.OverviewProjects .CompanySwitcher[b-qul5vpi1pl] {
  float: right;
}
.OverviewProjects .ProjectsContainer[b-qul5vpi1pl] {
  margin-top: 3rem;
}
.OverviewProjects .ProjectsContainer .fa-industry[b-qul5vpi1pl] {
  margin-right: 0.5rem;
  cursor: pointer;
}
.OverviewProjects .ProjectsContainer .RecentlyChangedLink[b-qul5vpi1pl] {
  color: var(--primary);
  text-decoration: underline;
}
.OverviewProjects .ProjectsContainer .RecentlyChangedLink:hover[b-qul5vpi1pl] {
  color: var(--primary-hover);
}
.OverviewProjects .no-project-container[b-qul5vpi1pl] {
  padding-top: 8.75rem;
  padding-left: 7.2rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  background-color: var(--background-color-light);
  padding-bottom: 9.5rem;
}
.OverviewProjects .no-project-container h3[b-qul5vpi1pl] {
  margin-bottom: 1.5rem;
}
.OverviewProjects .no-project-container button[b-qul5vpi1pl] {
  margin-top: 2.5rem;
}
.OverviewProjects .tabs[b-qul5vpi1pl] {
  margin-top: 85px;
  display: flex;
  border-bottom: 1px solid var(--border-color-light);
}
.OverviewProjects .tabs__tab[b-qul5vpi1pl] {
  padding: 1rem;
  border-bottom: 2px solid transparent;
  transition: border 0.3s ease-in;
  cursor: pointer;
}
.OverviewProjects .tabs__tab span[b-qul5vpi1pl] {
  font-size: 16px;
  font-weight: 600;
}
.OverviewProjects .tabs__tab.active[b-qul5vpi1pl] {
  border-bottom: 2px solid var(--primary);
}

[b-qul5vpi1pl] .Highlight {
  font-weight: 600;
  color: var(--primary);
}
/* /Pages/Project/Balance/BalancePlanner.razor.rz.scp.css */
.BalanceStats .Top[b-a21kf38db0] {
  font-size: 1.5rem;
  font-weight: 500;
}
.BalanceStats.Unbalanced[b-a21kf38db0] {
  background-color: #F1EAEA !important;
}
.BalanceStats[b-a21kf38db0]  .WarningWindow {
  left: -2px;
}
.BalanceStats[b-a21kf38db0]  .WarningWindow .InnerContainer .WarningCarret.DoubleDigit {
  left: 139px;
}
.BalanceStats[b-a21kf38db0]  .WarningWindow .InnerContainer .WarningCarret.TrippleDigit {
  left: 151px;
}
.BalanceStats.DoubleDigit[b-a21kf38db0]  .WarningWindow .InnerContainer .WarningCarret {
  left: 139px;
}
.BalanceStats.TrippleDigit[b-a21kf38db0]  .WarningWindow .InnerContainer .WarningCarret {
  left: 151px;
}
/* /Pages/Project/Balance/BalancePlannerFloor.razor.rz.scp.css */
.ProjectFloor .BalanceHeader[b-nl7dgna688] {
  font-size: 1.3rem;
  padding-left: 1rem;
  font-weight: 500;
}
.ProjectFloor .AirflowValue[b-nl7dgna688] {
  display: inline-block;
  margin-left: 1.2rem;
  color: #196DBA;
}
.ProjectFloor .R[b-nl7dgna688] {
  padding-left: 1rem;
}
.ProjectFloor .Top[b-nl7dgna688] {
  display: block !important;
  width: 35rem;
  max-width: 35rem;
}
/* /Pages/Project/Balance/BalancePlannerRoom.razor.rz.scp.css */
.Room .Name[b-48sbaegsrb] {
  flex-grow: 2;
}
.Room .RoomName[b-48sbaegsrb], .Room .Title[b-48sbaegsrb] {
  min-height: 1.4rem;
}
.Room .Surface[b-48sbaegsrb], .Room .Value[b-48sbaegsrb] {
  min-height: 1.4rem;
}
.Room .Surface[b-48sbaegsrb] {
  margin-top: 1.5rem;
  font-weight: 400;
}
.Room .Data .Value[b-48sbaegsrb] {
  position: relative;
}
.Room .Data .Value.InputField[b-48sbaegsrb] {
  margin-top: 1.2rem !important;
}
.Room .Data .Value .ResetValue[b-48sbaegsrb] {
  position: absolute;
  right: 3rem;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.Room .Data .Value .RegulatoryError[b-48sbaegsrb] {
  position: absolute;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.Room .Data .Value .RegulatoryError i[b-48sbaegsrb] {
  color: var(--error);
}
.Room .Data .Value .ValueType[b-48sbaegsrb], .Room .Data .Value .InfoIcon[b-48sbaegsrb] {
  margin-left: 0.3rem;
  font-size: 0.89rem;
}
.Room .Data .Value .InfoIcon[b-48sbaegsrb] {
  cursor: pointer;
  position: relative;
}
.Room .Data .Value .InfoIcon i[b-48sbaegsrb] {
  --fa-primary-color: var(--btn-components-color);
  --fa-secondary-color: var(--btn-components-color);
}
.Room .Data .Value .Plus[b-48sbaegsrb] {
  display: inline-block;
  margin: 0 5px;
}
.Room .Data .Value .Rebalance[b-48sbaegsrb] {
  font-weight: 500;
}
.Room .Data.RecommendedBox .Title[b-48sbaegsrb] {
  text-align: left !important;
}
.Room .Data.RecommendedBox .RecommendedValues[b-48sbaegsrb] {
  font-size: 12px !important;
  justify-content: left !important;
}
.Room.Type_1 .Data .Value.ErrorIn input[b-48sbaegsrb] {
  border: 1px solid var(--error) !important;
}
/* /Pages/Project/Components/ComponentsPlanner.razor.rz.scp.css */
.ProjectFloor[b-f4ydfcw63i] {
  position: relative;
}

[b-f4ydfcw63i] .ComponentTop {
  display: flex;
  margin-bottom: 14px;
  min-height: 42px;
}
[b-f4ydfcw63i] .ComponentTop .Description {
  flex-grow: 1;
}
/* /Pages/Project/Components/ComponentsTabs.razor.rz.scp.css */
.TabsMenu[b-g8ohpisrq6] {
  display: flex;
  margin: calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 1.5rem;
}
.TabsMenu .Tabs[b-g8ohpisrq6] {
  flex-grow: 1;
  display: flex;
  background: #d5dadd;
}
.TabsMenu .Tabs .Tab[b-g8ohpisrq6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  flex: 1 1 0px;
  background: #DFE2E6;
  padding: 16px 0;
  color: var(--body-font-color);
  text-decoration: none;
  border-top: 2px solid #DFE2E6;
  border-left: 1px solid #DFE2E6;
  border-right: 1px solid #DFE2E6;
  border-bottom: 1px solid #6E757C;
}
.TabsMenu .Tabs .Tab.Active[b-g8ohpisrq6] {
  font-weight: 500;
  background: var(--card-background);
  border-top: 2px solid var(--primary);
  border-right: 1px solid #6E757C;
  border-left: 1px solid #6E757C;
  border-bottom: 1px solid var(--card-background);
}
.TabsMenu .Tabs .Tab .Name[b-g8ohpisrq6] {
  line-height: 16px;
}
.TabsMenu .Tabs .Tab:first-child[b-g8ohpisrq6] {
  border-left: none;
}
.TabsMenu .Tabs .Tab .Status[b-g8ohpisrq6] {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--font-color-light);
  background: transparent;
}
.TabsMenu .Tabs .Tab .Status.ok[b-g8ohpisrq6] {
  border-color: var(--balanced-checked);
  background: var(--balanced-checked);
}
.TabsMenu .Tabs .Tab .Status.error[b-g8ohpisrq6] {
  border-color: var(--negative-red);
  background: var(--negative-red);
}
.TabsMenu .Tabs .Tab.Dummy[b-g8ohpisrq6] {
  background: #d5dadd;
  border: 1px solid #d5dadd;
  border-bottom: 1px solid #6E757C;
}
.TabsMenu .Edit[b-g8ohpisrq6] {
  padding: 16px 25px;
  background: #DFE2E6;
  border-left: 2px solid #d5dadd;
  border-bottom: 1px solid #6E757C;
  cursor: pointer;
}
/* /Pages/Project/Components/DBox/DBoxOverview.razor.rz.scp.css */
.distribution-boxes[b-jvb1uz41fv] {
  display: flex;
  gap: 1.75rem;
  margin-bottom: 6rem;
}
.distribution-boxes__column[b-jvb1uz41fv] {
  flex: 1 1 50%;
}
.distribution-boxes__header[b-jvb1uz41fv] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 0 1rem;
  padding: 1.125rem 1.75rem 1.125rem 3.125rem;
  background: var(--room-in) url("/img/dbox/room-in.svg") no-repeat 0.75rem 50%;
}
.distribution-boxes__header--extract[b-jvb1uz41fv] {
  background-color: var(--room-out);
  background-image: url("/img/dbox/room-out.svg");
}
.distribution-boxes__header:has(.distribution-boxes__header-error)[b-jvb1uz41fv] {
  background-color: rgba(207, 44, 41, 0.1);
}
.distribution-boxes__header-title[b-jvb1uz41fv] {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
.distribution-boxes__header-error[b-jvb1uz41fv] {
  flex-grow: 1;
}
.distribution-boxes__header .RegulatoryError[b-jvb1uz41fv] {
  margin-left: 0.5rem;
  padding-left: 0.33rem;
  display: inline-block;
}
.distribution-boxes__add[b-jvb1uz41fv] {
  display: flex;
  margin: 1rem 0;
  padding: 2.25rem;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px dashed #EAECED;
  background: #FFFFFF;
  text-decoration: none;
  color: inherit;
  font-weight: 500;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.distribution-boxes__add[b-jvb1uz41fv]:before {
  content: "";
  display: inline;
  position: relative;
  width: 0.875rem;
  height: 1rem;
  top: 0.3rem;
  margin-right: 0.5rem;
  background: url("/img/dbox/plus-regular.svg") center center no-repeat;
}
.distribution-boxes__add:hover[b-jvb1uz41fv] {
  color: inherit;
  border: 1px solid #6E757C;
}
.distribution-boxes__add:active[b-jvb1uz41fv] {
  border: 1px solid var(--negative-red);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.distribution-boxes__list[b-jvb1uz41fv] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.distribution-boxes__item[b-jvb1uz41fv] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  min-height: 16.5rem;
  margin: 0.75rem 0;
  padding: 1.5rem 2rem 1.5rem 1.25rem;
  border-radius: 0.375rem;
  border: 1px solid #EEEEEE;
  background: #F5F5F5;
  --connection-counter-background: #F5F5F5;
  transition: all 0.2s ease-out;
}
.distribution-boxes__item:hover[b-jvb1uz41fv] {
  border: 1px solid var(--primary);
}
.distribution-boxes__item-wrap[b-jvb1uz41fv] {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
}
.distribution-boxes__item-wrap img[b-jvb1uz41fv] {
  flex: 0 0 auto;
  max-width: 10rem;
  max-height: 11rem;
  width: 10rem;
  height: 11rem;
  object-fit: contain;
  object-position: center center;
  background: #FFFFFF;
  cursor: pointer;
}
.distribution-boxes__item-content[b-jvb1uz41fv] {
  position: relative;
  flex: 1 1 auto;
}
.distribution-boxes__item-recommended[b-jvb1uz41fv] {
  position: absolute;
  padding: 0.25rem 0.75rem;
  top: 1rem;
  right: -2rem;
  color: #639C6E;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 3px 0px 0px 3px;
  background: #D7EDDC;
}
.distribution-boxes__item-recommended + .distribution-boxes__item-name[b-jvb1uz41fv] {
  padding-right: 6.2rem;
}
.distribution-boxes__item-name[b-jvb1uz41fv] {
  margin: 1rem 0;
  font-size: 1.25rem;
  font-weight: 500;
}
.distribution-boxes__item-model[b-jvb1uz41fv] {
  display: block;
  margin: 1.125rem 0 0 0;
  font-weight: 500;
}
.distribution-boxes__item-description[b-jvb1uz41fv] {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.distribution-boxes__item-link[b-jvb1uz41fv] {
  display: block;
  margin: 1rem 0 0 0;
  font-weight: 500;
}
.distribution-boxes__item-link a[b-jvb1uz41fv] {
  font-size: 15px;
  font-weight: 400;
  color: #37454F;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 0.15rem;
  padding-right: 0.5rem;
  border-bottom: 2px solid #D6DADD;
  transition: border 0.3s ease-in-out;
}
.distribution-boxes__item-link a i[b-jvb1uz41fv] {
  font-size: 10px;
  margin-left: 0.3rem;
}
.distribution-boxes__item-link a:hover[b-jvb1uz41fv] {
  color: #37454F;
  border-bottom: 2px solid var(--primary);
}
.distribution-boxes__connections[b-jvb1uz41fv] {
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
}
.distribution-boxes__connections a[b-jvb1uz41fv],
.distribution-boxes__connections a:link[b-jvb1uz41fv] {
  display: block;
  padding: 0.25rem 0;
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid #D6DADD;
}
.distribution-boxes__connections a:hover[b-jvb1uz41fv] {
  border-bottom-color: var(--primary);
}
.distribution-boxes__actions[b-jvb1uz41fv] {
  display: flex;
  gap: 1rem;
}
.distribution-boxes__action[b-jvb1uz41fv] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background-color: #6E757C;
  -webkit-mask-image: url("/img/dbox/remove.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("/img/dbox/remove.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.distribution-boxes__action--change[b-jvb1uz41fv] {
  -webkit-mask-image: url("/img/dbox/change.svg");
  mask-image: url("/img/dbox/change.svg");
}
.distribution-boxes__action:hover[b-jvb1uz41fv] {
  background-color: var(--primary);
}
/* /Pages/Project/Components/DBox/DBoxPopup.razor.rz.scp.css */
.add-distribution-box-models[b-713ruc4xsj] {
  width: calc(100% + 6em);
  max-width: 60rem;
  margin: 2.25rem -3rem 0;
}
.add-distribution-box-models__slider[b-713ruc4xsj] {
  display: flex;
  gap: 1.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.add-distribution-box-models__slider[b-713ruc4xsj]::-webkit-scrollbar {
  display: none;
}
.add-distribution-box-models__page[b-713ruc4xsj] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.375rem;
  flex: 0 0 100%;
  margin: 0;
  padding: 0 3rem;
}
.add-distribution-box-models__item[b-713ruc4xsj] {
  list-style: none;
  flex: 0 0 calc(50% - 0.6875rem);
}
.add-distribution-box-models__item-label[b-713ruc4xsj] {
  display: block;
  position: relative;
  padding: 3.1rem 1.25rem 1.875rem 10.875rem;
  border-radius: 0.375rem;
  border: 1px solid #EEEEEE;
  background: #F5F5F5;
  transition: border 0.125s ease-out;
  cursor: pointer;
  min-height: 242px;
}
.add-distribution-box-models__item-label:hover[b-713ruc4xsj], .add-distribution-box-models__item-label:has(input:checked)[b-713ruc4xsj] {
  border-color: var(--negative-red);
}
.add-distribution-box-models__item-label[b-713ruc4xsj]  .radio {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.add-distribution-box-models__item-recommended[b-713ruc4xsj] {
  position: absolute;
  top: 1rem;
  left: 0;
  padding: 0.25rem 0.75rem;
  color: #639C6E;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0 3px 3px 0;
  background: #D7EDDC;
}
.add-distribution-box-models__item-img[b-713ruc4xsj] {
  position: absolute;
  top: 3.375rem;
  left: 1.25rem;
  max-width: 8.75rem;
  max-height: 7.875rem;
  width: 8.75rem;
  height: 7.875rem;
  object-fit: contain;
  object-position: center center;
  background: #FFFFFF;
}
.add-distribution-box-models__item-name[b-713ruc4xsj] {
  margin: 0 0 0;
  font-size: 19px;
  font-weight: 500;
}
.add-distribution-box-models__item-description[b-713ruc4xsj] {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.add-distribution-box-models__item-link[b-713ruc4xsj] {
  display: block;
  margin: 1rem 0 0 0;
  font-weight: 500;
}
.add-distribution-box-models__item-link a[b-713ruc4xsj] {
  font-size: 15px;
  font-weight: 400;
  color: #37454F;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 0.15rem;
  padding-right: 0.5rem;
  border-bottom: 2px solid #D6DADD;
  transition: border 0.3s ease-in-out;
}
.add-distribution-box-models__item-link a i[b-713ruc4xsj] {
  font-size: 10px;
  margin-left: 0.3rem;
}
.add-distribution-box-models__item-link a:hover[b-713ruc4xsj] {
  color: #37454F;
  border-bottom: 2px solid var(--primary);
}
.add-distribution-box-models__controls[b-713ruc4xsj] {
  display: flex;
  margin-top: 2rem;
  justify-content: center;
  gap: 0.375rem;
}
.add-distribution-box-models__control[b-713ruc4xsj] {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  background: #D9D9D9;
  border-radius: 0;
}
.add-distribution-box-models__control[b-713ruc4xsj]:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #37454F;
  -webkit-mask-image: url("img/added/control-arrow.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("img/added/control-arrow.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.add-distribution-box-models__control:hover[b-713ruc4xsj] {
  background: var(--negative-red);
}
.add-distribution-box-models__control:hover[b-713ruc4xsj]:before {
  background: #FFFFFF;
}
.add-distribution-box-models__control:disabled[b-713ruc4xsj] {
  background: #EAECED;
  cursor: not-allowed;
}
.add-distribution-box-models__control:disabled[b-713ruc4xsj]:before {
  background: #D6DADD;
}
.add-distribution-box-models__control--next[b-713ruc4xsj] {
  transform: rotate(180deg);
}

.add-distribution-box-header__meta[b-713ruc4xsj] {
  display: flex;
  gap: 5rem;
  align-items: baseline;
}
.add-distribution-box-header__meta-breadcrumbs[b-713ruc4xsj] {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.add-distribution-box-header__meta[b-713ruc4xsj]  .connection-status-item--closed {
  margin-left: 1rem;
}

.add-distribution-box-buttons[b-713ruc4xsj] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 3.25rem 0 0;
}
.valve-list[b-713ruc4xsj] {
  margin: 2.25rem 0 0;
  padding: 0;
  list-style: none;
}
.valve-list[b-713ruc4xsj]  .connection-status-item {
  margin-right: 1rem;
}
.valve-list__floor[b-713ruc4xsj] {
  height: auto;
  max-height: 7.75rem;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid #EEEEEE;
  transition: border 0.125s ease-out, max-height 0.3s ease-out;
}
.valve-list__floor:has(.valve-list__floor-checkbox:checked)[b-713ruc4xsj] {
  border-color: var(--negative-red);
}
.valve-list__floor:has(.valve-list__floor-toggle-checkbox:checked)[b-713ruc4xsj] {
  max-height: unset;
  overflow: visible;
  transition: border 0.125s ease-out, max-height 0.3s ease-in;
}
.valve-list__floor + .valve-list__floor[b-713ruc4xsj] {
  margin-top: 1.25rem;
}
.valve-list__floor-header[b-713ruc4xsj] {
  position: relative;
  padding: 0.3125rem 1.25rem 0.3125rem 2.875rem;
  cursor: pointer;
}
.valve-list__floor-checkbox[b-713ruc4xsj] {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--border-color-light) !important;
}
.valve-list__floor-name[b-713ruc4xsj] {
  font-size: 1.25rem;
  font-weight: 500;
}
.valve-list__floor-sub[b-713ruc4xsj] {
  display: flex;
  padding: 1rem 1.25rem 0 2.875rem;
  justify-content: space-between;
  align-items: baseline;
}
.valve-list__floor-toggle[b-713ruc4xsj] {
  display: block;
  position: relative;
  padding: 0.375rem 1.25rem 0.375rem 0;
  font-weight: 400;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}
.valve-list__floor-toggle[b-713ruc4xsj]:before, .valve-list__floor-toggle[b-713ruc4xsj]:after {
  content: "";
  position: absolute;
}
.valve-list__floor-toggle[b-713ruc4xsj]:before {
  inset: auto 1.25rem 0 0;
  border-bottom: 2px solid #D6DADD;
  transition: border-color 0.3s ease-out;
}
.valve-list__floor-toggle:hover[b-713ruc4xsj]:before {
  border-color: var(--negative-red);
}
.valve-list__floor-toggle[b-713ruc4xsj]:after {
  inset: 0 0 0 auto;
  width: 0.75rem;
  transition: transform 0.1s ease-out;
  background: url("img/added/accordion-toggle.svg") no-repeat right center;
}
.valve-list__floor-toggle:has(.valve-list__floor-toggle-checkbox:checked)[b-713ruc4xsj]:after {
  transform: rotate(180deg);
}
.valve-list__floor-toggle-checkbox[b-713ruc4xsj] {
  display: none !important;
}
.valve-list__rooms[b-713ruc4xsj] {
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: room;
}
.valve-list__room[b-713ruc4xsj] {
  position: relative;
  margin: 2.5rem 0 0;
  padding: 0 0.75rem 0 2.875rem;
}
.valve-list__room[b-713ruc4xsj]:before {
  content: counter(room) ".";
  counter-increment: room;
  position: absolute;
  width: 1.5rem;
  left: 0;
  top: 0;
  font-weight: 500;
  text-align: center;
}
.valve-list__room:last-child[b-713ruc4xsj] {
  padding-bottom: 2.875rem;
}
.valve-list__room-wrap[b-713ruc4xsj] {
  margin-bottom: 1.5rem;
}
.valve-list__room-name[b-713ruc4xsj] {
  font-weight: 500;
}
.valve-list__valves[b-713ruc4xsj] {
  display: grid;
  grid-template-columns: calc(50% - 0.4375rem) calc(50% - 0.4375rem);
  grid-gap: 0.875rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  overflow: visible !important;
}
.valve-list__valve[b-713ruc4xsj] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  transition: border-color 0.125s ease-out;
  border: 1px solid #EEEEEE;
  border-radius: 0.375rem;
}
.valve-list__valve--checked[b-713ruc4xsj] {
  border-color: var(--negative-red);
}
.valve-list__valve-name[b-713ruc4xsj] {
  flex: 0 0 100%;
  font-weight: 500;
}
.valve-list__valve-box-selector[b-713ruc4xsj] {
  position: relative;
}
.valve-list__valve-box-selector > .distribution-box-color[b-713ruc4xsj] {
  position: absolute;
  top: 0.1rem;
}
[b-713ruc4xsj] .valve-list__valve-box-selector-select {
  position: relative;
  font: inherit;
  font-size: 0.875rem;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  padding-left: 1.6rem;
  cursor: pointer;
}
.valve-list__valve-box-selector[b-713ruc4xsj]  .distribution-box-color {
  margin-right: 0.375rem;
}

.scrollable-popup[b-713ruc4xsj] {
  padding: 2.25rem !important;
  max-height: calc(100vh - 2rem);
  min-width: 60rem;
  overflow-y: auto;
  overflow-x: hidden;
}
/* /Pages/Project/Components/MassFlow/MassFlowAdd.razor.rz.scp.css */
.aerfoam-add-component__select-header[b-2htrtoo36s] {
  margin: 0 0 2rem;
  font-size: 15px;
  font-weight: 400;
}
.aerfoam-add-component__types[b-2htrtoo36s] {
  display: flex;
  flex-wrap: wrap;
  max-width: 43.35rem;
  list-style: none;
  margin: 0;
  padding: 0 0 2rem;
  gap: 1.8rem;
}
.aerfoam-add-component__type[b-2htrtoo36s] {
  flex: 0 0 13.25rem;
}
.aerfoam-add-component__type-label[b-2htrtoo36s] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
.aerfoam-add-component__type svg[b-2htrtoo36s] {
  color: var(--btn-arrow-border-col, #D6DADD);
  transition: color ease-out 0.1s;
}
.aerfoam-add-component__type:hover svg[b-2htrtoo36s], .aerfoam-add-component__type:has(input:checked) svg[b-2htrtoo36s] {
  color: var(--negative-red, #CF2C29);
}
.aerfoam-add-component__type-radio[b-2htrtoo36s] {
  position: relative;
  top: 0.1rem;
  margin-right: 0.4rem;
}
.aerfoam-add-component__body[b-2htrtoo36s] {
  min-width: 60rem;
  max-width: 60rem;
  min-height: 30rem;
}
.aerfoam-add-component__step[b-2htrtoo36s] {
  font-size: 14px;
  font-weight: 500;
  line-height: 17.81px;
  margin: 62px 0 38px 0;
}
.aerfoam-add-component__diameters[b-2htrtoo36s] {
  display: flex;
  gap: 3rem;
  margin-bottom: 1rem;
}
.aerfoam-add-component__diameter[b-2htrtoo36s] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
.aerfoam-add-component__length[b-2htrtoo36s] {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.81px;
}
.aerfoam-add-component__length[b-2htrtoo36s]  input {
  max-width: 5.7rem;
  min-width: 5.7rem;
  border: 1px solid var(--input-border) !important;
}
.aerfoam-add-component__custom[b-2htrtoo36s] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 55rem;
}
.aerfoam-add-component__custom-input[b-2htrtoo36s] {
  width: calc(50% - 1rem);
  font-size: 15px;
  text-align: left;
}
.aerfoam-add-component__custom-input label[b-2htrtoo36s] {
  margin-bottom: 8px;
  display: block;
}
.aerfoam-add-component__custom-input[b-2htrtoo36s]  input[type=text] {
  width: 100% !important;
  border: 1px solid var(--input-border) !important;
  text-align: left !important;
}
.aerfoam-add-component__custom-input__small[b-2htrtoo36s] {
  width: calc(25% - 1rem);
}

.Recommended[b-2htrtoo36s] {
  position: absolute;
  bottom: -1.5rem;
  left: 1.1rem;
}

.radio[b-2htrtoo36s] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid var(--border-color-light);
  transition: border 0.125s ease-out;
}
.radio__input[b-2htrtoo36s] {
  visibility: hidden;
}
.radio:has(.radio__input:checked)[b-2htrtoo36s] {
  border: 4px solid #37454F;
}
/* /Pages/Project/Components/MassFlow/MassFlowComponent.razor.rz.scp.css */
.aerfoam-component[b-xrengu1y6l] {
  width: 160px;
  height: 127px;
  position: relative;
  padding: 1rem 1.125rem;
}
.aerfoam-component .RegulatoryError[b-xrengu1y6l] {
  position: absolute;
  top: 15px;
  right: 20px;
}
.aerfoam-component:has(.aerfoam-component-menu) .RegulatoryError[b-xrengu1y6l] {
  right: 46px;
}
.aerfoam-component__name[b-xrengu1y6l] {
  display: block;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 86%;
}
.aerfoam-component__name i[b-xrengu1y6l] {
  margin-left: 5px;
  cursor: help;
}
.aerfoam-component--dbox .aerfoam-component__name[b-xrengu1y6l] {
  max-width: 100%;
}
.aerfoam-component__add[b-xrengu1y6l] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: transparent url("img/airfoam/plus-circle.svg") no-repeat center center;
}
.aerfoam-component__add:hover[b-xrengu1y6l] {
  background-color: transparent;
}
.aerfoam-component[b-xrengu1y6l] >  .aerfoam-component-menu {
  position: absolute;
  inset: 1rem 1.125rem auto auto;
}
.aerfoam-component--ok[b-xrengu1y6l]:after {
  display: block;
  position: absolute;
  inset: calc(50% - 0.75rem) -0.75rem auto auto;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: #FFFFFF url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0053 0C5.39269 0 0 5.38418 0 11.9968C0 18.6095 5.39269 24 12.0053 24C18.618 24 24 18.6095 24 11.9968C24 5.38418 18.618 0 12.0053 0ZM16.8918 7.63217C17.1847 7.62595 17.4678 7.73782 17.6775 7.94256C17.887 8.14739 18.0053 8.42788 18.0058 8.72091C18.0063 9.01394 17.8888 9.29484 17.6799 9.50027L11.134 16.0462C10.9297 16.2493 10.6532 16.3634 10.3651 16.3634C10.0769 16.3634 9.80039 16.2493 9.59608 16.0462L6.31985 12.7765C6.04361 12.5003 5.93575 12.0976 6.03679 11.7202C6.13793 11.3428 6.43264 11.0481 6.81002 10.947C7.18739 10.8459 7.59007 10.9538 7.86631 11.23L10.3608 13.735L16.1334 7.96232C16.3331 7.75698 16.6055 7.63836 16.8918 7.63214V7.63217Z" fill="%23639C6E"/></svg>') no-repeat center center;
  border-radius: 50%;
}
.aerfoam-component--terminal[b-xrengu1y6l], .aerfoam-component--unit[b-xrengu1y6l] {
  color: #FFFFFF;
  background: var(--font-color-light, #67727B);
  border: 1px solid var(--fa-border-color, #eee);
  border-radius: 0.25rem;
}
.aerfoam-component--terminal[b-xrengu1y6l]  a, .aerfoam-component--unit[b-xrengu1y6l]  a {
  display: inline-block;
  color: #FFF;
  line-height: 17px;
  font-size: 12px;
}
.aerfoam-component--duct[b-xrengu1y6l], .aerfoam-component--reducer[b-xrengu1y6l], .aerfoam-component--silencer[b-xrengu1y6l], .aerfoam-component--duct:hover[b-xrengu1y6l], .aerfoam-component--silencer:hover[b-xrengu1y6l], .aerfoam-component--reducer:hover[b-xrengu1y6l] {
  color: inherit;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 4.99999C0.5 2.51471 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V93.0495V122C159.5 124.485 157.485 126.5 155 126.5H111.038H49.8361H5C2.51472 126.5 0.5 124.485 0.5 122V93.0495V4.99999Z" fill="%23F6F9FB" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--duct.error[b-xrengu1y6l], .aerfoam-component--reducer.error[b-xrengu1y6l], .aerfoam-component--silencer.error[b-xrengu1y6l], .aerfoam-component--duct:hover.error[b-xrengu1y6l], .aerfoam-component--silencer:hover.error[b-xrengu1y6l], .aerfoam-component--reducer:hover.error[b-xrengu1y6l] {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 4.99999C0.5 2.51471 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V93.0495V122C159.5 124.485 157.485 126.5 155 126.5H111.038H49.8361H5C2.51472 126.5 0.5 124.485 0.5 122V93.0495V4.99999Z" fill="%23f7e7e9" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--bend[b-xrengu1y6l], .aerfoam-component--bend:hover[b-xrengu1y6l] {
  color: inherit;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 4.99999C0.5 2.51471 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V94.5C159.5 96.9853 157.485 99 155 99H135C131.962 99 129.5 101.462 129.5 104.5V122C129.5 124.485 127.485 126.5 125 126.5H49.8361H5C2.51472 126.5 0.5 124.485 0.5 122V93.0495V4.99999Z" fill="%23F6F9FB" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--bend.error[b-xrengu1y6l], .aerfoam-component--bend:hover.error[b-xrengu1y6l] {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 4.99999C0.5 2.51471 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V94.5C159.5 96.9853 157.485 99 155 99H135C131.962 99 129.5 101.462 129.5 104.5V122C129.5 124.485 127.485 126.5 125 126.5H49.8361H5C2.51472 126.5 0.5 124.485 0.5 122V93.0495V4.99999Z" fill="%23f7e7e9" stroke="%23D6DADD"/></svg>');
}
.aerfoam-connection-grid .aerfoam-component--bend[b-xrengu1y6l], .aerfoam-connection-grid .aerfoam-component--bend:hover[b-xrengu1y6l] {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M159.5 5C159.5 2.51472 157.485 0.5 155 0.5H5C2.51471 0.5 0.5 2.51472 0.5 5V95C0.5 97.4853 2.51471 99.5 5 99.5H28C31.0376 99.5 33.5 101.962 33.5 105V122C33.5 124.485 35.5147 126.5 38 126.5H74.5H98H127H155C157.485 126.5 159.5 124.485 159.5 122V100V5Z" fill="%23F6F9FB" stroke="%23D6DADD"/></svg>');
}
.aerfoam-connection-grid .aerfoam-component--bend.error[b-xrengu1y6l], .aerfoam-connection-grid .aerfoam-component--bend:hover.error[b-xrengu1y6l] {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M159.5 5C159.5 2.51472 157.485 0.5 155 0.5H5C2.51471 0.5 0.5 2.51472 0.5 5V95C0.5 97.4853 2.51471 99.5 5 99.5H28C31.0376 99.5 33.5 101.962 33.5 105V122C33.5 124.485 35.5147 126.5 38 126.5H74.5H98H127H155C157.485 126.5 159.5 124.485 159.5 122V100V5Z" fill="%23f7e7e9" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--tpiece[b-xrengu1y6l], .aerfoam-component--tpiece:hover[b-xrengu1y6l] {
  color: inherit;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 5C0.5 2.51472 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V95C159.5 97.4853 157.485 99.5 155 99.5H132C128.962 99.5 126.5 101.962 126.5 105V122C126.5 124.485 124.485 126.5 122 126.5H85.5H62H38C35.5147 126.5 33.5 124.485 33.5 122V105C33.5 101.962 31.0376 99.5 28 99.5H5C2.51472 99.5 0.5 97.4853 0.5 95V5Z" fill="%23F6F9FB" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--tpiece.error[b-xrengu1y6l], .aerfoam-component--tpiece:hover.error[b-xrengu1y6l] {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 5C0.5 2.51472 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V95C159.5 97.4853 157.485 99.5 155 99.5H132C128.962 99.5 126.5 101.962 126.5 105V122C126.5 124.485 124.485 126.5 122 126.5H85.5H62H38C35.5147 126.5 33.5 124.485 33.5 122V105C33.5 101.962 31.0376 99.5 28 99.5H5C2.51472 99.5 0.5 97.4853 0.5 95V5Z" fill="%23f7e7e9" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--y[b-xrengu1y6l], .aerfoam-component--y:hover[b-xrengu1y6l] {
  color: inherit;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="127" viewBox="0 0 160 127" fill="none"><path d="M0.5 5C0.5 2.51472 2.51472 0.5 5 0.5H155C157.485 0.5 159.5 2.51472 159.5 5V100V122C159.5 124.485 157.485 126.5 155 126.5H132C129.515 126.5 127.5 124.485 127.5 122V105C127.5 101.962 125.038 99.5 122 99.5H38C34.9624 99.5 32.5 101.962 32.5 105V122C32.5 124.485 30.4853 126.5 28 126.5H5C2.51472 126.5 0.5 124.485 0.5 122V100V5Z" fill="%23F6F9FB" stroke="%23D6DADD"/></svg>');
}
.aerfoam-component--dbox[b-xrengu1y6l] {
  color: var(--btn-components-color, #37454F);
  background: var(--btn-arrow-border-col, #D6DADD);
  border-radius: 0.25rem;
}
.aerfoam-component--dbox[b-xrengu1y6l]  .distribution-box-color {
  top: -2px;
  margin-right: 0.25rem;
}
.aerfoam-component--add[b-xrengu1y6l] {
  color: var(--btn-components-color, #37454F);
  font-size: 0.875rem;
  padding: 0.75rem;
  background: #FFFFFF;
  border: 1px solid var(--btn-arrow-border-col, #D6DADD);
  border-radius: 0.25rem;
}
.aerfoam-component--add[b-xrengu1y6l]:before {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.5rem;
  content: "";
  background: transparent url("img/airfoam/plus-dark.svg") no-repeat center center;
}
.aerfoam-component--add:hover[b-xrengu1y6l] {
  color: inherit;
  background: #FFFFFF;
}
/* /Pages/Project/Components/MassFlow/MassFlowDBox.razor.rz.scp.css */
.aerfoam-step[b-7rfw59l10f] {
  position: relative;
  padding: 1rem 1rem 1rem 3.125rem;
  background: var(--room-in);
  font-weight: 600;
}
.aerfoam-step[b-7rfw59l10f]:before {
  display: block;
  position: absolute;
  inset: 1rem;
  width: 1.375rem;
  height: 1.375rem;
  background: #6E757C;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  counter-increment: aerfoam-step;
  content: "2";
}
.aerfoam-step + .aerfoam-connection[b-7rfw59l10f], .aerfoam-step + .aerfoam-connection-grid[b-7rfw59l10f] {
  margin-top: 40px;
}
.aerfoam-step[b-7rfw59l10f]  .distribution-box-color {
  margin: 0 5px 4px 5px;
}
.aerfoam-step .box-name[b-7rfw59l10f]:after {
  content: ",";
}
.aerfoam-step .box-name:last-child[b-7rfw59l10f]:after {
  content: "";
}

.aerfoam-infobox[b-7rfw59l10f] {
  display: inline-block;
  margin: 1.75rem 0 2rem;
  padding: 0.625rem 1.25rem 0.625rem 2.75rem;
  border: 1px solid var(--border-color-light, #DFE2E6);
  background: transparent url("img/airfoam/circle-info-duotone.svg") no-repeat 1rem 50%;
}

.aerfoam-connection-grid[b-7rfw59l10f] {
  margin: 0 calc(-1 * var(--card-padding, 2rem)) 0;
  overflow-x: auto;
}
.aerfoam-connection-grid__wrap[b-7rfw59l10f] {
  display: flex;
  padding: 0 var(--card-padding, 2rem) 1rem;
  gap: 2rem;
}
.aerfoam-connection-grid__row[b-7rfw59l10f] {
  display: flex;
  flex-direction: column;
  gap: 33px;
  width: 160px;
  padding-bottom: 0;
}
.aerfoam-connection-grid__row[data-connection-top="1"][b-7rfw59l10f] {
  margin-top: calc(127px + 33px);
}
.aerfoam-connection-grid__row[data-connection-top="2"][b-7rfw59l10f] {
  margin-top: calc(254px + 66px);
}
.aerfoam-connection-grid__row[data-connection-top="3"][b-7rfw59l10f] {
  margin-top: calc(381px + 99px);
}
.aerfoam-connection-grid__row[data-connection-top="4"][b-7rfw59l10f] {
  margin-top: calc(508px + 132px);
}
.aerfoam-connection-grid__row[data-connection-top="5"][b-7rfw59l10f] {
  margin-top: calc(635px + 165px);
}
.aerfoam-connection-grid__row[data-connection-top="6"][b-7rfw59l10f] {
  margin-top: calc(762px + 198px);
}
.aerfoam-connection-grid__row[data-connection-top="7"][b-7rfw59l10f] {
  margin-top: calc(889px + 231px);
}
.aerfoam-connection-grid__row[data-connection-top="8"][b-7rfw59l10f] {
  margin-top: calc(1016px + 264px);
}
.aerfoam-connection-grid__row[data-connection-top="9"][b-7rfw59l10f] {
  margin-top: calc(1143px + 297px);
}
.aerfoam-connection-grid__row[data-connection-top="10"][b-7rfw59l10f] {
  margin-top: calc(1270px + 330px);
}
.aerfoam-connection-grid__row[data-connection-top="11"][b-7rfw59l10f] {
  margin-top: calc(1397px + 363px);
}
.aerfoam-connection-grid__row[data-connection-top="12"][b-7rfw59l10f] {
  margin-top: calc(1524px + 396px);
}
.aerfoam-connection-grid__row.DBoxes[b-7rfw59l10f] {
  flex-direction: row;
}
.aerfoam-connection-grid__row.DBoxes .aerfoam-connection-grid__item[b-7rfw59l10f]:before {
  display: none;
}
.aerfoam-connection-grid__item[b-7rfw59l10f] {
  position: relative;
  width: 160px;
  min-width: 160px;
  height: 127px;
  min-height: 127px;
  cursor: grab;
}
.aerfoam-connection-grid__item[b-7rfw59l10f]  .WarningWindow {
  z-index: 200;
}
.aerfoam-connection-grid__item[b-7rfw59l10f]  .aerfoam-component {
  position: absolute;
  z-index: 100;
}
.aerfoam-connection-grid__item[b-7rfw59l10f]  .aerfoam-component:focus-within {
  z-index: 200 !important;
}
.aerfoam-connection-grid__item.no_drag[b-7rfw59l10f] {
  cursor: auto;
}
.aerfoam-connection-grid__item:empty[b-7rfw59l10f] {
  box-sizing: border-box;
  border: 1px dashed var(--btn-arrow-border-col, #D6DADD);
  background: var(--card-background, #FCFBFC);
}
.aerfoam-connection-grid__item:empty[b-7rfw59l10f]:before, .aerfoam-connection-grid__item:empty + .aerfoam-connection-grid__item[b-7rfw59l10f]:before {
  background: var(--btn-arrow-border-col, #D6DADD);
}
.aerfoam-connection-grid__item:empty + .aerfoam-connection-grid__item[b-7rfw59l10f]:before {
  height: calc(2rem + 2px);
}
.aerfoam-connection-grid__item.filler[b-7rfw59l10f] {
  cursor: auto;
  opacity: 0.5;
}
.aerfoam-connection-grid__item[b-7rfw59l10f]  .aerfoam-component__add {
  position: absolute;
  bottom: -0.7rem;
  right: calc(50% - 0.75rem);
}
.aerfoam-connection-grid__item[b-7rfw59l10f]  .aerfoam-component__add + .aerfoam-component__add {
  position: absolute;
  top: calc(50% - 0.75rem);
  right: -0.7rem;
}
.aerfoam-connection-grid__item[b-7rfw59l10f]:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(50% - 1px);
  width: 2px;
  height: calc(1.5rem - 2px);
  background: #67727B;
}
.aerfoam-connection-grid__item--green[b-7rfw59l10f]:before {
  background: #75E88F !important;
}
.aerfoam-connection-grid__item--pink[b-7rfw59l10f]:before {
  background: #FF2F93 !important;
}
.aerfoam-connection-grid__item--orange[b-7rfw59l10f]:before {
  background: #FD9A06 !important;
}
.aerfoam-connection-grid__row:first-child > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  display: none;
}
.aerfoam-connection-grid__row[data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  inset: calc(50% - 1px) 100% auto auto;
  width: calc(1.5rem - 2px);
  height: 2px;
}
.aerfoam-connection-grid__row[data-connection-length="1"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(13.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="2"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(25.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="3"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(37.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="4"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(49.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="5"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(61.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="6"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(73.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="7"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(85.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="8"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(97.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="9"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(109.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="10"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(121.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="11"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(133.5rem - 2px);
}
.aerfoam-connection-grid__row[data-connection-length="12"][data-connection-top] > .aerfoam-connection-grid__item:first-child[b-7rfw59l10f]:before {
  width: calc(145.5rem - 2px);
}

.aerfoam-drag-drop-spacer[b-7rfw59l10f] {
  display: block;
  position: relative;
  margin: 0 0 1.5rem;
  color: var(--font-color-light, #67727B);
  font-weight: 600;
}
.aerfoam-drag-drop-spacer span[b-7rfw59l10f] {
  position: relative;
  display: inline-block;
  background: var(--card-background);
  padding: 0 2rem 0 0;
}
.aerfoam-drag-drop-spacer[b-7rfw59l10f]:before {
  position: absolute;
  content: "";
  inset: 50% 0 auto 0;
  border-bottom: 1px solid var(--font-color-light, #67727B);
}

.drag-container[b-7rfw59l10f] {
  position: relative;
  padding: 0;
  margin: 0;
  height: 0;
  max-height: 0;
}
.drag-container[b-7rfw59l10f]  .aerfoam-component__add {
  position: absolute;
  bottom: -0.7rem;
  right: calc(50% - 0.75rem);
}
.drag-container[b-7rfw59l10f]  .aerfoam-component__add + .aerfoam-component__add {
  position: absolute;
  top: calc(50% - 0.75rem);
  right: -0.7rem;
}
/* /Pages/Project/Components/MassFlow/MassFlowEditor.razor.rz.scp.css */
.ComponentTop[b-druv9e8suv] {
  border-bottom: 1px solid var(--border-color-light);
}
/* /Pages/Project/Components/MassFlow/MassFlowSide.razor.rz.scp.css */
.aerfoam-toggle + .aerfoam-toggle[b-qo803b86zo] {
  border-top: 1px solid var(--border-color-light);
}
.aerfoam-toggle__header[b-qo803b86zo] {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
  user-select: none;
  line-height: 1.5rem;
  padding: 2rem 1rem 2rem 3rem;
  background: transparent url("img/airfoam/room-in.svg") no-repeat 1rem 2rem;
}
.aerfoam-toggle__header--out[b-qo803b86zo] {
  background-image: url("img/airfoam/room-out.svg");
}
.aerfoam-toggle__header[b-qo803b86zo]:after {
  position: absolute;
  inset: 2rem 1rem auto auto;
  content: "";
  width: 1rem;
  height: 1rem;
  background: transparent url("img/airfoam/minus-light.svg") no-repeat center center;
  background-size: cover;
}
.aerfoam-toggle__checkbox[type=checkbox][b-qo803b86zo] {
  display: none;
}
.aerfoam-toggle__header:has(.aerfoam-toggle__checkbox:checked)[b-qo803b86zo]:after {
  background-image: url("img/airfoam/plus-light.svg");
}
.aerfoam-toggle__name[b-qo803b86zo] {
  font-size: 1.25rem;
  font-weight: 600;
}
.aerfoam-toggle__body[b-qo803b86zo] {
  margin-top: 0;
  margin-bottom: 8rem;
}
.aerfoam-toggle:has(.aerfoam-toggle__checkbox:checked) .aerfoam-toggle__body[b-qo803b86zo] {
  display: none;
}
/* /Pages/Project/Components/MassFlow/MassFlowTerminal.razor.rz.scp.css */
.aerfoam-step[b-1n9y66rlws] {
  position: relative;
  padding: 1rem 1rem 1rem 3.125rem;
  background: var(--room-in);
  font-weight: 600; }
  .aerfoam-step:not(:first-child)[b-1n9y66rlws] {
    margin-top: 5rem; }
  .aerfoam-step[b-1n9y66rlws]:before {
    display: block;
    position: absolute;
    inset: 1rem;
    width: 1.375rem;
    height: 1.375rem;
    background: #6E757C;
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    counter-increment: aerfoam-step;
    content: counter(aerfoam-step); }
  .aerfoam-step + .aerfoam-connection[b-1n9y66rlws],
  .aerfoam-step + .aerfoam-connection-grid[b-1n9y66rlws] {
    margin-top: 40px; }

.aerfoam-infobox[b-1n9y66rlws] {
  display: inline-block;
  margin: 1.75rem 0 2rem;
  padding: 0.625rem 1.25rem 0.625rem 2.75rem;
  border: 1px solid var(--border-color-light, #DFE2E6);
  background: transparent url("img/airfoam/circle-info-duotone.svg") no-repeat 1rem 50%; }

.aerfoam-connection[b-1n9y66rlws] {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2.25rem 0;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  @media (max-width: 992px) {
    .aerfoam-connection[b-1n9y66rlws] {
      flex-direction: column;
      gap: 2rem; } }
  .aerfoam-connection__item[b-1n9y66rlws] {
    position: relative;
    flex: 0 0 auto; }
    .aerfoam-connection__item[b-1n9y66rlws]  .aerfoam-component__add {
      position: absolute;
      top: calc(50% - 0.75rem);
      right: -0.7rem;
      z-index: 1; }
      @media (max-width: 992px) {
        .aerfoam-connection__item[b-1n9y66rlws]  .aerfoam-component__add {
          inset: auto auto -0.7rem calc(50% - 0.75rem); } }
    .aerfoam-connection__item:has(+ .aerfoam-connection__item)[b-1n9y66rlws] >  .aerfoam-component:after {
      content: '';
      display: block;
      position: absolute;
      pointer-events: none;
      inset: calc(50% - 1px) -6.8rem auto auto;
      width: 6.8rem;
      height: 2px;
      background: #67727B;
      z-index: 0; }
    .aerfoam-connection__item:has(+ .aerfoam-connection__item):has(::deep .aerfoam-component__add)[b-1n9y66rlws] >  .aerfoam-component:after {
      width: 6.1rem; }
    @media (max-width: 992px) {
      .aerfoam-connection__item:has(+ .aerfoam-connection__item)[b-1n9y66rlws] >  .aerfoam-component:after {
        inset: 100% auto auto calc(50% - 1px);
        width: 2px;
        height: 2rem; }
      .aerfoam-connection__item:has(+ .aerfoam-connection__item):has(::deep .aerfoam-component__add)[b-1n9y66rlws] >  .aerfoam-component:after {
        width: 2px;
        top: calc(100% + 0.75rem); } }
    @media (min-width: 1400px) {
      .aerfoam-connection__item[b-1n9y66rlws] {
        flex-basis: 212.8px; }
        .aerfoam-connection__item:nth-child(4n + 1):not(:first-child):has(+ .aerfoam-connection__item)[b-1n9y66rlws] {
          display: flex;
          flex-basis: 372.8px;
          justify-content: space-between; }
        .aerfoam-connection__item:nth-child(4n + 2):not(:nth-child(2)):not(:first-child)[b-1n9y66rlws] {
          display: flex;
          flex-basis: 425.6px;
          gap: 52.8px; }
        .aerfoam-connection__item:nth-child(4n + 1):not(:first-child):has(+ .aerfoam-connection__item)[b-1n9y66rlws]:after, .aerfoam-connection__item:nth-child(4n + 2):not(:nth-child(2))[b-1n9y66rlws]:before {
          display: block;
          content: '';
          width: 160px;
          height: 127px;
          position: relative;
          padding: 1rem 1.125rem;
          z-index: 10;
          background: transparent url("img/airfoam/component-connection-break.svg") no-repeat center center; }
        .aerfoam-connection__item:nth-child(4n + 2):not(:nth-child(2))[b-1n9y66rlws]:before {
          transform: scaleX(-1); }
        .aerfoam-connection__item:nth-child(4n + 2):not(:nth-child(2))[b-1n9y66rlws]:after {
          content: '';
          display: block;
          position: absolute;
          pointer-events: none;
          inset: calc(50% - 1px) 212.8px auto 106.4px;
          height: 2px;
          background: #67727B;
          z-index: 0; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .aerfoam-connection__item[b-1n9y66rlws] {
        flex-basis: 221px; }
        .aerfoam-connection__item:nth-child(3n + 1):not(:first-child):has(+ .aerfoam-connection__item)[b-1n9y66rlws] {
          display: flex;
          flex-basis: 381px;
          justify-content: space-between; }
        .aerfoam-connection__item:nth-child(3n + 2):not(:nth-child(2)):not(:first-child)[b-1n9y66rlws] {
          display: flex;
          flex-basis: 442px;
          gap: 61px; }
        .aerfoam-connection__item:nth-child(3n + 1):not(:first-child):has(+ .aerfoam-connection__item)[b-1n9y66rlws]:after, .aerfoam-connection__item:nth-child(3n + 2):not(:nth-child(2))[b-1n9y66rlws]:before {
          display: block;
          content: '';
          width: 160px;
          height: 127px;
          position: relative;
          padding: 1rem 1.125rem;
          z-index: 10;
          background: transparent url("img/airfoam/component-connection-break.svg") no-repeat center center; }
        .aerfoam-connection__item:nth-child(3n + 2):not(:nth-child(2))[b-1n9y66rlws]:before {
          transform: scaleX(-1); }
        .aerfoam-connection__item:nth-child(3n + 2):not(:nth-child(2))[b-1n9y66rlws]:after {
          content: '';
          display: block;
          position: absolute;
          pointer-events: none;
          inset: calc(50% - 1px) 221px auto 110.5px;
          height: 2px;
          background: #67727B;
          z-index: 0; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .aerfoam-connection__item[b-1n9y66rlws] {
        flex-basis: 234.666666667px; }
        .aerfoam-connection__item:nth-child(2n + 1):not(:first-child):has(+ .aerfoam-connection__item)[b-1n9y66rlws] {
          display: flex;
          flex-basis: 394.666666667px;
          justify-content: space-between; }
        .aerfoam-connection__item:nth-child(2n + 2):not(:nth-child(2)):not(:first-child)[b-1n9y66rlws] {
          display: flex;
          flex-basis: 469.333333333px;
          gap: 74.6666666667px; }
        .aerfoam-connection__item:nth-child(2n + 1):not(:first-child):has(+ .aerfoam-connection__item)[b-1n9y66rlws]:after, .aerfoam-connection__item:nth-child(2n + 2):not(:nth-child(2))[b-1n9y66rlws]:before {
          display: block;
          content: '';
          width: 160px;
          height: 127px;
          position: relative;
          padding: 1rem 1.125rem;
          z-index: 10;
          background: transparent url("img/airfoam/component-connection-break.svg") no-repeat center center; }
        .aerfoam-connection__item:nth-child(2n + 2):not(:nth-child(2))[b-1n9y66rlws]:before {
          transform: scaleX(-1); }
        .aerfoam-connection__item:nth-child(2n + 2):not(:nth-child(2))[b-1n9y66rlws]:after {
          content: '';
          display: block;
          position: absolute;
          pointer-events: none;
          inset: calc(50% - 1px) 234.666666667px auto 117.333333333px;
          height: 2px;
          background: #67727B;
          z-index: 0; } }
/* /Pages/Project/Components/Shared/AddButtonBox.razor.rz.scp.css */
.add-button-box[b-ot4okjmbv7] {
  display: flex;
  margin: 1rem 0;
  padding: 2.25rem;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px dashed #EAECED;
  background: #FFFFFF;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.add-button-box[b-ot4okjmbv7]:before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  display: inline;
  position: relative;
  width: 0.875rem;
  height: 1rem;
  top: 0;
  margin-right: 0.5rem;
}
.add-button-box:hover[b-ot4okjmbv7] {
  color: inherit;
  border: 1px solid #6E757C;
}
.add-button-box:active[b-ot4okjmbv7] {
  border: 1px solid var(--negative-red);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.headline + .add-button-box[b-ot4okjmbv7] {
  margin-top: -2em;
}
/* /Pages/Project/Components/Shared/ComponentsProductSelector.razor.rz.scp.css */
[b-quvg3lqfra] .scrollable-popup {
  padding: 2.25rem !important;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  overflow-x: hidden;
}
[b-quvg3lqfra] .scrollable-popup:has(::deep .scrollable-popup__body) {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  overflow-y: hidden;
}
[b-quvg3lqfra] .scrollable-popup__header, [b-quvg3lqfra] .scrollable-popup__footer {
  flex: 0 0 auto;
}
[b-quvg3lqfra] .scrollable-popup__header {
  padding: 2.25rem 2.25rem 0 2.25rem;
}
[b-quvg3lqfra] .scrollable-popup__body {
  flex: 1 1 auto;
  padding: 2rem 2.25rem;
  overflow-y: auto;
  scrollbar-width: none;
}
[b-quvg3lqfra] .scrollable-popup__body::-webkit-scrollbar {
  display: none;
}
[b-quvg3lqfra] .scrollable-popup__footer {
  position: relative;
  padding: 0 2.25rem 2.25rem 2.25rem;
}
[b-quvg3lqfra] .scrollable-popup__footer--buttons {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
[b-quvg3lqfra] .scrollable-popup__footer--buttons .linkButton {
  margin-right: 1rem;
  border-radius: 0;
}
[b-quvg3lqfra] .scrollable-popup__footer:before {
  content: "";
  position: absolute;
  inset: -2rem 0 auto 0;
  height: 2rem;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

[b-quvg3lqfra] .unit-selection {
  min-width: 58rem;
}
[b-quvg3lqfra] .unit-selection__header {
  padding: 2.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
[b-quvg3lqfra] .unit-selection__header-headline {
  display: inline;
  font-size: 2rem;
  font-weight: 600;
}
[b-quvg3lqfra] .unit-selection__header-meta {
  display: flex;
  gap: 5rem;
  justify-content: flex-start;
  align-items: baseline;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
[b-quvg3lqfra] .unit-selection__body {
  padding: 2.25rem;
}
[b-quvg3lqfra] .unit-selection__buttons {
  padding: 2.25rem;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
[b-quvg3lqfra] .unit-selection__filter-header {
  font-weight: 400;
  margin: 0 0 1.25rem;
}
[b-quvg3lqfra] .unit-selection__filter {
  display: flex;
  gap: 1px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #EEEEEE;
  background: #EEEEEE;
  white-space: nowrap;
}
[b-quvg3lqfra] .unit-selection__filter-column {
  flex: 1 1 33%;
  background: #fff;
  padding: 1.5rem 2rem;
}
[b-quvg3lqfra] .unit-selection__filter-column:has(::deep .unit-selection__filter-add) {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
}
[b-quvg3lqfra] .unit-selection__filter-name {
  display: block;
  font-weight: 600;
  margin: 0 0 1.5rem;
}
[b-quvg3lqfra] .unit-selection__filter-checks {
  display: flex;
  gap: 1rem;
}
[b-quvg3lqfra] .unit-selection__filter-check {
  flex: 1 0 auto;
  cursor: pointer;
  user-select: none;
}
[b-quvg3lqfra] .unit-selection__filter-check input[type=checkbox] {
  display: inline-block;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 0.4rem 0 0 !important;
  padding: 0 !important;
  border: 1px solid var(--border-color-light) !important;
}
[b-quvg3lqfra] .unit-selection__filter-flow-values {
  display: flex;
  margin-top: 0.8rem;
  justify-content: space-between;
}
[b-quvg3lqfra] .unit-selection__filter-add {
  display: flex;
  padding: 2.25rem;
  justify-content: center;
  background: none;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
  transition: all 0.2s ease-out;
}
[b-quvg3lqfra] .unit-selection__filter-add:hover {
  background: none;
  color: var(--negative-red);
}
[b-quvg3lqfra] .unit-selection__filter-add:before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  display: inline;
  position: relative;
  width: 0.875rem;
  height: 1rem;
  top: -0.3rem;
  margin-right: 0.5rem;
}
[b-quvg3lqfra] .unit-selection__units {
  list-style: none;
  margin: 3rem 0 0;
  padding: 0;
}
[b-quvg3lqfra] .unit-selection__unit {
  margin-top: 2rem;
}
/* /Pages/Project/Components/Shared/ConnectionCounter.razor.rz.scp.css */
.connection-counter[b-r24js83x0g] {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.7rem 0 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--connection-counter-background, white) 94%, transparent 95% 100%), conic-gradient(#37454F 25%, transparent 0);
  font-size: 0.75rem;
  text-align: center;
}
/* /Pages/Project/Components/Shared/ConnectionStatus.razor.rz.scp.css */
.connection-status[b-b3dqyeashp] {
  display: flex;
  align-items: start;
}
[b-b3dqyeashp] .connection-status-item {
  padding-left: 1.625rem;
  background: transparent url("/img/dbox/connection-open.svg") 0 50% no-repeat;
  font-size: 0.875rem;
  font-weight: 400;
  display: flex;
  align-items: center;
}
[b-b3dqyeashp] .connection-status-item:has(::deep .connection-status-item__label) {
  font-weight: 500;
}
[b-b3dqyeashp] .connection-status-item--rooms {
  background-image: url("/img/dbox/connection-room.svg");
}
[b-b3dqyeashp] .connection-status-item--valve {
  background-image: url("/img/dbox/connection-valve.svg");
}
[b-b3dqyeashp] .connection-status-item--closed {
  background-image: url("/img/dbox/connection-closed.svg");
}
[b-b3dqyeashp] .connection-status-item--flow {
  background-image: url("/img/dbox/connection-flow.svg");
}
[b-b3dqyeashp] .connection-status-item--color {
  padding-left: 0;
  background-image: none;
}
[b-b3dqyeashp] .connection-status-item--color .distribution-box-color {
  margin-left: 5px;
}
[b-b3dqyeashp] .connection-status-item--tick {
  color: #0BAA1B;
}
[b-b3dqyeashp] .connection-status-item--tick:after {
  display: inline-block;
  content: "";
  width: 0.875rem;
  height: 0.625rem;
  margin-left: 0.25rem;
  background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M12.1018 1.81607L5.24464 8.67321L4.63929 9.27857L4.03393 8.67321L0.605357 5.24464L0 4.63929L1.21071 3.42857L1.81607 4.03393L4.63929 6.85714L10.8911 0.605357L11.4964 0L12.7071 1.21071L12.1018 1.81607Z" fill="%230BAA1B"/></svg>') center center no-repeat;
}
[b-b3dqyeashp] .connection-status-item__label {
  font-weight: 400;
  margin-right: 0.38rem;
  white-space: nowrap;
}
/* /Pages/Project/Components/Shared/CustomProductPopup.razor.rz.scp.css */
.row[b-zlj0s2epf6]  input {
  border: 1px solid var(--border-color-light) !important;
  width: 100% !important;
  padding: 0.76rem !important;
  text-align: left !important;
}
.row label[b-zlj0s2epf6] {
  white-space: nowrap;
}
/* /Pages/Project/Components/Shared/DBoxColor.razor.rz.scp.css */
.distribution-box-color[b-oqj2n1u7ub] {
  position: relative;
  display: inline-block;
  width: 1.5rem;
  height: 1rem;
  vertical-align: middle;
  margin: 0;
}
.distribution-box-color[b-oqj2n1u7ub]:before, .distribution-box-color[b-oqj2n1u7ub]:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #F5C344;
}
.distribution-box-color[b-oqj2n1u7ub]:before {
  left: 0;
}
.distribution-box-color[b-oqj2n1u7ub]:after {
  right: 0;
}
.distribution-box-color.distribution-box-color--green[b-oqj2n1u7ub]:before, .distribution-box-color.distribution-box-color--green[b-oqj2n1u7ub]:after {
  background: #82B88E;
}
.distribution-box-color.distribution-box-color--grey[b-oqj2n1u7ub]:before, .distribution-box-color.distribution-box-color--grey[b-oqj2n1u7ub]:after {
  background: #66717B;
}
.connection-status-item > .distribution-box-color[b-oqj2n1u7ub], .valve-list__valve-box-selector > .distribution-box-color[b-oqj2n1u7ub], .basic-select > .distribution-box-color[b-oqj2n1u7ub] {
  width: 1.3125rem;
  height: 0.875rem;
  margin-right: 0.375rem;
}
.connection-status-item > .distribution-box-color[b-oqj2n1u7ub]:before, .connection-status-item > .distribution-box-color[b-oqj2n1u7ub]:after, .valve-list__valve-box-selector > .distribution-box-color[b-oqj2n1u7ub]:before, .valve-list__valve-box-selector > .distribution-box-color[b-oqj2n1u7ub]:after, .basic-select > .distribution-box-color[b-oqj2n1u7ub]:before, .basic-select > .distribution-box-color[b-oqj2n1u7ub]:after {
  top: 0;
  width: 0.875rem;
  height: 0.875rem;
}
/* /Pages/Project/Components/Shared/Headline.razor.rz.scp.css */
.headline[b-d709ygilv5]  .Title {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  margin: 0;
}
.headline[b-d709ygilv5]  .Title .WarningIcons {
  display: inline-block;
  margin-left: 0.5rem;
}

[b-d709ygilv5] .Reset {
  position: absolute;
  top: 0;
  right: 0;
}
/* /Pages/Project/Components/Shared/Product.razor.rz.scp.css */
@charset "UTF-8";
.product[b-ig6qrvhcg0] {
  display: block;
  position: relative;
  min-height: 12.5rem;
  padding: 2.5rem 3.25rem 2.5rem 17.25rem;
  border-radius: 0.375rem;
  border: 1px solid #EEEEEE;
  background: #F5F5F5;
  transition: border 0.125s ease-out;
  min-height: 16rem;
}
.product.chooseable[b-ig6qrvhcg0] {
  cursor: pointer;
}
.product:has(.product__custom)[b-ig6qrvhcg0] {
  background: rgba(223, 226, 230, 0.8);
}
.product label.unit[b-ig6qrvhcg0] {
  cursor: pointer;
}
.product label.unit:hover[b-ig6qrvhcg0], .product:has(input:checked)[b-ig6qrvhcg0] {
  border-color: var(--negative-red);
}
.product__recommended[b-ig6qrvhcg0], .product__custom[b-ig6qrvhcg0] {
  position: absolute;
  top: 1.25rem;
  left: 0;
  min-width: 6.75rem;
  padding: 0.25rem 0.75rem;
  color: #639C6E;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  border-radius: 0 3px 3px 0;
  background: #D7EDDC;
}
.product__custom[b-ig6qrvhcg0] {
  color: #fff;
  background: var(--info);
}
.product[b-ig6qrvhcg0]  .radio {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
.product__img[b-ig6qrvhcg0] {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 12.5rem;
  height: 12.5rem;
  object-fit: cover;
  object-position: center center;
  background-color: #fff;
  cursor: pointer;
}
.product__name[b-ig6qrvhcg0] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}
.product__specs[b-ig6qrvhcg0] {
  display: flex;
  margin: 1.5rem 0;
  flex-wrap: wrap;
  gap: 0 2rem;
}
.product__spec[b-ig6qrvhcg0] {
  flex: 1 0 auto;
  font-size: 15px;
  margin: 0;
}
.product__spec dt[b-ig6qrvhcg0],
.product__spec dd[b-ig6qrvhcg0] {
  display: inline;
}
.product__spec dd[b-ig6qrvhcg0] {
  margin: 0 0 0 0.2rem;
  font-weight: 600;
}
.product__spec dd[b-ig6qrvhcg0]:after {
  content: "";
  display: block;
}
.product__spec-link[b-ig6qrvhcg0] {
  display: inline-block;
  padding: 0.25rem 0;
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid #D6DADD;
}
.product__spec-link[b-ig6qrvhcg0]:after {
  content: " ↗";
}
.product__spec-link:hover[b-ig6qrvhcg0] {
  border-bottom-color: var(--primary);
}
.product__actions[b-ig6qrvhcg0] {
  display: flex;
  position: absolute;
  right: 3.25rem;
  bottom: 2.5rem;
  justify-content: flex-end;
  gap: 1rem;
}
.product__action[b-ig6qrvhcg0] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  font-size: 1.25rem;
  background: none;
  color: #6E757C;
}
.product__action:hover[b-ig6qrvhcg0] {
  background: none;
  color: var(--primary);
}
/* /Pages/Project/Components/Shared/Radio.razor.rz.scp.css */
.radio[b-uxaxcm9ea3] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid var(--border-color-light);
  transition: border 0.125s ease-out;
}
.radio__input[b-uxaxcm9ea3] {
  visibility: hidden;
}
.radio:has(.radio__input:checked)[b-uxaxcm9ea3] {
  border: 4px solid #37454F;
}
/* /Pages/Project/Components/Shared/Slider.razor.rz.scp.css */
/* /Pages/Project/Components/Terminals/TerminalOverview.razor.rz.scp.css */
.terminals[b-7p4sgdavj9] {
  display: flex;
  gap: 1.75rem;
  margin-bottom: 6rem;
}
.terminals__column[b-7p4sgdavj9] {
  flex: 1 1 50%;
}
.terminals__header[b-7p4sgdavj9] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 0 1rem;
  padding: 1.125rem 1.75rem 1.125rem 3.125rem;
  background: var(--room-in) url("/img/dbox/room-in.svg") no-repeat 0.75rem 50%;
}
.terminals__header--extract[b-7p4sgdavj9] {
  background-color: var(--room-out);
  background-image: url("/img/dbox/room-out.svg");
}
.terminals__header-title[b-7p4sgdavj9] {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
.terminals__header-error[b-7p4sgdavj9] {
  flex-grow: 1;
  background-color: rgba(207, 44, 41, 0.1);
}
.terminals__header .RegulatoryError[b-7p4sgdavj9] {
  margin-left: 0.5rem;
  padding-left: 0.33rem;
  display: inline-block;
}
.terminals__add[b-7p4sgdavj9] {
  display: flex;
  margin: 1rem 0;
  padding: 2.25rem;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px dashed #EAECED;
  background: #FFFFFF;
  text-decoration: none;
  color: inherit;
  font-weight: 500;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.terminals__add[b-7p4sgdavj9]:before {
  content: "";
  display: inline;
  position: relative;
  width: 0.875rem;
  height: 1rem;
  top: 0.3rem;
  margin-right: 0.5rem;
  background: url("/img/dbox/plus-regular.svg") center center no-repeat;
}
.terminals__add:hover[b-7p4sgdavj9] {
  color: inherit;
  border: 1px solid #6E757C;
}
.terminals__add:active[b-7p4sgdavj9] {
  border: 1px solid var(--negative-red);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.terminals__list[b-7p4sgdavj9] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.terminals__item[b-7p4sgdavj9] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  min-height: 16.5rem;
  margin: 0.75rem 0;
  padding: 1.5rem 2rem 1.5rem 1.25rem;
  border-radius: 0.375rem;
  border: 1px solid #EEEEEE;
  background: #F5F5F5;
  --connection-counter-background: #F5F5F5;
  transition: all 0.2s ease-out;
}
.terminals__item:hover[b-7p4sgdavj9] {
  border: 1px solid var(--primary);
}
.terminals__item-wrap[b-7p4sgdavj9] {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
}
.terminals__item-wrap img[b-7p4sgdavj9] {
  flex: 0 0 auto;
  max-width: 10rem;
  max-height: 11rem;
  width: 10rem;
  height: 11rem;
  object-fit: contain;
  object-position: center center;
  background: #FFFFFF;
  cursor: pointer;
}
.terminals__item-content[b-7p4sgdavj9] {
  position: relative;
  flex: 1 1 auto;
  min-height: 13rem;
}
.terminals__item-recommended[b-7p4sgdavj9] {
  position: absolute;
  padding: 0.25rem 0.75rem;
  top: 1rem;
  right: -2rem;
  color: #639C6E;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 3px 0px 0px 3px;
  background: #D7EDDC;
}
.terminals__item-recommended + .terminals__item-name[b-7p4sgdavj9] {
  padding-right: 6.2rem;
}
.terminals__item-name[b-7p4sgdavj9] {
  margin: 1rem 0;
  font-size: 1.25rem;
  font-weight: 500;
}
.terminals__item-model[b-7p4sgdavj9] {
  display: block;
  margin: 1.125rem 0 0 0;
  font-weight: 500;
}
.terminals__item-description[b-7p4sgdavj9] {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.terminals__item-link[b-7p4sgdavj9] {
  display: block;
  margin: 1rem 0 0 0;
  font-weight: 500;
}
.terminals__item-link a[b-7p4sgdavj9] {
  font-size: 15px;
  font-weight: 400;
  color: #37454F;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 0.15rem;
  padding-right: 0.5rem;
  border-bottom: 2px solid #D6DADD;
  transition: border 0.3s ease-in-out;
}
.terminals__item-link a i[b-7p4sgdavj9] {
  font-size: 10px;
  margin-left: 0.3rem;
}
.terminals__item-link a:hover[b-7p4sgdavj9] {
  color: #37454F;
  border-bottom: 2px solid var(--primary);
}
.terminals__connections[b-7p4sgdavj9] {
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
}
.terminals__connections a[b-7p4sgdavj9],
.terminals__connections a:link[b-7p4sgdavj9] {
  display: block;
  padding: 0.25rem 0;
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid #D6DADD;
}
.terminals__connections a:hover[b-7p4sgdavj9] {
  border-bottom-color: var(--primary);
}
.terminals__actions[b-7p4sgdavj9] {
  display: flex;
  gap: 1rem;
  margin-left: auto;
}
.terminals__action[b-7p4sgdavj9] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background-color: #6E757C;
  -webkit-mask-image: url("/img/dbox/remove.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("/img/dbox/remove.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.terminals__action--change[b-7p4sgdavj9] {
  -webkit-mask-image: url("/img/dbox/change.svg");
  mask-image: url("/img/dbox/change.svg");
}
.terminals__action:hover[b-7p4sgdavj9] {
  background-color: var(--primary);
}
/* /Pages/Project/Components/Units/UnitsOverview.razor.rz.scp.css */
.unit-index[b-wvoz6hh2qq] {
  max-width: 850px;
}
.unit-index .product-selection[b-wvoz6hh2qq] {
  padding: 15px;
  white-space: nowrap;
  display: inline-flex;
  gap: 10rem;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 52px;
  margin-top: -2rem;
  margin-left: -15px;
}
.unit-index .product-selection--error[b-wvoz6hh2qq] {
  background-color: #f8e6e7;
}
/* /Pages/Project/Components/Units/UnitsPopup.razor.rz.scp.css */
/* /Pages/Project/Components/ValvesDucts/ComponentsFloor.razor.rz.scp.css */
.ProjectFloorPart[b-tczesiodoa] {
  border-top: 0.5px solid var(--border-color-medium);
  padding-top: 21px;
  margin-bottom: 6rem;
}
.ProjectFloorPart .FloorSurface[b-tczesiodoa] {
  margin: 0 0 12px 1rem !important;
}
.ProjectFloorPart .FloorSurface i[b-tczesiodoa] {
  margin-right: 0.5rem;
  margin-left: 1rem;
}
.ProjectFloorPart .FloorHider[b-tczesiodoa] {
  float: right;
  margin: 1rem;
}

.RoomContainerComponents[b-tczesiodoa] {
  border-top: none !important;
}

.RoomsHeader[b-tczesiodoa] {
  font-size: 1.125rem;
  font-weight: 500;
  border-bottom: 1px solid var(--border-color-light);
  padding-bottom: 3rem;
  padding-top: 1rem;
  padding-left: 1rem;
  display: flex;
}
.RoomsHeader .SideHider[b-tczesiodoa] {
  font-size: 18px;
  color: var(--primary);
  cursor: pointer;
  margin-right: 1rem;
}
.RoomsHeader .Name[b-tczesiodoa] {
  flex-grow: 1;
}
.RoomsHeader img[b-tczesiodoa] {
  margin-right: 16px;
  width: 22px;
  vertical-align: middle;
}

.Top[b-tczesiodoa] {
  display: block !important;
  width: 35rem;
  max-width: 35rem;
}

.RoomContainerComponents[b-tczesiodoa] {
  display: grid;
  grid-template-columns: auto 0.875rem auto auto auto auto auto auto auto;
  border-top: 1px solid var(--border-color-light);
  margin-bottom: 3rem;
  row-gap: 0.1875rem;
}
.RoomContainerComponents.DetailedValvePlacement[b-tczesiodoa] {
  grid-template-columns: auto 0.875rem auto auto auto auto auto auto auto auto;
}
.RoomContainerComponents .ComponentHeader[b-tczesiodoa], .RoomContainerComponents .ComponentContent[b-tczesiodoa] {
  display: contents;
}
.RoomContainerComponents .ComponentHeader .Header[b-tczesiodoa] {
  font-size: 0.63rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem 0.3rem 1rem 0.3rem;
  border-bottom: 2px solid var(--border-color);
  white-space: nowrap;
  margin-bottom: -0.1875rem;
}
.RoomContainerComponents .ComponentHeader .Header.RestrictorHeader.ContextButton[b-tczesiodoa] {
  text-transform: none;
}
.RoomContainerComponents .ComponentHeader .Header.RestrictorHeader.ContextButton[b-tczesiodoa]  .ContextInfo {
  left: -259px;
  top: 59px;
}
.RoomContainerComponents .ComponentHeader .Header.RestrictorHeader.ContextButton[b-tczesiodoa]  .ContextInfo h3 {
  font-weight: 500;
  font-size: 20px;
}
.RoomContainerComponents .ComponentHeader .Header.RestrictorHeader.ContextButton[b-tczesiodoa]  .ContextInfo .RestrictorInfo {
  display: grid;
  grid-template-columns: min-content auto;
  gap: 15px;
  overflow: hidden;
  max-width: 100%;
}
.RoomContainerComponents .ComponentHeader .Header.RestrictorHeader.ContextButton[b-tczesiodoa]  .ContextInfo .RestrictorInfo-header {
  font-weight: 500;
  font-size: 15px;
}
.RoomContainerComponents .ComponentHeader .Header.RestrictorHeader.ContextButton[b-tczesiodoa]  .ContextInfo .RestrictorInfo-value {
  white-space: normal;
}
.RoomContainerComponents .ComponentHeader .Header .L[b-tczesiodoa] {
  padding-left: 2px;
}
.RoomContainerComponents .ComponentHeader .Header:first-child[b-tczesiodoa] {
  text-align: left;
  padding-left: 1rem;
}
.RoomContainerComponents .ComponentHeader .Header:nth-child(2)[b-tczesiodoa] {
  padding: 0;
}
/* /Pages/Project/Components/ValvesDucts/ComponentsRoom.razor.rz.scp.css */
.ContextButton[b-7qst4zss39] {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
}
.ContextButton[b-7qst4zss39]  .ContextInfo {
  top: 30px !important;
  left: calc(-305px + 50%) !important;
}
.ContextButton[b-7qst4zss39]  .ContextInfo span {
  display: inline-block;
  margin: 1rem 0;
}

.ComponentContent[b-7qst4zss39] {
  display: contents;
}
.ComponentContent button.Details[b-7qst4zss39] {
  padding: 9px 21px;
  border: 1px solid #D6DADD;
  font-size: 15px !important;
  line-height: 12px !important;
}
.ComponentContent button.Details:hover[b-7qst4zss39] {
  border: 1px solid #37454F;
  color: inherit;
}
.ComponentContent .Value[b-7qst4zss39] {
  font-size: 0.9375rem;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.ComponentContent .Value .Checker[b-7qst4zss39] {
  display: inline-block;
  position: relative;
}
.ComponentContent .Value .Checker.Checked[b-7qst4zss39]::after {
  font: var(--fa-font-regular);
  content: "\f00c";
  color: var(--info);
  position: absolute;
  top: 0.6rem;
  right: 1rem;
}
.ComponentContent .Value .Checker.checked-pad[b-7qst4zss39]::after {
  right: 0.8rem;
}
.ComponentContent .Value .Checker[b-7qst4zss39]  input::placeholder {
  color: var(--font-color);
}
.ComponentContent .Value .Prefix[b-7qst4zss39] {
  display: inline-block;
  margin-right: 0.3rem;
  font-size: 0.65rem;
}
.ComponentContent .Value[b-7qst4zss39]  input {
  margin-right: 0.5rem;
  max-width: 5rem;
  min-width: 4rem;
  border: 1px solid var(--input-border);
}
.ComponentContent .Value.RoomData[b-7qst4zss39] {
  display: block;
  grid-row: span 1;
  padding: 1rem;
  padding-bottom: 0;
  border-bottom: 1px solid #ffffff;
  margin-bottom: -0.1875rem;
  max-width: 20rem;
}
.ComponentContent .Value.RoomData.Flowdirection_1[b-7qst4zss39] {
  background-color: var(--room-in);
  border-bottom-color: var(--border-color-light);
}
.ComponentContent .Value.RoomData.Flowdirection_2[b-7qst4zss39] {
  background-color: var(--room-out);
}
.ComponentContent .Value.RoomData .RoomName[b-7qst4zss39] {
  font-weight: 500;
  padding-bottom: 1rem;
}
.ComponentContent .Value.RoomData .RoomName .RegulatoryError[b-7qst4zss39] {
  float: right;
  position: relative;
  padding: 0 0 0 0.5rem;
}
.ComponentContent .Value.RoomData .RoomName .TextOverflow[b-7qst4zss39] {
  display: inline-block;
}
.ComponentContent .Value.RoomData .ValueGrid[b-7qst4zss39] {
  display: grid;
  grid-template-columns: repeat(2, auto);
}
.ComponentContent .Value.RoomData .ValueGrid .valve-container[b-7qst4zss39] {
  display: flex;
  align-items: center;
}
.ComponentContent .Value.RoomData .ValueGrid .valve-container span[b-7qst4zss39] {
  margin-left: 0.2rem;
  margin-bottom: 0.1rem;
}
.ComponentContent .Value.RoomData .ValueGrid .valve-container img[b-7qst4zss39] {
  margin-bottom: 0.21rem;
}
.ComponentContent .Value.RoomData .ValueGrid button[b-7qst4zss39] {
  font-size: 0.9375rem;
}
.ComponentContent .Value.RoomData .ValueGrid div[b-7qst4zss39] {
  padding-bottom: 1.9375rem;
}
.ComponentContent .Value.RoomData .ValueGrid .ComponentsLink[b-7qst4zss39] {
  text-decoration: underline;
  cursor: pointer;
}
.ComponentContent .Value.RoomData .ValueGrid .Airflow img[b-7qst4zss39] {
  margin-right: 0.3rem;
}
.ComponentContent .Value.RoomData .ValueGrid .Airflow span[b-7qst4zss39] {
  padding-left: 0.3rem;
}
.ComponentContent .Value.Error.RoomData.Flowdirection_1[b-7qst4zss39], .ComponentContent .Value.Error.RoomData.Flowdirection_2[b-7qst4zss39] {
  background-color: var(--error-bg);
  border: 1px solid var(--error);
}
.ComponentContent .Valve[b-7qst4zss39] {
  display: contents;
}
.ComponentContent .Valve:not(.dummy-row):last-child .Value[b-7qst4zss39] {
  height: 1.35rem;
}
.ComponentContent .Valve.Warning .Value[b-7qst4zss39] {
  background-color: rgba(207, 44, 41, 0.0509803922);
}
.ComponentContent .Valve:nth-child(2) .Value[b-7qst4zss39] {
  margin-top: 2rem;
}
.ComponentContent .Valve .Value:first-child[b-7qst4zss39] {
  padding: 0;
  background: var(--card-background);
}
.ComponentContent .Valve:last-child .Value[b-7qst4zss39] {
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-bottom: 1px solid var(--border-color-light);
  margin-bottom: -0.1875rem;
}
.ComponentContent .Valve:last-child .Value:first-child[b-7qst4zss39] {
  padding: 0;
}
.ComponentContent .Valve .Value[b-7qst4zss39] {
  position: relative;
}
.ComponentContent .Valve .Value .WarningIcons[b-7qst4zss39] {
  margin-top: 0.18rem;
  margin-right: 0.5rem;
}
.ComponentContent .Valve .Value .RegulatoryError[b-7qst4zss39] {
  margin-right: 1rem;
  position: absolute;
  left: calc(50% - 3rem);
  top: calc(50% - 0.8rem);
}
.ComponentContent .Valve .Value span[b-7qst4zss39], .ComponentContent .Valve .Value img[b-7qst4zss39], .ComponentContent .Valve .Value .WarningIcons[b-7qst4zss39] {
  vertical-align: middle;
}
.ComponentContent .Valve .Value .icon[b-7qst4zss39] {
  margin-right: 0.3rem;
}
.ComponentContent .Valve .Value[b-7qst4zss39]  input {
  border: 1px solid var(--input-border);
}
.ComponentContent .Valve .Value[b-7qst4zss39]  .basic-select {
  border: 1px solid var(--input-border);
  background-color: #fff;
  padding: 0.5rem 1rem;
  min-width: 104px;
  text-align: center;
}
.ComponentContent .Valve .Value[b-7qst4zss39]  .basic-select img {
  padding-left: 0.5rem;
}
.ComponentContent .single-row[b-7qst4zss39] {
  height: 6.7rem;
}
/* /Pages/Project/Components/ValvesDucts/ComponentsValvesDucts.razor.rz.scp.css */
h1[b-39d4dyyfq8] {
  margin-left: 1rem;
  font-size: 31px;
  font-weight: 600;
  line-height: 37.2px;
  text-align: left;
  margin-bottom: 24px;
}
h1.HiddenDefaults[b-39d4dyyfq8] {
  margin-bottom: 60px;
}

.showComponents[b-39d4dyyfq8] {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.08px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.showComponents i[b-39d4dyyfq8] {
  margin-left: 17px;
  font-size: 19px;
}
.showComponents .PillSwitch[b-39d4dyyfq8] {
  margin-left: 32px;
}

.components[b-39d4dyyfq8] {
  display: flex;
  margin-bottom: 35px;
  gap: 21px;
}
.components .first[b-39d4dyyfq8], .components .second[b-39d4dyyfq8], .components .third[b-39d4dyyfq8] {
  display: flex;
  align-items: center;
  padding: 18px 22px 14px 22px;
  background: #F5F5F5;
  border-radius: 5px;
  min-width: 0;
  flex-basis: 100%;
}
.components .first .image[b-39d4dyyfq8], .components .second .image[b-39d4dyyfq8], .components .third .image[b-39d4dyyfq8] {
  margin-right: 21px;
}
.components .first .image img[b-39d4dyyfq8], .components .second .image img[b-39d4dyyfq8], .components .third .image img[b-39d4dyyfq8] {
  max-width: 45px;
}
.components .first .text[b-39d4dyyfq8], .components .second .text[b-39d4dyyfq8], .components .third .text[b-39d4dyyfq8] {
  flex-grow: 1;
  min-width: 0;
  margin-right: 25px;
}
.components .first .text .top[b-39d4dyyfq8], .components .second .text .top[b-39d4dyyfq8], .components .third .text .top[b-39d4dyyfq8] {
  font-size: 10px;
  font-weight: 400;
  line-height: 12.72px;
  text-align: left;
  margin-bottom: 10px;
}
.components .first .text .bottom[b-39d4dyyfq8], .components .second .text .bottom[b-39d4dyyfq8], .components .third .text .bottom[b-39d4dyyfq8] {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.35px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.components .first .action[b-39d4dyyfq8], .components .second .action[b-39d4dyyfq8], .components .third .action[b-39d4dyyfq8] {
  font-size: 24px;
}
.components .spacer[b-39d4dyyfq8] {
  padding-left: 21px;
  flex-grow: 0;
}
.components .first[b-39d4dyyfq8], .components .second[b-39d4dyyfq8], .components .visibility[b-39d4dyyfq8] {
  cursor: pointer;
}
.components .visibility[b-39d4dyyfq8] {
  margin: 45px 20px 0 20px;
}
.components .visibility i[b-39d4dyyfq8] {
  font-size: 21px;
}
/* /Pages/Project/Components/ValvesDucts/CustomValve.razor.rz.scp.css */
.header[b-066lxo9q9o] {
  text-transform: none;
}

.CustomValve[b-066lxo9q9o] {
  max-width: 65rem;
  text-transform: none;
}
.CustomValve .SubHeader[b-066lxo9q9o] {
  font-size: 20px;
  font-weight: 400;
}
.CustomValve .actions[b-066lxo9q9o] {
  float: right;
  margin-bottom: 50px;
}
.CustomValve .actions .button[b-066lxo9q9o] {
  margin-left: 28px;
}
.CustomValve form .row .col-6[b-066lxo9q9o], .CustomValve form .row .col-3[b-066lxo9q9o] {
  font-size: var(--body-font-size);
}
.CustomValve form .row .col-6[b-066lxo9q9o]  input, .CustomValve form .row .col-3[b-066lxo9q9o]  input {
  border: 1px solid var(--border-color-light);
  width: 100%;
  padding: 0.76rem;
  text-align: left;
  max-width: unset;
  min-width: unset;
}
/* /Pages/Project/Components/ValvesDucts/DefaultComponents.razor.rz.scp.css */
.DefaultComponentsButton[b-ht406lkz2c] {
  position: absolute;
  left: 100%;
  margin-left: 1rem;
  font-size: 1.5rem;
  padding: 0.5rem 1rem !important;
  cursor: pointer;
}
.DefaultComponentsButton.Card i[b-ht406lkz2c] {
  --fa-primary-color: var(--btn-components-color);
  --fa-secondary-color: var(--btn-components-color);
}

.products .AirSide[b-ht406lkz2c], .products .SelectDuct[b-ht406lkz2c] {
  font-weight: 500;
  font-size: 16px;
  color: #93989D;
}
.products .SelectDuct[b-ht406lkz2c] {
  margin-top: 32px;
}
.products .valve[b-ht406lkz2c], .products .duct[b-ht406lkz2c] {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.products .valve .title[b-ht406lkz2c], .products .duct .title[b-ht406lkz2c] {
  margin-right: 28px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.35px;
  text-align: left;
  min-width: 8rem;
}
.products .duct[b-ht406lkz2c] {
  margin-bottom: 32px;
}
.products[b-ht406lkz2c]  .ProductSelector {
  --TextWidthPopup: 35rem;
}

.actions[b-ht406lkz2c] {
  float: right;
  margin-bottom: 50px;
}
.actions .button[b-ht406lkz2c] {
  margin-left: 28px;
}
/* /Pages/Project/Estimation/EstimationParameters.razor.rz.scp.css */
.Card.Estimation[b-wiiurrzrrd] {
  padding-left: calc(var(--card-padding) + 1rem) !important;
  padding-top: calc(var(--card-padding) + 1rem) !important;
  padding-bottom: calc(var(--card-padding) + 8rem) !important;
}
.Card.Estimation .row .ProductSelector[b-wiiurrzrrd]  .ComponentSelector {
  border: 1px solid var(--border-color-light);
  background-color: #fff;
  border-radius: 5px;
  padding: 0 0 0 24px;
}
.Card.Estimation .row .ProductSelector[b-wiiurrzrrd]  .ComponentSelector .SelectorImage {
  display: flex;
}
.Card.Estimation .row .ProductSelector[b-wiiurrzrrd]  .ComponentSelector .SelectorData {
  flex-grow: 1;
  max-width: none;
}
.Card.Estimation .row .ProductSelector[b-wiiurrzrrd]  .ComponentSelector .SelectList {
  width: 100%;
}
.Card.Estimation .row .ProductSelector[b-wiiurrzrrd]  .ComponentSelector .SelectList .SelectorData .Name {
  max-width: 90%;
}
.Card.Estimation .row .TopMargin[b-wiiurrzrrd] {
  margin-top: 1rem;
}
.Card.Estimation .row .DiameterInfos[b-wiiurrzrrd] {
  margin-top: 50px;
}
.Card.Estimation h3[b-wiiurrzrrd] {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: calc(34px - 1rem);
  margin-top: 50px;
}
.Card.Estimation .noTopMargin[b-wiiurrzrrd] {
  margin-top: 0;
}
.Card.Estimation form label[b-wiiurrzrrd] {
  margin-bottom: 11px;
}
.Card.Estimation form .StyledSelect[b-wiiurrzrrd] {
  width: 100%;
  height: 3rem;
  border: 1px solid var(--border-color-light);
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  background-image: url(/img/notification_close.svg);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: right 15px center;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.Card.Estimation form .StyledSelect select[b-wiiurrzrrd] {
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background: transparent;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.Card.Estimation h2[b-wiiurrzrrd] {
  margin-top: 5rem;
}
.Card.Estimation .Summary[b-wiiurrzrrd] {
  display: flex;
  gap: 1rem;
}
.Card.Estimation .Summary .Item .SummaryHeader[b-wiiurrzrrd] {
  font-weight: 500;
}
.Card.Estimation .UnitPlacement[b-wiiurrzrrd] {
  display: flex;
  gap: 36px;
}
.Card.Estimation .UnitPlacement .TypeCard[b-wiiurrzrrd] {
  width: 210px;
  margin: 0 !important;
}
.Card.Estimation .UnitPlacement .TypeCard .Name img[b-wiiurrzrrd] {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: contain;
  object-position: top left;
}
.Card.Estimation .UnitPlacement .TypeCard.Hidden[b-wiiurrzrrd] {
  visibility: hidden;
}
.Card.Estimation .UnitPlacement .UnitPlacementInfo[b-wiiurrzrrd] {
  margin-left: 1rem;
  padding-top: 1rem;
}
.Card.Estimation .UnitPlacement.Mode .TypeCard .Name img[b-wiiurrzrrd] {
  width: 2.5rem;
}
.Card.Estimation .UnitPlacement.Mode .TypeCard.Base .Name img[b-wiiurrzrrd] {
  width: 2.2rem;
}
/* /Pages/Project/Materials/MaterialList.razor.rz.scp.css */
.ProjectStatistics .TotalSum[b-0djdpz6vuz] {
  font-weight: 500;
}

.MaterialsHeader[b-0djdpz6vuz] {
  margin: 3rem 0;
}

.TopContainer[b-0djdpz6vuz] {
  margin: 3rem 0;
  display: flex;
  padding-right: 8px;
}
.TopContainer .Actions[b-0djdpz6vuz] {
  display: flex;
  gap: 8px;
}
.TopContainer .Actions .Inline[b-0djdpz6vuz] {
  padding: 8px 19px;
}
.TopContainer .Reset[b-0djdpz6vuz] {
  padding-left: 1rem;
}
.TopContainer .Reset img[b-0djdpz6vuz] {
  padding-right: 10px;
}
.TopContainer .SearchContainer[b-0djdpz6vuz] {
  min-width: 30rem;
  position: relative;
}
.TopContainer .SearchContainer i[b-0djdpz6vuz] {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  font-size: 1.3rem;
}
.TopContainer .SearchContainer .SearchContainerReset[b-0djdpz6vuz] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.TopContainer .SearchContainer .SearchResults[b-0djdpz6vuz] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28rem;
  height: 28rem;
  overflow: auto;
  background-color: #fff;
  border: 1px solid var(--border-color-light);
  border-top: 0;
  z-index: 1000;
}
.TopContainer .SearchContainer .SearchResults .Item[b-0djdpz6vuz] {
  height: 2rem;
  margin: 0.3rem 1rem;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s;
}
.TopContainer .SearchContainer .SearchResults .Item img[b-0djdpz6vuz] {
  border: 1px solid var(--border-color-light);
  padding: 0.3rem;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.5rem;
}
.TopContainer .SearchContainer .SearchResults .Item:hover[b-0djdpz6vuz] {
  font-weight: bold;
}
.TopContainer .SearchContainer .SearchResults .Item:first-child[b-0djdpz6vuz] {
  border-top: 0;
}

.Materials[b-0djdpz6vuz] {
  --min-width: 11rem;
  display: grid;
  grid-template-columns: auto max-content minmax(var(--min-width), max-content) minmax(var(--min-width), max-content) minmax(var(--min-width), max-content) max-content;
  align-items: end;
}
.Materials[b-0djdpz6vuz]  .CustomInputBackground input {
  background: rgba(223, 226, 230, 0.2);
}
.Materials .HeaderContainer[b-0djdpz6vuz], .Materials .Category[b-0djdpz6vuz], .Materials .Entry[b-0djdpz6vuz] {
  display: contents;
}
.Materials .Header[b-0djdpz6vuz] {
  border-bottom: 1px solid var(--border-color-light);
  font-weight: 500;
  padding: 1rem 0;
}
.Materials .AmountHeader[b-0djdpz6vuz] {
  padding: 1rem 1rem 1rem 0;
  text-align: center;
}
.Materials .PaddingLeft[b-0djdpz6vuz] {
  padding-left: 1rem;
}
.Materials .CategoryHeader[b-0djdpz6vuz] {
  grid-column: span 6;
  margin-top: 3rem;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color-light);
}
.Materials .Entry[b-0djdpz6vuz] {
  font-size: 0.89rem;
}
.Materials .Entry.Custom > div[b-0djdpz6vuz] {
  background-color: #ECF4FF;
}
.Materials .Entry .Center[b-0djdpz6vuz] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Materials .Entry .DeleteItem[b-0djdpz6vuz] {
  cursor: pointer;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color-light);
  transition: border 0.1s;
}
.Materials .Entry .DeleteItem:hover[b-0djdpz6vuz] {
  border-bottom: 3px solid var(--primary);
}
.Materials .Entry .PaddingLeft[b-0djdpz6vuz] {
  padding-left: 1rem;
}
.Materials .Entry .VerticalCenter[b-0djdpz6vuz] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.Materials .Entry .fa-x[b-0djdpz6vuz] {
  font-size: 1.2rem;
}
.Materials .Entry > div[b-0djdpz6vuz] {
  padding: 1rem 1rem 1rem 0;
  border-bottom: 1px solid var(--border-color-light);
  align-content: center;
}
.Materials .Entry .Description[b-0djdpz6vuz] {
  display: flex;
  padding: 1rem;
}
.Materials .Entry .Description img[b-0djdpz6vuz] {
  border: 1px solid var(--border-color-light);
  padding: 0.3rem;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.5rem;
}
.Materials .Entry .Description .ProductName[b-0djdpz6vuz] {
  font-weight: 500;
}
.Materials .Entry .Description .ProductNumber a[b-0djdpz6vuz] {
  text-decoration: underline;
}
.Materials .Entry .Description .ProductNumber span[b-0djdpz6vuz] {
  margin-left: 5px;
}
.Materials .Entry .InfoColumn .RecommendedAmount[b-0djdpz6vuz] {
  white-space: nowrap;
  cursor: pointer;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Num[b-0djdpz6vuz], .Materials .Entry .InfoColumn .RecommendedAmount .Reset[b-0djdpz6vuz] {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #D7EDDC;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #639C6E;
  text-align: center;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 500;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Reset[b-0djdpz6vuz] {
  display: none;
}
.Materials .Entry .InfoColumn .RecommendedAmount:hover .Num[b-0djdpz6vuz] {
  display: none;
}
.Materials .Entry .InfoColumn .RecommendedAmount:hover .Reset[b-0djdpz6vuz] {
  display: inline-block;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Recommended[b-0djdpz6vuz] {
  vertical-align: text-bottom;
}
.Materials .Entry .InfoColumn .Recommended.UserAdded[b-0djdpz6vuz] {
  color: var(--body-color);
  background-color: var(--border-color-light);
  font-weight: 500;
  margin-left: 26px;
}
.Materials .Entry .InfoColumn .Recommended.CustomProduct[b-0djdpz6vuz] {
  color: #fff;
  background-color: #2477F3;
  font-weight: 500;
  margin-left: 26px;
}
/* /Pages/Project/Materials/MultiBOM.razor.rz.scp.css */
.TopContainer[b-o6t8b3dwxt] {
  margin: 23px 0 41px 0;
  display: flex;
  padding-right: 8px;
}
.TopContainer .Actions[b-o6t8b3dwxt] {
  display: flex;
  gap: 8px;
}
.TopContainer .Actions .Inline[b-o6t8b3dwxt] {
  padding: 8px 19px;
}
.TopContainer .Reset[b-o6t8b3dwxt] {
  padding-left: 1rem;
}
.TopContainer .Reset img[b-o6t8b3dwxt] {
  padding-right: 10px;
}
.TopContainer .SearchContainer[b-o6t8b3dwxt] {
  min-width: 30rem;
  position: relative;
}
.TopContainer .SearchContainer i[b-o6t8b3dwxt] {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  font-size: 1.3rem;
}
.TopContainer .SearchContainer .SearchContainerReset[b-o6t8b3dwxt] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.TopContainer .SearchContainer .SearchResults[b-o6t8b3dwxt] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28rem;
  height: 28rem;
  overflow: auto;
  background-color: #fff;
  border: 1px solid var(--border-color-light);
  border-top: 0;
  z-index: 1000;
}
.TopContainer .SearchContainer .SearchResults .Item[b-o6t8b3dwxt] {
  height: 2rem;
  margin: 0.3rem 1rem;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s;
}
.TopContainer .SearchContainer .SearchResults .Item img[b-o6t8b3dwxt] {
  border: 1px solid var(--border-color-light);
  padding: 0.3rem;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.5rem;
}
.TopContainer .SearchContainer .SearchResults .Item:hover[b-o6t8b3dwxt] {
  font-weight: bold;
}
.TopContainer .SearchContainer .SearchResults .Item:first-child[b-o6t8b3dwxt] {
  border-top: 0;
}

.Materials[b-o6t8b3dwxt] {
  --min-width: 11rem;
  display: grid;
  grid-template-columns: auto max-content minmax(var(--min-width), max-content) minmax(var(--min-width), max-content) minmax(var(--min-width), max-content) max-content;
  align-items: end;
}
.Materials[b-o6t8b3dwxt]  .CustomInputBackground input {
  background: rgba(223, 226, 230, 0.2);
}
.Materials .HeaderContainer[b-o6t8b3dwxt], .Materials .Category[b-o6t8b3dwxt], .Materials .Entry[b-o6t8b3dwxt] {
  display: contents;
}
.Materials .Header[b-o6t8b3dwxt] {
  border-bottom: 1px solid var(--border-color-light);
  font-weight: 500;
  padding: 1rem 0;
}
.Materials .AmountHeader[b-o6t8b3dwxt] {
  padding: 1rem 1rem 1rem 0;
  text-align: center;
}
.Materials .PaddingLeft[b-o6t8b3dwxt] {
  padding-left: 1rem;
}
.Materials .CategoryHeader[b-o6t8b3dwxt] {
  grid-column: span 6;
  margin-top: 53px;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color-light);
}
.Materials .Entry[b-o6t8b3dwxt] {
  font-size: 0.89rem;
}
.Materials .Entry.Custom > div[b-o6t8b3dwxt] {
  background-color: #ECF4FF;
}
.Materials .Entry .Center[b-o6t8b3dwxt] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Materials .Entry .DeleteItem[b-o6t8b3dwxt] {
  cursor: pointer;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color-light);
  transition: border 0.1s;
}
.Materials .Entry .DeleteItem:hover[b-o6t8b3dwxt] {
  border-bottom: 3px solid var(--primary);
}
.Materials .Entry .PaddingLeft[b-o6t8b3dwxt] {
  padding-left: 1rem;
}
.Materials .Entry .VerticalCenter[b-o6t8b3dwxt] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.Materials .Entry .fa-x[b-o6t8b3dwxt] {
  font-size: 1.2rem;
}
.Materials .Entry > div[b-o6t8b3dwxt] {
  padding: 1rem 1rem 1rem 0;
  border-bottom: 1px solid var(--border-color-light);
  align-content: center;
}
.Materials .Entry .Description[b-o6t8b3dwxt] {
  display: flex;
  padding: 1rem;
}
.Materials .Entry .Description img[b-o6t8b3dwxt] {
  border: 1px solid var(--border-color-light);
  padding: 0.3rem;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.5rem;
}
.Materials .Entry .Description .ProductName[b-o6t8b3dwxt] {
  font-weight: 500;
}
.Materials .Entry .Description .ProductNumber a[b-o6t8b3dwxt] {
  text-decoration: underline;
}
.Materials .Entry .Description .ProductNumber span[b-o6t8b3dwxt] {
  margin-left: 5px;
}
.Materials .Entry .InfoColumn .RecommendedAmount[b-o6t8b3dwxt] {
  white-space: nowrap;
  cursor: pointer;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Num[b-o6t8b3dwxt], .Materials .Entry .InfoColumn .RecommendedAmount .Reset[b-o6t8b3dwxt] {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #D7EDDC;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #639C6E;
  text-align: center;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 500;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Reset[b-o6t8b3dwxt] {
  display: none;
}
.Materials .Entry .InfoColumn .RecommendedAmount:hover .Num[b-o6t8b3dwxt] {
  display: none;
}
.Materials .Entry .InfoColumn .RecommendedAmount:hover .Reset[b-o6t8b3dwxt] {
  display: inline-block;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Recommended[b-o6t8b3dwxt] {
  vertical-align: text-bottom;
}
.Materials .Entry .InfoColumn .Recommended.UserAdded[b-o6t8b3dwxt] {
  color: var(--body-color);
  background-color: var(--border-color-light);
  font-weight: 500;
  margin-left: 26px;
}
.Materials .Entry .InfoColumn .Recommended.CustomProduct[b-o6t8b3dwxt] {
  color: #fff;
  background-color: #2477F3;
  font-weight: 500;
  margin-left: 26px;
}

.PlanError .Plans[b-o6t8b3dwxt] {
  display: grid;
  max-width: 1024px;
  grid-template-columns: fit-content(90%) fit-content(10%);
  gap: 2rem;
  align-items: center;
}
.PlanError .Plans .Name[b-o6t8b3dwxt] {
  font-weight: 500;
  max-width: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.PlanError .Plans .Action[b-o6t8b3dwxt] {
  white-space: nowrap;
}
/* /Pages/Project/Materials/Quotes.razor.rz.scp.css */
.QuotePopup[b-ioevlfa4bg] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 110;
  display: flex;
  align-items: center;
  justify-content: center;
}
.QuotePopup .QuoteWindow[b-ioevlfa4bg] {
  background-color: #fff;
  padding: 3rem;
  min-width: 40rem;
}
.QuotePopup .QuoteWindow .Plans[b-ioevlfa4bg] {
  max-height: 30rem;
  overflow-y: auto;
  margin-bottom: 3rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.QuotePopup .QuoteWindow .Plans[b-ioevlfa4bg]::-webkit-scrollbar {
  display: none;
}
.QuotePopup .QuoteWindow .Plans .Plan[b-ioevlfa4bg] {
  margin-bottom: 1px;
  border: 1px solid #ededed;
  padding: 1rem;
  cursor: pointer;
  display: flex;
  gap: 1rem;
}
.QuotePopup .QuoteWindow .Plans .Plan.Selected[b-ioevlfa4bg] {
  background-color: #eef1ff;
}
.QuotePopup .QuoteWindow .QuotesBox[b-ioevlfa4bg] {
  max-height: 30rem;
  overflow-y: auto;
  margin-bottom: 3rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.QuotePopup .QuoteWindow .QuotesBox[b-ioevlfa4bg]::-webkit-scrollbar {
  display: none;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote[b-ioevlfa4bg] {
  margin-bottom: 1px;
  border: 1px solid #ededed;
  display: flex;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Status[b-ioevlfa4bg] {
  width: 1rem;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Status.Loading[b-ioevlfa4bg] {
  background-color: #00b2ff;
  cursor: auto;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Status.Error[b-ioevlfa4bg] {
  background-color: #ff0000;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Status.Finished[b-ioevlfa4bg] {
  background-color: #1bc11d;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Text[b-ioevlfa4bg] {
  padding: 1rem;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Text i[b-ioevlfa4bg] {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin-b-ioevlfa4bg 1s linear infinite;
  margin-right: 1rem;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin-b-ioevlfa4bg {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Text span[b-ioevlfa4bg] {
  padding-left: 1rem;
}
.QuotePopup .QuoteWindow .QuotesBox .Quote .Action[b-ioevlfa4bg] {
  padding: 1rem;
}
/* /Pages/Project/Overview/TechnicalOverview.razor.rz.scp.css */
.TechnicalOverview .Header[b-rb3uf73qio] {
  font-weight: 500;
  font-size: 1.25rem;
  padding-left: 1rem;
}
.TechnicalOverview .AirHeader[b-rb3uf73qio] {
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 4rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.TechnicalOverview .Grid[b-rb3uf73qio] {
  display: grid;
  grid-template-columns: repeat(7, auto);
  text-align: center;
}
.TechnicalOverview .Grid .GridHeader[b-rb3uf73qio] {
  display: contents;
  text-transform: uppercase;
  font-size: 0.69rem;
}
.TechnicalOverview .Grid .GridHeader .LeftAlign[b-rb3uf73qio] {
  text-align: left;
  padding-left: 3rem;
}
.TechnicalOverview .Grid .GridHeader .LeftAlign span[b-rb3uf73qio] {
  text-align: left;
  margin-left: 0px;
}
.TechnicalOverview .Grid .GridHeader div[b-rb3uf73qio] {
  border-top: 1px solid var(--border-color-light);
  border-bottom: 2px solid var(--border-color);
  padding: 1rem;
}
.TechnicalOverview .Grid .GridHeader div:first-child[b-rb3uf73qio] {
  text-align: left;
}
.TechnicalOverview .Grid .GridAir[b-rb3uf73qio] {
  display: contents;
}
.TechnicalOverview .Grid .Summary[b-rb3uf73qio] {
  display: contents;
}
.TechnicalOverview .Grid .Summary .Spacer[b-rb3uf73qio] {
  grid-column: span 1;
}
.TechnicalOverview .Grid .Summary .Value[b-rb3uf73qio] {
  background-color: var(--room-summary);
  padding: 0.69rem;
  font-weight: 500;
}
.TechnicalOverview .Grid .Summary .LeftAlign[b-rb3uf73qio] {
  text-align: left;
  padding-left: 2rem;
}
.TechnicalOverview .Grid .Summary .SpacerLong[b-rb3uf73qio] {
  background-color: var(--room-summary);
  grid-column: span 5;
}
/* /Pages/Project/Overview/TechnicalRoom.razor.rz.scp.css */
.GridRoom[b-efa2krr25l] {
  display: contents;
}
.GridRoom .GridLine[b-efa2krr25l] {
  display: contents;
}
.GridRoom .GridLine .VerticalAlign[b-efa2krr25l] {
  display: flex;
  align-items: center;
}
.GridRoom .GridLine .VerticalAlign img[b-efa2krr25l] {
  margin-right: 0.25rem;
}
.GridRoom .GridLine .Justify[b-efa2krr25l] {
  display: flex;
  justify-content: center;
}
.GridRoom .GridLine .Justify img[b-efa2krr25l] {
  margin-right: 0.25rem;
  margin-top: 0.5px;
}
.GridRoom .GridLine.Room[b-efa2krr25l], .GridRoom .GridLine.Valve[b-efa2krr25l] {
  padding: 0.69rem 1rem;
}
.GridRoom .GridLine.Room .TextOverflow[b-efa2krr25l], .GridRoom .GridLine.Valve .TextOverflow[b-efa2krr25l] {
  display: inline-block;
}
.GridRoom .GridLine.Room .Value[b-efa2krr25l], .GridRoom .GridLine.Valve .Value[b-efa2krr25l] {
  padding: 0.69rem 1rem;
}
.GridRoom .GridLine.Room .Value:first-child[b-efa2krr25l], .GridRoom .GridLine.Valve .Value:first-child[b-efa2krr25l] {
  text-align: left;
}
.GridRoom .GridLine.Room .Value.AirSpeed[b-efa2krr25l], .GridRoom .GridLine.Valve .Value.AirSpeed[b-efa2krr25l] {
  display: flex;
  justify-content: center;
  position: relative;
}
.GridRoom .GridLine.Room .Value.AirSpeed .RegulatoryError[b-efa2krr25l], .GridRoom .GridLine.Valve .Value.AirSpeed .RegulatoryError[b-efa2krr25l] {
  margin-left: 0.5rem;
  top: calc(50% - 0.58rem);
  margin-right: 0.5rem;
  position: absolute;
  left: calc(50% - 4rem);
}
.GridRoom .GridLine.Room[b-efa2krr25l] {
  grid-column: span 7;
  display: block;
  font-weight: 500;
  text-align: left;
  display: flex;
}
.GridRoom .GridLine.Room .RegulatoryError[b-efa2krr25l] {
  margin-left: 1rem;
}
.GridRoom .GridLine.Room.AirIn[b-efa2krr25l] {
  background-color: var(--room-in);
}
.GridRoom .GridLine.Room.AirOut[b-efa2krr25l] {
  background-color: var(--room-out);
}
.GridRoom .GridLine.Valve.Error .Value[b-efa2krr25l] {
  background-color: var(--error-light-bg);
  position: relative;
}
.GridRoom .GridLine.Valve.Error .Value:not(.AirSpeed) .RegulatoryError[b-efa2krr25l] {
  cursor: pointer;
  margin-right: 1rem;
  position: absolute;
  left: calc(50% - 3rem);
  top: calc(50% - 0.7rem);
}
.GridRoom .GridLine.Valve.Error .Value:not(.AirSpeed) .RegulatoryError i[b-efa2krr25l] {
  color: var(--error);
}
.GridRoom .GridLine.Valve .Value[b-efa2krr25l] {
  border-bottom: 1px solid var(--border-color-light);
}
.GridRoom .GridLine.Valve .Value span[b-efa2krr25l], .GridRoom .GridLine.Valve .Value img[b-efa2krr25l], .GridRoom .GridLine.Valve .Value .WarningIcons[b-efa2krr25l] {
  vertical-align: middle;
}
.GridRoom .GridLine.Valve .LeftAlign[b-efa2krr25l] {
  text-align: left;
  padding-left: 2rem;
}
.GridRoom .GridLine.Spacer[b-efa2krr25l] {
  grid-column: span 7;
  display: block;
  margin-bottom: 3rem;
}
.GridRoom:last-child .GridLine.Spacer[b-efa2krr25l] {
  margin: 0;
}
/* /Pages/Project/ProjectContainer.razor.rz.scp.css */
.VersionConflict[b-bjua26dvum] {
  max-width: 30rem;
}
.VersionConflict .Header[b-bjua26dvum] {
  font-weight: 500;
  margin-bottom: 1rem;
}
.VersionConflict .Content[b-bjua26dvum] {
  margin-bottom: 3rem;
}
.VersionConflict .Buttons button.LinkButton[b-bjua26dvum] {
  margin-left: 1rem;
}

.ProjectContainer[b-bjua26dvum] {
  padding: 1rem 0 15rem 0;
  box-sizing: border-box;
  --card-background: #FCFBFC;
  --card-padding-small: 1rem;
  --card-padding: 2rem;
  --card-gutter: .5rem;
  position: relative;
}
.ProjectContainer[b-bjua26dvum]  .Card {
  background-color: var(--card-background);
  padding: var(--card-padding);
  margin: 0 var(--card-gutter) var(--card-gutter) 0;
}
.ProjectContainer[b-bjua26dvum]  .Card input {
  text-align: center;
  width: 6rem;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  border: 0;
}
.ProjectContainer[b-bjua26dvum]  .Card.Small {
  padding: var(--card-padding-small);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor {
  min-height: 20rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .Top {
  display: flex;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
  margin-left: 1rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .Top .ContextMenu {
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: border 0.3s;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .Top .ContextMenu:hover {
  border-bottom: 3px solid var(--primary);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .FloorSurface {
  margin: 0 0 32px 1rem;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .FloorSurface div {
  margin-right: 1.5rem;
  display: flex;
  align-items: center;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .FloorSurface div img {
  margin-right: 0.3rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .FloorSurface img {
  margin-right: 0.3rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer {
  margin-top: 10px;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Header {
  border-top: 2px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
  display: flex;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Header .Left, .ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Header .Right {
  display: flex;
  width: 50%;
  padding: 1rem;
  font-weight: 400;
  font-size: 0.95rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Header .Left {
  border-right: 1px solid var(--border-color-light);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Columns {
  display: flex;
  width: 100%;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Columns .Supply, .ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Columns .Extract {
  flex: 1 1 0px;
  max-width: 50%;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Columns .Supply.CSystem, .ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Columns .Extract.CSystem {
  max-width: 100%;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .HiddenEditName input {
  text-overflow: ellipsis;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room {
  display: flex;
  padding: 1rem;
  margin-bottom: 2px;
  height: 8rem;
  border: 1px solid rgba(0, 0, 0, 0);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room:focus-within {
  border: 1px solid var(--border-focus);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenSmallOpening, .ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenLivingRoom, .ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenLivingRoomSmallOpening {
  box-shadow: inset 10px 0px 0px var(--room-out);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenSmallOpening {
  margin-bottom: 0;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenSmallOpening .Data span.Surface {
  display: inline-block;
  margin-right: 0.5rem;
  cursor: pointer;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenLivingRoomSmallOpening {
  margin-bottom: 4px;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.Type_0, .ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.Type_3 {
  background-color: var(--room-def);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.Type_1 {
  background-color: var(--room-in);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.Type_2 {
  background-color: var(--room-out);
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room.Type_2.OpenKitchenSmallOpening {
  height: 16rem;
  margin-bottom: 4px;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Name {
  font-size: 0.89rem;
  font-weight: 500;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Name input {
  font-size: 0.89rem;
  font-weight: 500;
  padding: 0.75rem 0.75rem 0.75rem 0.68rem !important;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Name .OpenKitchen {
  font-size: 0.7rem;
  font-weight: 400;
  margin-top: 0.5rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Data {
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
  width: 9.5rem;
  text-align: center;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Title {
  text-align: center;
  text-transform: uppercase;
  font-size: 0.65rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Title.m2Right {
  padding-right: 1.5rem;
  margin-top: 7px;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Title.m3hRight {
  padding-right: 2rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Value {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Value.Error input {
  border: 1px solid var(--error) !important;
}
.ProjectContainer[b-bjua26dvum]  .Card.ProjectFloor .RoomContainer .Rooms .Room .Action .ContextMenu {
  margin: -0.8rem -0.5rem 0;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics {
  display: flex;
  line-height: 2rem;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card {
  min-width: 12rem;
  display: flex;
  flex-direction: column;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card.BalanceStats {
  position: relative;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value {
  padding-top: 0.5rem;
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value span {
  line-height: 0;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value button {
  font-size: 1rem;
  float: right;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value img {
  margin: 0 0.7rem 0 0.8rem;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value i {
  margin: 0 0.7rem 0 0.8rem;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value i.balanced {
  color: var(--balanced-checked);
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value i.unbalanced {
  color: var(--negative-red);
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value .t {
  font-size: 1.5rem;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value.PressureLoss .Loss {
  line-height: 1.5rem;
  font-size: 20px;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value.PressureLoss .Loss:first-child {
  margin-top: -9px;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value.PressureLoss .Loss:last-child {
  margin-bottom: -7px;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card .Value.PressureLoss .Loss img {
  margin: 0 20px 0 0;
  height: 20px;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card.Rebalance .Value {
  display: flex;
  align-items: center;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card.Rebalance img {
  margin: 0 12px 0 0;
  height: 22px;
  width: auto;
}
.ProjectContainer[b-bjua26dvum]  .ProjectStatistics .Card.Rebalance .t {
  margin-left: 0.5rem;
  display: inline-block;
}
/* /Pages/Project/Reports/MultiReportsOverview.razor.rz.scp.css */
.ReportsOverview .Header[b-m7d1ovdbtz] {
  margin-top: 3.6rem;
  font-weight: 500;
  font-size: 1.25rem;
}
.ReportsOverview .PreviewImage[b-m7d1ovdbtz] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 200;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ReportsOverview .PreviewImage .ImageContainer[b-m7d1ovdbtz] {
  display: inline-block;
  max-height: 90%;
  max-width: 90%;
  height: 100%;
  text-align: center;
}
.ReportsOverview .PreviewImage .ImageContainer img[b-m7d1ovdbtz] {
  max-height: 100%;
  height: 100%;
  width: auto;
}
.ReportsOverview .PreviewImage .ImageContainer .Error[b-m7d1ovdbtz] {
  display: inline-block;
  background-color: red;
  color: white;
  padding: 1rem;
}
.ReportsOverview .Sides[b-m7d1ovdbtz] {
  display: Flex;
  margin-top: 3.8rem;
  justify-content: start;
  align-items: start;
}
.ReportsOverview .Sides .Right[b-m7d1ovdbtz] {
  padding: 0 1rem 0 6rem;
  min-width: 20rem;
}
.ReportsOverview .Sides .Right .Downloads[b-m7d1ovdbtz]  .WarningFixed {
  margin-top: 2rem;
}
.ReportsOverview .Sides .Right .Downloads .QuoteBox[b-m7d1ovdbtz] {
  margin-top: 2rem;
  white-space: nowrap;
}
.ReportsOverview .Sides .Right .Downloads .QuoteBox .button[b-m7d1ovdbtz] {
  width: 100%;
}
.ReportsOverview .Sides .Right .Item[b-m7d1ovdbtz] {
  border-bottom: 1px solid var(--border-color-dark);
  white-space: nowrap;
  padding-bottom: 0.65rem;
  font-weight: 500;
  cursor: pointer;
}
.ReportsOverview .Sides .Right .Item:not(:first-child)[b-m7d1ovdbtz] {
  padding-top: 1rem;
}
.ReportsOverview .Sides .Right .Item i[b-m7d1ovdbtz] {
  font-size: 1.5rem;
}
.ReportsOverview .Sides .Right .Item span[b-m7d1ovdbtz] {
  padding-left: 1.5rem;
}
.ReportsOverview .Sides .Right .Item.Top[b-m7d1ovdbtz] {
  font-size: 1.2rem;
  cursor: default;
}
.ReportsOverview .Sides .Right .Item:last-child[b-m7d1ovdbtz] {
  border-bottom: none;
}
.ReportsOverview .Sides .Left[b-m7d1ovdbtz] {
  flex-grow: 1;
}
.ReportsOverview .Sides .Left .SubHeader[b-m7d1ovdbtz] {
  font-weight: 500;
  font-size: 1.3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color-dark);
}
.ReportsOverview .Sides .Left .Documents[b-m7d1ovdbtz] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 3rem;
}
.ReportsOverview .Sides .Left .Documents .Document[b-m7d1ovdbtz] {
  padding-right: 3rem;
  flex-direction: column;
  min-width: 150px;
  flex-grow: 1;
  margin-top: 2.4rem;
}
.ReportsOverview .Sides .Left .Documents .Document .Image[b-m7d1ovdbtz] {
  flex-grow: 1;
  background-color: #fff;
  border: 1px solid var(--border-color-docs);
  position: relative;
}
.ReportsOverview .Sides .Left .Documents .Document .Image img[b-m7d1ovdbtz] {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  object-fit: contain;
  object-position: center center;
  display: flex;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .DocumentImage[b-m7d1ovdbtz] {
  width: 190px;
  height: 268px;
  max-width: 190px;
  max-height: 268px;
  min-width: 190px;
  min-height: 268px;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .Excel[b-m7d1ovdbtz] {
  padding: 2rem;
  cursor: pointer;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .PreviewButtonContainer[b-m7d1ovdbtz] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #000;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .PreviewButtonContainer .PreviewButton[b-m7d1ovdbtz] {
  width: 32px;
  height: 32px;
  bottom: -1px;
  right: -1px;
  position: absolute;
  padding: 4px;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector[b-m7d1ovdbtz] {
  display: flex;
  cursor: pointer;
  padding-top: 1rem;
  font-weight: 400;
  align-items: center;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector .Checkbox[b-m7d1ovdbtz] {
  padding: 0 0.75rem 0 0;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector .Checkbox input[type=checkbox][b-m7d1ovdbtz]::before {
  box-shadow: inset 1.5rem 1.5rem var(--font-color-light);
}
/* /Pages/Project/Reports/ReportsOverview.razor.rz.scp.css */
.ReportsOverview .Header[b-xbqhxiguqi] {
  margin-top: 3.6rem;
  font-weight: 500;
  font-size: 1.25rem;
}
.ReportsOverview .PreviewImage[b-xbqhxiguqi] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 200;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ReportsOverview .PreviewImage .ImageContainer[b-xbqhxiguqi] {
  display: inline-block;
  max-height: 90%;
  max-width: 90%;
  height: 100%;
  text-align: center;
}
.ReportsOverview .PreviewImage .ImageContainer img[b-xbqhxiguqi] {
  max-height: 100%;
  height: 100%;
  width: auto;
}
.ReportsOverview .PreviewImage .ImageContainer .Error[b-xbqhxiguqi] {
  display: inline-block;
  background-color: red;
  color: white;
  padding: 1rem;
}
.ReportsOverview .Sides[b-xbqhxiguqi] {
  display: Flex;
  margin-top: 3.8rem;
  justify-content: start;
  align-items: start;
}
.ReportsOverview .Sides .Right[b-xbqhxiguqi] {
  padding: 0 1rem 0 6rem;
  min-width: 20rem;
}
.ReportsOverview .Sides .Right .Downloads[b-xbqhxiguqi]  .WarningFixed {
  margin-top: 2rem;
}
.ReportsOverview .Sides .Right .Downloads .QuoteBox[b-xbqhxiguqi] {
  margin-top: 2rem;
  white-space: nowrap;
}
.ReportsOverview .Sides .Right .Downloads .QuoteBox .button[b-xbqhxiguqi] {
  width: 100%;
}
.ReportsOverview .Sides .Right .Item[b-xbqhxiguqi] {
  border-bottom: 1px solid var(--border-color-dark);
  white-space: nowrap;
  padding-bottom: 0.65rem;
  font-weight: 500;
  cursor: pointer;
}
.ReportsOverview .Sides .Right .Item:not(:first-child)[b-xbqhxiguqi] {
  padding-top: 1rem;
}
.ReportsOverview .Sides .Right .Item i[b-xbqhxiguqi] {
  font-size: 1.5rem;
}
.ReportsOverview .Sides .Right .Item span[b-xbqhxiguqi] {
  padding-left: 1.5rem;
}
.ReportsOverview .Sides .Right .Item.Top[b-xbqhxiguqi] {
  font-size: 1.2rem;
  cursor: default;
}
.ReportsOverview .Sides .Right .Item:last-child[b-xbqhxiguqi] {
  border-bottom: none;
}
.ReportsOverview .Sides .Left[b-xbqhxiguqi] {
  flex-grow: 1;
}
.ReportsOverview .Sides .Left .SubHeader[b-xbqhxiguqi] {
  font-weight: 500;
  font-size: 1.3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color-dark);
}
.ReportsOverview .Sides .Left .Documents[b-xbqhxiguqi] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 3rem;
}
.ReportsOverview .Sides .Left .Documents .Document[b-xbqhxiguqi] {
  padding-right: 3rem;
  flex-direction: column;
  min-width: 150px;
  flex-grow: 1;
  margin-top: 2.4rem;
}
.ReportsOverview .Sides .Left .Documents .Document .Image[b-xbqhxiguqi] {
  flex-grow: 1;
  background-color: #fff;
  border: 1px solid var(--border-color-docs);
  position: relative;
}
.ReportsOverview .Sides .Left .Documents .Document .Image img[b-xbqhxiguqi] {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  object-fit: contain;
  object-position: center center;
  display: flex;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .DocumentImage[b-xbqhxiguqi] {
  width: 190px;
  height: 268px;
  max-width: 190px;
  max-height: 268px;
  min-width: 190px;
  min-height: 268px;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .Excel[b-xbqhxiguqi] {
  padding: 2rem;
  cursor: pointer;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .PreviewButtonContainer[b-xbqhxiguqi] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #000;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .PreviewButtonContainer .PreviewButton[b-xbqhxiguqi] {
  width: 32px;
  height: 32px;
  bottom: -1px;
  right: -1px;
  position: absolute;
  padding: 4px;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector[b-xbqhxiguqi] {
  display: flex;
  cursor: pointer;
  padding-top: 1rem;
  font-weight: 400;
  align-items: center;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector .Checkbox[b-xbqhxiguqi] {
  padding: 0 0.75rem 0 0;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector .Checkbox input[type=checkbox][b-xbqhxiguqi]::before {
  box-shadow: inset 1.5rem 1.5rem var(--font-color-light);
}
/* /Pages/Project/Rooms/RoomPlanner.razor.rz.scp.css */
.AddFloorButton[b-p62qtplyi0] {
  margin-top: 3rem;
  text-align: center;
  border-top: 1px dashed var(--border-color);
  position: relative;
}
.AddFloorButton button[b-p62qtplyi0] {
  position: absolute;
  top: -1.3rem;
  margin-left: -3.5rem;
  left: 50%;
}
/* /Pages/Project/Rooms/RoomPlannerFloor.razor.rz.scp.css */
.ProjectFloor[b-stuqt86ds0] {
  position: relative;
}
.ProjectFloor .add-btn-icon[b-stuqt86ds0] {
  margin-left: 0px;
  font-size: xx-small;
  margin-right: 0.3rem;
}
.ProjectFloor .FloorSurface[b-stuqt86ds0] {
  margin: -1.5rem 0 32px 1rem !important;
}
.ProjectFloor .HiddenEditName[b-stuqt86ds0] {
  margin: -13px;
  width: 35rem;
  max-width: 35rem;
}
.ProjectFloor .HiddenEditName input[b-stuqt86ds0] {
  font-size: 1.3rem;
  font-weight: 500;
}
.ProjectFloor .HiddenEditName input[b-stuqt86ds0]::placeholder {
  color: inherit;
}
.ProjectFloor .Sorter[b-stuqt86ds0] {
  position: absolute;
  left: -1.18rem;
  background: var(--card-background);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  border: 1px solid var(--btn-arrow-border-col);
  cursor: pointer;
}
.ProjectFloor .Sorter.couple[b-stuqt86ds0] {
  height: 4.25rem;
  border-radius: 1.1875rem;
}
.ProjectFloor .Sorter.couple .Arrow.Down[b-stuqt86ds0] {
  margin-top: -0.375rem;
}
.ProjectFloor .Sorter .Arrow[b-stuqt86ds0] {
  cursor: pointer;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background-color 0.3s;
}
.ProjectFloor .Sorter .Arrow i[b-stuqt86ds0] {
  font-weight: 600;
}
.ProjectFloor .Sorter .Arrow:hover[b-stuqt86ds0] {
  background: var(--tooltips-hover-background);
}
.ProjectFloor .Sorter .tooltip[b-stuqt86ds0] {
  position: absolute;
  padding: 0.0625rem 0.5rem 0.0625rem 0.5rem;
  font-size: 0.8125rem;
  visibility: hidden;
  opacity: 0;
  white-space: nowrap;
  background-color: var(--tooltips-background);
  transition: opacity 0.3s;
  top: calc(100% + 0.8125rem);
  left: 0;
  z-index: 1;
}
.ProjectFloor .Sorter .Arrow:hover .tooltip[b-stuqt86ds0] {
  visibility: visible;
  opacity: 1;
}
/* /Pages/Project/Rooms/RoomPlannerFloorRoom.razor.rz.scp.css */
.Room[b-d13q9prfb6] {
  border: 1px solid rgba(0, 0, 0, 0);
}
.Room:focus-within[b-d13q9prfb6] {
  border: 1px solid #2477F3;
}
.Room .edit-wrapper[b-d13q9prfb6] {
  position: relative;
}
.Room .edit-wrapper .chain[b-d13q9prfb6] {
  position: absolute;
  left: -2rem;
}
.Room .edit-wrapper .chainSimple[b-d13q9prfb6] {
  margin-right: 1rem;
}
.Room .edit-wrapper .Surface[b-d13q9prfb6] {
  line-height: 1;
}
.Room .Name[b-d13q9prfb6] {
  flex-grow: 2;
}
.Room .Name .plus[b-d13q9prfb6] {
  display: inline-block;
  width: 10px;
}
.Room .Name .plus i[b-d13q9prfb6] {
  font-size: 1.1rem;
  position: relative;
  bottom: -0.05rem;
  font-style: normal;
}
.Room .Name .HiddenEditName[b-d13q9prfb6] {
  max-width: 100%;
  width: 100%;
}
.Room .Name span[b-d13q9prfb6] {
  display: block;
}
/* /Pages/Shared/BOM/BOMHeader.razor.rz.scp.css */
.Card[b-kvftfwrvyv] {
  background-color: var(--card-background);
  padding: var(--card-padding);
  margin: 0 var(--card-gutter) var(--card-gutter) 0;
}
.Card input[b-kvftfwrvyv] {
  text-align: center;
  width: 6rem;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  border: 0;
}
.Card.Small[b-kvftfwrvyv] {
  padding: var(--card-padding-small);
}
.Card.ProjectFloor[b-kvftfwrvyv] {
  min-height: 20rem;
}
.Card.ProjectFloor .Top[b-kvftfwrvyv] {
  display: flex;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
  margin-left: 1rem;
}
.Card.ProjectFloor .Top .ContextMenu[b-kvftfwrvyv] {
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: border 0.3s;
}
.Card.ProjectFloor .Top .ContextMenu:hover[b-kvftfwrvyv] {
  border-bottom: 3px solid var(--primary);
}
.Card.ProjectFloor .FloorSurface[b-kvftfwrvyv] {
  margin: 0 0 32px 1rem;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.Card.ProjectFloor .FloorSurface div[b-kvftfwrvyv] {
  margin-right: 1.5rem;
  display: flex;
  align-items: center;
}
.Card.ProjectFloor .FloorSurface div img[b-kvftfwrvyv] {
  margin-right: 0.3rem;
}
.Card.ProjectFloor .FloorSurface img[b-kvftfwrvyv] {
  margin-right: 0.3rem;
}
.Card.ProjectFloor .RoomContainer[b-kvftfwrvyv] {
  margin-top: 10px;
}
.Card.ProjectFloor .RoomContainer .Header[b-kvftfwrvyv] {
  border-top: 2px solid var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
  display: flex;
}
.Card.ProjectFloor .RoomContainer .Header .Left[b-kvftfwrvyv], .Card.ProjectFloor .RoomContainer .Header .Right[b-kvftfwrvyv] {
  display: flex;
  width: 50%;
  padding: 1rem;
  font-weight: 400;
  font-size: 0.95rem;
}
.Card.ProjectFloor .RoomContainer .Header .Left[b-kvftfwrvyv] {
  border-right: 1px solid var(--border-color-light);
}
.Card.ProjectFloor .RoomContainer .Rooms .Columns[b-kvftfwrvyv] {
  display: flex;
  width: 100%;
}
.Card.ProjectFloor .RoomContainer .Rooms .Columns .Supply[b-kvftfwrvyv], .Card.ProjectFloor .RoomContainer .Rooms .Columns .Extract[b-kvftfwrvyv] {
  flex: 1 1 0px;
  max-width: 50%;
}
.Card.ProjectFloor .RoomContainer .Rooms .Columns .Supply.CSystem[b-kvftfwrvyv], .Card.ProjectFloor .RoomContainer .Rooms .Columns .Extract.CSystem[b-kvftfwrvyv] {
  max-width: 100%;
}
.Card.ProjectFloor .RoomContainer .Rooms .HiddenEditName input[b-kvftfwrvyv] {
  text-overflow: ellipsis;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room[b-kvftfwrvyv] {
  display: flex;
  padding: 1rem;
  margin-bottom: 2px;
  height: 8rem;
  border: 1px solid rgba(0, 0, 0, 0);
}
.Card.ProjectFloor .RoomContainer .Rooms .Room:focus-within[b-kvftfwrvyv] {
  border: 1px solid var(--border-focus);
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenSmallOpening[b-kvftfwrvyv], .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenLivingRoom[b-kvftfwrvyv], .Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenLivingRoomSmallOpening[b-kvftfwrvyv] {
  box-shadow: inset 10px 0px 0px var(--room-out);
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenSmallOpening[b-kvftfwrvyv] {
  margin-bottom: 0;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenSmallOpening .Data span.Surface[b-kvftfwrvyv] {
  display: inline-block;
  margin-right: 0.5rem;
  cursor: pointer;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.OpenKitchenLivingRoomSmallOpening[b-kvftfwrvyv] {
  margin-bottom: 4px;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.Type_0[b-kvftfwrvyv], .Card.ProjectFloor .RoomContainer .Rooms .Room.Type_3[b-kvftfwrvyv] {
  background-color: var(--room-def);
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.Type_1[b-kvftfwrvyv] {
  background-color: var(--room-in);
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.Type_2[b-kvftfwrvyv] {
  background-color: var(--room-out);
}
.Card.ProjectFloor .RoomContainer .Rooms .Room.Type_2.OpenKitchenSmallOpening[b-kvftfwrvyv] {
  height: 16rem;
  margin-bottom: 4px;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Name[b-kvftfwrvyv] {
  font-size: 0.89rem;
  font-weight: 500;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Name input[b-kvftfwrvyv] {
  font-size: 0.89rem;
  font-weight: 500;
  padding: 0.75rem 0.75rem 0.75rem 0.68rem !important;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Name .OpenKitchen[b-kvftfwrvyv] {
  font-size: 0.7rem;
  font-weight: 400;
  margin-top: 0.5rem;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Data[b-kvftfwrvyv] {
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
  width: 9.5rem;
  text-align: center;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Title[b-kvftfwrvyv] {
  text-align: center;
  text-transform: uppercase;
  font-size: 0.65rem;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Title.m2Right[b-kvftfwrvyv] {
  padding-right: 1.5rem;
  margin-top: 7px;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Title.m3hRight[b-kvftfwrvyv] {
  padding-right: 2rem;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Value[b-kvftfwrvyv] {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Data .Value.Error input[b-kvftfwrvyv] {
  border: 1px solid var(--error) !important;
}
.Card.ProjectFloor .RoomContainer .Rooms .Room .Action .ContextMenu[b-kvftfwrvyv] {
  margin: -0.8rem -0.5rem 0;
}

.ProjectStatistics[b-kvftfwrvyv] {
  display: flex;
  line-height: 2rem;
  --card-background: #FCFBFC;
  --card-padding-small: 1rem;
  --card-padding: 2rem;
  --card-gutter: .5rem;
}
.ProjectStatistics .Card[b-kvftfwrvyv] {
  min-width: 12rem;
  display: flex;
  flex-direction: column;
}
.ProjectStatistics .Card.BalanceStats[b-kvftfwrvyv] {
  position: relative;
}
.ProjectStatistics .Card .Value[b-kvftfwrvyv] {
  padding-top: 0.5rem;
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}
.ProjectStatistics .Card .Value span[b-kvftfwrvyv] {
  line-height: 0;
}
.ProjectStatistics .Card .Value button[b-kvftfwrvyv] {
  font-size: 1rem;
  float: right;
}
.ProjectStatistics .Card .Value img[b-kvftfwrvyv] {
  margin: 0 0.7rem 0 0.8rem;
}
.ProjectStatistics .Card .Value i[b-kvftfwrvyv] {
  margin: 0 0.7rem 0 0.8rem;
}
.ProjectStatistics .Card .Value i.balanced[b-kvftfwrvyv] {
  color: var(--balanced-checked);
}
.ProjectStatistics .Card .Value i.unbalanced[b-kvftfwrvyv] {
  color: var(--negative-red);
}
.ProjectStatistics .Card .Value .t[b-kvftfwrvyv] {
  font-size: 1.5rem;
}
.ProjectStatistics .Card.Rebalance .Value[b-kvftfwrvyv] {
  display: flex;
  align-items: center;
}
.ProjectStatistics .Card.Rebalance img[b-kvftfwrvyv] {
  margin: 0 12px 0 0;
  height: 22px;
  width: auto;
}
.ProjectStatistics .Card.Rebalance .t[b-kvftfwrvyv] {
  margin-left: 0.5rem;
  display: inline-block;
}
/* /Pages/Shared/BOM/BOMPage.razor.rz.scp.css */
.TopContainer[b-9k6qa1qmq9] {
  margin: 23px 0 41px 0;
  display: flex;
  padding-right: 8px;
}
.TopContainer .Actions[b-9k6qa1qmq9] {
  display: flex;
  gap: 8px;
}
.TopContainer .Actions .Inline[b-9k6qa1qmq9] {
  padding: 8px 19px;
}
.TopContainer .Reset[b-9k6qa1qmq9] {
  padding-left: 1rem;
}
.TopContainer .Reset img[b-9k6qa1qmq9] {
  padding-right: 10px;
}
.TopContainer .SearchContainer[b-9k6qa1qmq9] {
  min-width: 30rem;
  position: relative;
}
.TopContainer .SearchContainer i[b-9k6qa1qmq9] {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  font-size: 1.3rem;
}
.TopContainer .SearchContainer .SearchContainerReset[b-9k6qa1qmq9] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.TopContainer .SearchContainer .SearchResults[b-9k6qa1qmq9] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28rem;
  height: 28rem;
  overflow: auto;
  background-color: #fff;
  border: 1px solid var(--border-color-light);
  border-top: 0;
  z-index: 1000;
}
.TopContainer .SearchContainer .SearchResults .Item[b-9k6qa1qmq9] {
  height: 2rem;
  margin: 0.3rem 1rem;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s;
}
.TopContainer .SearchContainer .SearchResults .Item img[b-9k6qa1qmq9] {
  border: 1px solid var(--border-color-light);
  padding: 0.3rem;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.5rem;
}
.TopContainer .SearchContainer .SearchResults .Item:hover[b-9k6qa1qmq9] {
  font-weight: bold;
}
.TopContainer .SearchContainer .SearchResults .Item:first-child[b-9k6qa1qmq9] {
  border-top: 0;
}

.PlanList[b-9k6qa1qmq9] {
  display: flex;
  gap: 24px;
  margin-bottom: 48px;
}
.PlanList .Plan[b-9k6qa1qmq9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 150px;
  width: 150px;
}
.PlanList .Plan .Name[b-9k6qa1qmq9] {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.PlanList .Plan .Multiplier[b-9k6qa1qmq9]  .InputNumberOnInput {
  text-align: center;
  display: inline-block;
  max-width: 6rem;
  width: 6rem;
}
.PlanList .Plan .Multiplier[b-9k6qa1qmq9]  .InputNumberOnInput input {
  text-align: center;
}
.PlanList .Plan .Multiplier[b-9k6qa1qmq9]  .InputNumberOnInput .Iterator {
  top: 0;
  bottom: 0;
  height: auto;
}

.Materials[b-9k6qa1qmq9] {
  --min-width: 11rem;
  display: grid;
  grid-template-columns: auto max-content minmax(var(--min-width), max-content) minmax(var(--min-width), max-content) minmax(var(--min-width), max-content) max-content;
  align-items: end;
}
.Materials[b-9k6qa1qmq9]  .CustomInputBackground input {
  background: rgba(223, 226, 230, 0.2);
}
.Materials .HeaderContainer[b-9k6qa1qmq9], .Materials .Category[b-9k6qa1qmq9], .Materials .Entry[b-9k6qa1qmq9] {
  display: contents;
}
.Materials .Header[b-9k6qa1qmq9] {
  border-bottom: 1px solid var(--border-color-light);
  font-weight: 500;
  padding: 1rem 0;
}
.Materials .AmountHeader[b-9k6qa1qmq9] {
  padding: 1rem 1rem 1rem 0;
  text-align: center;
}
.Materials .PaddingLeft[b-9k6qa1qmq9] {
  padding-left: 1rem;
}
.Materials .CategoryHeader[b-9k6qa1qmq9] {
  grid-column: span 6;
  margin-top: 53px;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-color-light);
}
.Materials .Entry[b-9k6qa1qmq9] {
  font-size: 0.89rem;
}
.Materials .Entry.Custom > div[b-9k6qa1qmq9] {
  background-color: #ECF4FF;
}
.Materials .Entry .Center[b-9k6qa1qmq9] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Materials .Entry .DeleteItem[b-9k6qa1qmq9] {
  cursor: pointer;
  padding: 1rem;
  border-bottom: 1px solid var(--border-color-light);
  transition: border 0.1s;
}
.Materials .Entry .DeleteItem:hover[b-9k6qa1qmq9] {
  border-bottom: 3px solid var(--primary);
}
.Materials .Entry .PaddingLeft[b-9k6qa1qmq9] {
  padding-left: 1rem;
}
.Materials .Entry .VerticalCenter[b-9k6qa1qmq9] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.Materials .Entry .fa-x[b-9k6qa1qmq9] {
  font-size: 1.2rem;
}
.Materials .Entry > div[b-9k6qa1qmq9] {
  padding: 1rem 1rem 1rem 0;
  border-bottom: 1px solid var(--border-color-light);
  align-content: center;
}
.Materials .Entry .Description[b-9k6qa1qmq9] {
  display: flex;
  padding: 1rem;
}
.Materials .Entry .Description img[b-9k6qa1qmq9] {
  border: 1px solid var(--border-color-light);
  padding: 0.3rem;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  object-position: center center;
  margin-right: 0.5rem;
}
.Materials .Entry .Description .ProductName[b-9k6qa1qmq9] {
  font-weight: 500;
}
.Materials .Entry .Description .ProductNumber a[b-9k6qa1qmq9] {
  text-decoration: underline;
}
.Materials .Entry .Description .ProductNumber span[b-9k6qa1qmq9] {
  margin-left: 5px;
}
.Materials .Entry .InfoColumn .RecommendedAmount[b-9k6qa1qmq9] {
  white-space: nowrap;
  cursor: pointer;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Num[b-9k6qa1qmq9], .Materials .Entry .InfoColumn .RecommendedAmount .Reset[b-9k6qa1qmq9] {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #D7EDDC;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #639C6E;
  text-align: center;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 500;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Reset[b-9k6qa1qmq9] {
  display: none;
}
.Materials .Entry .InfoColumn .RecommendedAmount:hover .Num[b-9k6qa1qmq9] {
  display: none;
}
.Materials .Entry .InfoColumn .RecommendedAmount:hover .Reset[b-9k6qa1qmq9] {
  display: inline-block;
}
.Materials .Entry .InfoColumn .RecommendedAmount .Recommended[b-9k6qa1qmq9] {
  vertical-align: text-bottom;
}
.Materials .Entry .InfoColumn .Recommended.UserAdded[b-9k6qa1qmq9] {
  color: var(--body-color);
  background-color: var(--border-color-light);
  font-weight: 500;
  margin-left: 26px;
}
.Materials .Entry .InfoColumn .Recommended.CustomProduct[b-9k6qa1qmq9] {
  color: #fff;
  background-color: #2477F3;
  font-weight: 500;
  margin-left: 26px;
}

.PlanError .Plans[b-9k6qa1qmq9] {
  display: grid;
  max-width: 1024px;
  grid-template-columns: fit-content(90%) fit-content(10%);
  gap: 2rem;
  align-items: center;
}
.PlanError .Plans .Name[b-9k6qa1qmq9] {
  font-weight: 500;
  max-width: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.PlanError .Plans .Action[b-9k6qa1qmq9] {
  white-space: nowrap;
}
/* /Pages/Shared/Buttons/FileUploadZone.razor.rz.scp.css */
.FileUploadZone .UploadDropzone[b-b6zgwyaxz0] {
  margin-top: 1rem;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='1' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}
.FileUploadZone .UploadDropzone i[b-b6zgwyaxz0] {
  margin-right: 0.5rem;
  font-size: 2rem;
}
.FileUploadZone .UploadDropzone:hover[b-b6zgwyaxz0] {
  background-color: #EAECED;
}
.FileUploadZone .UploadDropzone.Dragover[b-b6zgwyaxz0] {
  background-color: #9c9c9c;
}
.FileUploadZone .UploadDropzone input[b-b6zgwyaxz0] {
  display: none;
}
.FileUploadZone .UploadDropzone .Desc[b-b6zgwyaxz0] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.FileUploadZone .UploadDropzone .Desc img[b-b6zgwyaxz0] {
  margin-right: 1rem;
}
/* /Pages/Shared/Buttons/QuoteButton.razor.rz.scp.css */
.QuoteButton[b-hdpzvqnvle] {
  display: inline-flex;
  position: relative;
}
.QuoteButton .QuoteData[b-hdpzvqnvle] {
  position: absolute;
  bottom: -39px;
  left: 0;
  right: 0;
  padding: 7px 18px;
  display: flex;
  gap: 10px;
  align-items: center;
}
/* /Pages/Shared/Buttons/ValueHintButton.razor.rz.scp.css */
.InfoButton[b-rnoz0a1py3] {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0;
  font-size: 0;
  vertical-align: text-top;
  cursor: pointer;
}
/* /Pages/Shared/Components/ComponentModules.razor.rz.scp.css */
.Explanation[b-z82gox0zn0] {
  margin-bottom: 1rem;
}

.Content[b-z82gox0zn0] {
  padding-bottom: 0 !important;
}
.Content:has(.HoverBox.Unit:hover) .Module.Unit[b-z82gox0zn0], .Content:has(.Module.Unit:hover) .Module.Unit[b-z82gox0zn0] {
  border: 1px solid var(--primary);
}
.Content:has(.HoverBox.Unit:hover) img.Unit[b-z82gox0zn0], .Content:has(.Module.Unit:hover) img.Unit[b-z82gox0zn0] {
  filter: none;
  transform: scale(1.02);
  opacity: 1;
}
.Content:has(.HoverBox.Terminal:hover) .Module.Terminal[b-z82gox0zn0], .Content:has(.Module.Terminal:hover) .Module.Terminal[b-z82gox0zn0] {
  border: 1px solid var(--primary);
}
.Content:has(.HoverBox.Terminal:hover) img.Terminal[b-z82gox0zn0], .Content:has(.Module.Terminal:hover) img.Terminal[b-z82gox0zn0] {
  filter: none;
  transform: scale(1.02);
  opacity: 1;
}
.Content:has(.HoverBox.Massflow:hover) .Module.Aerfoam[b-z82gox0zn0], .Content:has(.Module.Aerfoam:hover) .Module.Aerfoam[b-z82gox0zn0] {
  border: 1px solid var(--primary);
}
.Content:has(.HoverBox.Massflow:hover) img.Aerfoam[b-z82gox0zn0], .Content:has(.Module.Aerfoam:hover) img.Aerfoam[b-z82gox0zn0] {
  filter: none;
  transform: scale(1.02);
  opacity: 1;
}
.Content:has(.HoverBox.Valve:hover) .Module.Valve[b-z82gox0zn0], .Content:has(.Module.Valve:hover) .Module.Valve[b-z82gox0zn0] {
  border: 1px solid var(--primary);
}
.Content:has(.HoverBox.Valve:hover) img.Valve[b-z82gox0zn0], .Content:has(.Module.Valve:hover) img.Valve[b-z82gox0zn0] {
  transform: scale(1.05);
}
.Content:has(.Type.Valve.active) img.Valve[b-z82gox0zn0] {
  filter: none;
  opacity: 1;
}
.Content:has(.Type.Aerfoam.active) img.Aerfoam[b-z82gox0zn0] {
  filter: none;
  opacity: 1;
}
.Content:has(.Type.Unit.active) img.Unit[b-z82gox0zn0] {
  filter: none;
  opacity: 1;
}
.Content:has(.Type.Terminal.active) img.Terminal[b-z82gox0zn0] {
  filter: none;
  opacity: 1;
}

.ModuleChooser[b-z82gox0zn0] {
  display: flex;
  min-height: 480px;
}
.ModuleChooser .Module[b-z82gox0zn0] {
  display: flex;
  background: #EEEEEE;
  padding: 24px;
  cursor: pointer;
  margin-bottom: 12px;
  border: 1px solid #fff;
  transition: all 0.3s;
}
.ModuleChooser .Module:hover[b-z82gox0zn0] {
  border: 1px solid var(--primary);
}
.ModuleChooser .Module.disabled[b-z82gox0zn0] {
  cursor: auto;
}
.ModuleChooser .Module .Type[b-z82gox0zn0] {
  flex-grow: 1;
}
.ModuleChooser .Module .Type .Icon[b-z82gox0zn0] {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.ModuleChooser .Module .Type .Text[b-z82gox0zn0] {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.ModuleChooser .Module .Check[b-z82gox0zn0] {
  padding-left: 2rem;
}
.ModuleChooser .Module .Check[b-z82gox0zn0]  input {
  width: 1.5rem;
  margin: 0;
  padding: 0;
}

.ImageContainer[b-z82gox0zn0] {
  position: relative;
  width: 560px;
  height: 496px;
  margin: 0 2rem;
}
.ImageContainer img[b-z82gox0zn0] {
  position: absolute;
  width: 100%;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s;
}
.ImageContainer .HoverBox[b-z82gox0zn0] {
  background-color: transparent;
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
}
.ImageContainer .HoverBox.Unit[b-z82gox0zn0] {
  top: 136px;
  left: 50px;
  width: 106px;
  height: 103px;
}
.ImageContainer .HoverBox.Massflow[b-z82gox0zn0] {
  top: 93px;
  left: 118px;
  width: 272px;
  height: 125px;
}
.ImageContainer .HoverBox.Terminal[b-z82gox0zn0] {
  top: 22px;
  left: 20px;
  width: 110px;
  height: 115px;
}
.ImageContainer .HoverBox.Valve[b-z82gox0zn0] {
  top: 233px;
  left: 20px;
  width: 509px;
  height: 220px;
}
/* /Pages/Shared/Components/ComponentSelector.razor.rz.scp.css */
.ComponentSelector[b-3j5zy5p0x7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 1rem;
  text-decoration: none;
  text-transform: none;
  --name-width: 10rem;
  --name-width-popup: 15rem;
}
.ComponentSelector .SelectorImage[b-3j5zy5p0x7], .ComponentSelector .SelectorData[b-3j5zy5p0x7], .ComponentSelector .SelectorIcon[b-3j5zy5p0x7] {
  padding: 1rem 1rem 1rem 0;
}
.ComponentSelector .SelectorImage[b-3j5zy5p0x7] {
  padding: 0.5rem 1rem 0.5rem 0.3rem;
}
.ComponentSelector .SelectorImage img[b-3j5zy5p0x7] {
  width: 6rem;
  height: 6rem;
  object-fit: contain;
  object-position: center center;
  border: 1px solid var(--border-color-light);
}
.ComponentSelector .SelectorData[b-3j5zy5p0x7] {
  flex-grow: 1;
  text-align: left;
  padding: 1rem 0.3rem 1rem 0;
  max-width: var(--name-width);
}
.ComponentSelector .SelectorData .Type[b-3j5zy5p0x7] {
  font-size: 0.79rem;
  margin-bottom: 0.5rem;
}
.ComponentSelector .SelectorData .Name[b-3j5zy5p0x7] {
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ComponentSelector .SelectorData .Status[b-3j5zy5p0x7] {
  font-size: 0.6rem;
}
.ComponentSelector .SelectorData .Status .Recommended[b-3j5zy5p0x7] {
  margin-top: 0.5rem;
  padding: 0.2rem 0.5rem;
  background-color: #D7EDDC;
  color: #639C6E;
  display: inline-block;
  border-radius: 5px;
}
.ComponentSelector .SelectorIcon[b-3j5zy5p0x7] {
  line-height: 0;
}
.ComponentSelector .SelectorIcon input[b-3j5zy5p0x7] {
  background-color: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}
.ComponentSelector .SelectListCloser[b-3j5zy5p0x7] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ComponentSelector .SelectList[b-3j5zy5p0x7] {
  position: absolute;
  z-index: 1001;
  max-height: 15rem;
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  left: 0;
  background-color: #FFF;
  padding: 1rem 0.3rem 1rem 1rem;
}
.ComponentSelector .SelectList .SelectItem[b-3j5zy5p0x7] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border 0.2s;
  border: 1px solid #FFF;
}
.ComponentSelector .SelectList .SelectItem .SelectorData[b-3j5zy5p0x7] {
  flex-grow: 1;
}
.ComponentSelector .SelectList .SelectItem .SelectorData .Name[b-3j5zy5p0x7] {
  font-weight: 500;
  width: contain;
  max-width: 18rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ComponentSelector .SelectList .SelectItem.Active[b-3j5zy5p0x7] {
  background-color: #EAECED;
}
.ComponentSelector .SelectList .SelectItem:hover[b-3j5zy5p0x7] {
  border: 1px solid var(--border-color);
}
.ComponentSelector .SelectList .SelectItem .SelectorImage img[b-3j5zy5p0x7] {
  width: 3rem;
  height: 3rem;
}
.ComponentSelector.Small[b-3j5zy5p0x7] {
  font-size: 0.9375rem;
}
.ComponentSelector.Small .SelectorData .Type[b-3j5zy5p0x7] {
  font-size: 0.6rem;
}
.ComponentSelector.Small .SelectorData .Name[b-3j5zy5p0x7] {
  font-weight: 400;
}
.ComponentSelector.Small .SelectorImage[b-3j5zy5p0x7] {
  flex-basis: content;
}
.ComponentSelector.Small .SelectorImage img[b-3j5zy5p0x7] {
  width: 3rem;
  height: 3rem;
}
.ComponentSelector.Small .SelectList .SelectorImage img[b-3j5zy5p0x7] {
  width: 2rem;
  height: 2rem;
}
.ComponentSelector.NoImage[b-3j5zy5p0x7] {
  font-size: 0.9375rem;
  border: 1px solid var(--border-color-light);
  padding: 0.5rem 1rem;
}
.ComponentSelector.NoImage .SelectorData[b-3j5zy5p0x7] {
  padding: 0 1rem 0 0;
}
.ComponentSelector.NoImage .SelectorData .Name[b-3j5zy5p0x7] {
  font-weight: 400;
}
.ComponentSelector.NoImage .SelectorIcon[b-3j5zy5p0x7] {
  padding: 0;
}
.ComponentSelector.NoImage .SelectList .SelectorData[b-3j5zy5p0x7], .ComponentSelector.NoImage .SelectList .SelectorIcon[b-3j5zy5p0x7] {
  padding: 1rem 1rem 1rem 1rem;
}
.ComponentSelector.LargeNoImage .SelectorData[b-3j5zy5p0x7] {
  max-width: 16rem;
}
/* /Pages/Shared/Components/ComponentsRoomPopup.razor.rz.scp.css */
.ComponentsRoomPopup[b-1kz27um0dr]  .UniversalPopup .PopupContent {
  width: 1288px;
  margin-right: 18px;
}

.Header[b-1kz27um0dr] {
  font-size: 0.89rem;
}
.Header .Reset button[b-1kz27um0dr] {
  background-color: transparent;
  color: inherit;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 0 0px 1px var(--border-color-light);
  border-radius: 25px;
  transition: box-shadow 0.3s ease;
}
.Header .Reset button:hover[b-1kz27um0dr] {
  box-shadow: 0 0 0px 2px var(--btn-components-color);
}
.Header .HiddenEditName[b-1kz27um0dr] {
  width: 35rem;
  max-width: 35rem;
}
.Header .HiddenEditName input[b-1kz27um0dr] {
  font-size: 1.25rem;
}
.Header .Name[b-1kz27um0dr] {
  display: flex;
  align-items: Center;
}
.Header .Values[b-1kz27um0dr] {
  display: flex;
  align-items: center;
  margin: 1rem 0 0 0;
  position: relative;
}
.Header .Values .ErrorContainer .ErrorIcon[b-1kz27um0dr] {
  position: relative;
}
.Header .Values .ErrorContainer .ErrorIcon i[b-1kz27um0dr] {
  color: var(--error);
}
.Header .Values .EditableValue[b-1kz27um0dr] {
  position: relative;
  font-size: 15px;
}
.Header .Values .EditableValue[b-1kz27um0dr]  input {
  border: 1px solid #fff;
  width: 150px;
  text-align: left;
  padding: 11px 10px 11px 32px;
  font-size: 15px;
  margin-left: -8px;
}
.Header .Values .EditableValue:hover[b-1kz27um0dr]  input, .Header .Values .EditableValue:focus-within[b-1kz27um0dr]  input {
  border: 1px solid var(--border-color-light);
}
.Header .Values .EditableValue .ValueIcon[b-1kz27um0dr], .Header .Values .EditableValue .ResetValue[b-1kz27um0dr], .Header .Values .EditableValue .ValueType[b-1kz27um0dr] {
  position: absolute;
  z-index: 1001;
}
.Header .Values .EditableValue .ValueIcon[b-1kz27um0dr] {
  top: 16px;
  left: 2px;
}
.Header .Values .EditableValue .ValueType[b-1kz27um0dr] {
  top: 10px;
  left: 70px;
  transition: right 0.3s;
}
.Header .Values .EditableValue .ResetValue[b-1kz27um0dr] {
  top: 10px;
  font-size: 16px;
  right: 20px;
  cursor: pointer;
  transition: right 0.3s;
}
.Header .Values .EditableValue.Error[b-1kz27um0dr]  input {
  border: 1px solid var(--error);
}
.Header .Reset[b-1kz27um0dr] {
  float: right;
  text-align: right;
}

.Errors[b-1kz27um0dr], .Recommendations[b-1kz27um0dr] {
  margin-top: 3rem;
}
.Errors .Error[b-1kz27um0dr], .Errors .Recommendation[b-1kz27um0dr], .Recommendations .Error[b-1kz27um0dr], .Recommendations .Recommendation[b-1kz27um0dr] {
  border: 1px solid var(--error);
  padding: 1rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  max-width: 35rem;
}
.Errors .Error .Description[b-1kz27um0dr], .Errors .Recommendation .Description[b-1kz27um0dr], .Recommendations .Error .Description[b-1kz27um0dr], .Recommendations .Recommendation .Description[b-1kz27um0dr] {
  padding-left: 1rem;
}
.Errors .Recommendation[b-1kz27um0dr], .Recommendations .Recommendation[b-1kz27um0dr] {
  border: 1px solid #2477F3;
  cursor: pointer;
}
.Errors .Recommendation .WarningIcons[b-1kz27um0dr], .Recommendations .Recommendation .WarningIcons[b-1kz27um0dr] {
  display: flex;
}

.Counter[b-1kz27um0dr] {
  font-weight: 500;
  margin-top: 3rem;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: -0.3rem;
}
.Counter .WarningIcons[b-1kz27um0dr] {
  margin-left: 0.5rem;
  display: flex;
}

.ValveButton[b-1kz27um0dr] {
  margin-top: 2rem;
  padding: 2rem 0;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.ValveButton .add-btn-icon[b-1kz27um0dr] {
  margin-left: 0px;
  font-size: xx-small;
  margin-right: 0.3rem;
}

.Actions[b-1kz27um0dr] {
  margin-top: 2rem;
  text-align: right;
}
.Actions button[b-1kz27um0dr] {
  margin-left: 1rem;
}

.Valves[b-1kz27um0dr] {
  display: grid;
  grid-template-columns: repeat(5, auto);
  width: 100%;
  align-items: center;
}
.Valves[b-1kz27um0dr]  form {
  display: contents;
}
.Valves .Calculation[b-1kz27um0dr] {
  grid-column: span 4;
  margin: 3rem 0;
}
.Valves .Calculation .Header[b-1kz27um0dr] {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.Valves input[b-1kz27um0dr] {
  margin-right: 0.5rem;
  max-width: 5.7rem;
  min-width: 5.7rem;
  border: 1px solid var(--input-border);
}
.Valves .Valve[b-1kz27um0dr] {
  display: contents;
}
.Valves .Valve .NumberSpacer[b-1kz27um0dr] {
  min-width: 3rem;
}
.Valves .Valve .PillSwitch[b-1kz27um0dr] {
  margin-top: 2px;
}
.Valves .Valve .PillSwitch.RestrictorSwitch img[b-1kz27um0dr] {
  max-width: 50px;
  width: 50px;
  margin: 22px 0;
}
.Valves .Valve .PillSwitch.RestrictorSwitch .Switch[b-1kz27um0dr]  .ContextInfo {
  padding: 15px 35px;
  width: 190px;
  left: -115px;
}
.Valves .Valve .PillSwitch.RestrictorSwitch .Switch[b-1kz27um0dr]  .ContextInfo .InfoBoxSmall {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.Valves .Valve .PillSwitch.RestrictorSwitch .Switch[b-1kz27um0dr]  .ContextInfo .InfoBoxSmall img {
  max-width: 50px;
  width: 50px;
  margin: 0 0;
}
.Valves .Valve .PillSwitch .Switch[b-1kz27um0dr] {
  font-size: 14px;
  font-size: 14px;
  line-height: 14px;
  padding: 8px 14px 7px 14px;
  position: relative;
}
.Valves .Valve .PillSwitch .Switch.Active[b-1kz27um0dr] {
  font-weight: 400;
  background-color: #EAECED;
}
.Valves .Valve .PillSwitch .Switch:hover > .ContextInfo[b-1kz27um0dr] {
  display: block;
  opacity: 1;
}
.Valves .Valve .PillSwitch .Switch .ContextInfo[b-1kz27um0dr] {
  top: 40px;
}
.Valves .Valve .PillSwitch .Switch .ContextInfo:hover[b-1kz27um0dr] {
  display: block;
  opacity: 1;
}
.Valves .Valve .ValveHeader[b-1kz27um0dr] {
  grid-column: span 5;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--border-color-light);
  border-bottom: 2px solid var(--border-color);
  font-weight: 500;
  font-size: 0.9375rem;
  margin-top: 1rem;
}
.Valves .Valve .ValveHeader > div[b-1kz27um0dr] {
  height: 67px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Valves .Valve .ValveHeader.Modified[b-1kz27um0dr] {
  cursor: pointer;
}
.Valves .Valve .ValveHeader.Modified.AirIn[b-1kz27um0dr] {
  background-color: var(--room-in);
}
.Valves .Valve .ValveHeader.Modified.AirOut[b-1kz27um0dr] {
  background-color: var(--room-out);
}
.Valves .Valve .ValveHeader .Name[b-1kz27um0dr], .Valves .Valve .ValveHeader .DP[b-1kz27um0dr], .Valves .Valve .ValveHeader .ValveNumber[b-1kz27um0dr] {
  padding: 1rem;
}
.Valves .Valve .ValveHeader .ValveNumber[b-1kz27um0dr] {
  font-weight: 400;
}
.Valves .Valve .ValveHeader .Name[b-1kz27um0dr] {
  padding: 1rem 2rem 1rem 1.9rem;
}
.Valves .Valve .ValveComponent > div[b-1kz27um0dr], .Valves .Valve .ValvePipe > div[b-1kz27um0dr] {
  border-bottom: 1px solid var(--border-color-light);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Valves .Valve .ValveComponent .ValveValue.AlignLeft[b-1kz27um0dr], .Valves .Valve .ValvePipe .ValveValue.AlignLeft[b-1kz27um0dr] {
  align-items: start;
}
.Valves .Valve .ValveComponent .ValveValue.PaddingLeft > div[b-1kz27um0dr], .Valves .Valve .ValvePipe .ValveValue.PaddingLeft > div[b-1kz27um0dr] {
  padding-left: 2rem;
}
.Valves .Valve .ValveComponent .ValveValue.adapter-selector .SelectedItem[b-1kz27um0dr], .Valves .Valve .ValvePipe .ValveValue.adapter-selector .SelectedItem[b-1kz27um0dr] {
  min-width: 7rem;
}
.Valves .Valve .ValveComponent .ValveValue[b-1kz27um0dr]  input, .Valves .Valve .ValvePipe .ValveValue[b-1kz27um0dr]  input {
  border: 1px solid var(--input-border);
}
.Valves .Valve .ValveComponent .ValveComponentSelector[b-1kz27um0dr], .Valves .Valve .ValvePipe .ValveComponentSelector[b-1kz27um0dr] {
  align-items: start;
}
.Valves .Valve .ValvePipe > div[b-1kz27um0dr] {
  border-bottom: none;
}
.Valves .Valve .ValveComponent[b-1kz27um0dr], .Valves .Valve .ValvePipe[b-1kz27um0dr] {
  display: contents;
}
.Valves .Valve .ValveComponent .spacer[b-1kz27um0dr], .Valves .Valve .ValvePipe .spacer[b-1kz27um0dr] {
  width: 3rem;
}
.Valves .Valve .ValveValue[b-1kz27um0dr] {
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  font-size: 0.69rem;
  text-transform: uppercase;
}
.Valves .Valve .ValveValue.CalculationButton[b-1kz27um0dr] {
  padding-top: 1.5rem;
}
.Valves .Valve .ValveValue .fa-angle-down[b-1kz27um0dr] {
  margin-left: 0.5rem;
}
.Valves .Valve .ValveValue .Label[b-1kz27um0dr] {
  margin-bottom: 0.3rem;
}
.Valves .Valve .ValveValue .Label.PaddingRight[b-1kz27um0dr] {
  padding-right: 2.7rem;
}
.Valves .Valve .ValveValue .Label.PaddingRightSmall[b-1kz27um0dr] {
  padding-right: 1.2rem;
}
.Valves .Valve .ValveValue .Name[b-1kz27um0dr] {
  color: var(--font-color);
}
.Valves .Valve .ValveValue .FlatDuctBends[b-1kz27um0dr] {
  position: relative;
  margin-left: 12px;
  margin-bottom: 0.1rem;
}
.Valves .Valve .ValveValue .FlatDuctBends .Lines[b-1kz27um0dr] {
  height: 20px;
  width: 160px;
  overflow: hidden;
  position: relative;
}
.Valves .Valve .ValveValue .FlatDuctBends .Lines .Box[b-1kz27um0dr] {
  position: absolute;
  top: 6px;
  left: 20px;
  border: 1px solid var(--border-color-light);
  width: 120px;
  height: 40px;
}
.Valves .Valve .ValveValue .FlatDuctBends .Text[b-1kz27um0dr] {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.Valves .Valve .ValveValue .FlatDuctBends .Text span[b-1kz27um0dr] {
  background-color: #fff;
  padding: 0 5px;
}
.Valves .Valve .ValveValue[b-1kz27um0dr]  .basic-select {
  font-size: 1rem;
  text-transform: none;
}
.Valves .Valve .ValveValue[b-1kz27um0dr]  .basic-select .basic-select__value {
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  border: 1px solid var(--border-color-light);
  padding: 0.5rem 1rem;
}
.Valves .Valve .ValveValue[b-1kz27um0dr]  .basic-select .basic-select__value img {
  padding-left: 1rem;
}
.Valves .Valve .ValveComponentSelector[b-1kz27um0dr] {
  padding-top: 1.7rem;
  margin-left: 4.6rem;
}
.Valves .Valve .ValveComponentSelector[b-1kz27um0dr]  .ComponentSelector .SelectorImage {
  padding-bottom: 0;
}
.Valves .Valve .AdapterSelector .SelectedItem[b-1kz27um0dr] {
  padding: 4px 14px;
}
.Valves .Valve .Input[b-1kz27um0dr] {
  display: flex;
  align-items: center;
  font-size: 1rem;
  text-transform: none;
  position: relative;
}
.Valves .Valve .Input [b-1kz27um0dr]::placeholder {
  color: var(--font-color);
}
.Valves .Valve .Input .InputResetContainer[b-1kz27um0dr] {
  position: relative;
}
.Valves .Valve .Input .InputResetContainer .ResetValue[b-1kz27um0dr] {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Valves .Valve .Input .WarningIcons[b-1kz27um0dr] {
  position: absolute;
  left: -1.5rem;
}
.Valves .Valve .Input .Iterator[b-1kz27um0dr] {
  top: 50%;
  transform: translatey(-50%);
}
.Valves .Valve .Input .Iterator.IteratorMinus[b-1kz27um0dr] {
  margin-top: -1.5px;
}
.Valves .Valve .Input input[b-1kz27um0dr] {
  text-align: center;
  padding: 6px 8px;
}
.Valves .Valve .Input .AirflowInput input[b-1kz27um0dr] {
  max-width: 5rem;
  min-width: 5rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
.Valves .Valve .Input.Semicircular[b-1kz27um0dr] {
  display: flex;
  font-size: 9px;
}
.Valves .Valve .Input.Semicircular .InputNumberOnInput[b-1kz27um0dr] {
  margin-left: 0.5rem;
}
.Valves .Valve .Input.Error input[b-1kz27um0dr] {
  border: 1px solid var(--error);
}
.Valves .Valve.Manual .ValveHeader[b-1kz27um0dr] {
  background: #f7f7f8;
}
/* /Pages/Shared/Context/ContextInfo.razor.rz.scp.css */
.ContextBlocker[b-ctqab2adpf] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1000;
}

.ContextInfo[b-ctqab2adpf] {
  position: absolute;
  z-index: 1001;
  background-color: #fff;
  padding: 35px;
  font-size: 0.8rem;
  width: 340px;
  left: -39px;
  top: 2rem;
  border: 1px solid #D6DADD;
  border-radius: 5px;
  text-align: left;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1490196078);
  transition: 0.3s all;
}
.ContextInfo .TopBlocker[b-ctqab2adpf] {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  height: 15px;
}
.ContextInfo .Caret[b-ctqab2adpf] {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid #fff;
  filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.1490196078));
  position: absolute;
  top: -6px;
  left: 27px;
}
.ContextInfo.Left[b-ctqab2adpf] {
  left: -260px;
}
.ContextInfo.Left .Caret[b-ctqab2adpf] {
  left: unset;
  right: 27px;
}
.ContextInfo.Hover[b-ctqab2adpf] {
  display: none;
  opacity: 0;
}
.ContextInfo.Global[b-ctqab2adpf] {
  position: fixed;
  transition: unset;
}
/* /Pages/Shared/Context/ContextMenu.razor.rz.scp.css */
.ContextMenu[b-s0qcloz4j7] {
  font-size: 0;
  padding: 1.5rem 1rem;
  --context-background-color: var(--background-color);
  --context-color: var(--font-color);
  --context-highlight-top: var(--primary);
  --context-highlight-color: var(--primary);
  --context-stroke: #DFE2E6;
  transition: border 0.3s;
  cursor: pointer;
  border-bottom: 3px solid transparent;
}
.ContextMenu:hover[b-s0qcloz4j7] {
  border-bottom: 3px solid var(--primary);
}
.ContextMenu .ContextBlocker[b-s0qcloz4j7] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1000;
}
.ContextMenu .ContextWindow[b-s0qcloz4j7] {
  position: fixed;
  z-index: 1001;
  display: inline-block;
}
.ContextMenu .ContextWindow .Window[b-s0qcloz4j7] {
  padding: 0.3rem;
  font-size: 0.89rem;
  border: 1px solid var(--context-stroke);
  color: var(--context-color);
  background-color: var(--context-background-color);
  min-width: 222px;
}
.ContextMenu .ContextWindow .Window .Link[b-s0qcloz4j7] {
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  transition: all 0.1s;
  white-space: nowrap;
}
.ContextMenu .ContextWindow .Window .Link:hover[b-s0qcloz4j7] {
  color: var(--context-highlight-color);
  text-decoration: underline;
}
.ContextMenu .fa-angle-down[b-s0qcloz4j7] {
  font-size: 1rem;
  cursor: pointer;
}
/* /Pages/Shared/Context/IconMenu.razor.rz.scp.css */
.aerfoam-component-menu[b-z73wteytd9] {
  width: 1.25rem;
  height: 1.25rem;
}
.aerfoam-component-menu__icon[b-z73wteytd9] {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
}
.aerfoam-component-menu__icon--opener[b-z73wteytd9] {
  position: relative;
  background: rgba(110, 117, 124, 0.4);
  border-radius: 50%;
  z-index: 101;
}
.aerfoam-component-menu__icon--opener[b-z73wteytd9]:before {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--btn-components-color, #37454F);
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M4.75 9.5C4.75 9.18506 4.87511 8.88301 5.09781 8.66031C5.32051 8.43761 5.62256 8.3125 5.9375 8.3125C6.25244 8.3125 6.55449 8.43761 6.77719 8.66031C6.99989 8.88301 7.125 9.18506 7.125 9.5C7.125 9.81494 6.99989 10.117 6.77719 10.3397C6.55449 10.5624 6.25244 10.6875 5.9375 10.6875C5.62256 10.6875 5.32051 10.5624 5.09781 10.3397C4.87511 10.117 4.75 9.81494 4.75 9.5ZM8.3125 9.5C8.3125 9.18506 8.43761 8.88301 8.66031 8.66031C8.88301 8.43761 9.18506 8.3125 9.5 8.3125C9.81494 8.3125 10.117 8.43761 10.3397 8.66031C10.5624 8.88301 10.6875 9.18506 10.6875 9.5C10.6875 9.81494 10.5624 10.117 10.3397 10.3397C10.117 10.5624 9.81494 10.6875 9.5 10.6875C9.18506 10.6875 8.88301 10.5624 8.66031 10.3397C8.43761 10.117 8.3125 9.81494 8.3125 9.5ZM13.0625 8.3125C13.3774 8.3125 13.6795 8.43761 13.9022 8.66031C14.1249 8.88301 14.25 9.18506 14.25 9.5C14.25 9.81494 14.1249 10.117 13.9022 10.3397C13.6795 10.5624 13.3774 10.6875 13.0625 10.6875C12.7476 10.6875 12.4455 10.5624 12.2228 10.3397C12.0001 10.117 11.875 9.81494 11.875 9.5C11.875 9.18506 12.0001 8.88301 12.2228 8.66031C12.4455 8.43761 12.7476 8.3125 13.0625 8.3125Z" fill="%2337454F"/></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  z-index: 10;
}
.aerfoam-component-menu__icon--opener:hover[b-z73wteytd9] {
  background: rgba(214, 218, 221, 0.4);
}
.aerfoam-component-menu__icon--opener:hover[b-z73wteytd9]:before {
  background: #CF2C29;
}
.aerfoam-component-menu__icon--details[b-z73wteytd9], .aerfoam-component-menu__icon--remove[b-z73wteytd9], .aerfoam-component-menu__icon--replace[b-z73wteytd9] {
  background: #FFFFFF url("img/airfoam/circle-info-duotone.svg") no-repeat center center;
  background-size: contain;
}
.aerfoam-component-menu__icon--details:hover[b-z73wteytd9], .aerfoam-component-menu__icon--remove:hover[b-z73wteytd9], .aerfoam-component-menu__icon--replace:hover[b-z73wteytd9] {
  background-color: #FFFFFF;
}
.aerfoam-component-menu__icon--remove[b-z73wteytd9] {
  background-image: url("img/airfoam/trash.svg");
}
.aerfoam-component-menu__icon--replace[b-z73wteytd9] {
  background-image: url("img/airfoam/replace.svg");
}
.aerfoam-component-menu__icon--details--popup[b-z73wteytd9] {
  visibility: hidden;
  position: absolute;
  top: -2rem;
  left: 7rem;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  z-index: 320;
}
.aerfoam-component-menu__icon--specs:focus-within .aerfoam-component-menu__icon--details--popup[b-z73wteytd9] {
  visibility: visible;
}
.aerfoam-component-menu:focus-within .aerfoam-component-menu__icon--opener[b-z73wteytd9] {
  background: rgba(214, 218, 221, 0.4);
  z-index: 201;
}
.aerfoam-component-menu:focus-within .aerfoam-component-menu__icon--opener[b-z73wteytd9]:before {
  background: #37454F;
}
.aerfoam-component-menu__container[b-z73wteytd9] {
  display: flex;
  position: absolute;
  visibility: hidden;
  inset: -1.25rem auto auto -1rem;
  width: auto;
  max-width: 3.25rem;
  padding: 1.25rem 1rem;
  box-sizing: border-box;
  border-radius: 6px;
  background: #FFFFFF;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  transition: max-width 0.2s ease-out, padding 0.2s ease-out;
  z-index: 200;
  gap: 1.25rem;
}
.aerfoam-component-menu__container[b-z73wteytd9]:before {
  display: block;
  content: "";
  position: absolute;
  inset: 0 auto 0 3.375rem;
  width: 1px;
  background: var(--btn-arrow-border-col, #D6DADD);
}
.aerfoam-component-menu:focus-within .aerfoam-component-menu__container[b-z73wteytd9] {
  visibility: visible;
  max-width: 12rem;
  padding-left: 4.5rem;
}
.aerfoam-component-menu__container .aerfoam-component-menu__icon[b-z73wteytd9] {
  flex: 0 0 auto;
  transform: scale(0);
  transition: transform 0.2s ease-out 0.15s;
}
.aerfoam-component-menu:focus-within .aerfoam-component-menu__container .aerfoam-component-menu__icon[b-z73wteytd9] {
  transform: scale(1);
}
.aerfoam-component-menu:focus-within .aerfoam-component-menu__container .aerfoam-component-menu__icon:nth-child(1)[b-z73wteytd9] {
  transition-delay: 0.05s;
}
.aerfoam-component-menu:focus-within .aerfoam-component-menu__container .aerfoam-component-menu__icon:nth-child(2)[b-z73wteytd9] {
  transition-delay: 0.1s;
}
/* /Pages/Shared/Context/IconMenuProduct.razor.rz.scp.css */
.Header[b-3jhqwji1po] {
  max-width: 25rem;
  overflow: hidden;
  padding: 21px 33px 11px 33px;
  border-bottom: 1px solid var(--border-color-light);
}
.Header .ProductName[b-3jhqwji1po] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 15px;
}

.DataContainer[b-3jhqwji1po] {
  padding: 20px;
  display: flex;
  gap: 20px;
}
.DataContainer .Image[b-3jhqwji1po] {
  width: 113px;
  height: 113px;
  overflow: hidden;
  border: 1px solid var(--border-color-light);
}
.DataContainer .Image img[b-3jhqwji1po] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.DataContainer .Info[b-3jhqwji1po] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.DataContainer .Info .action[b-3jhqwji1po] {
  white-space: nowrap;
}
/* /Pages/Shared/Cookies/CookieBanner.razor.rz.scp.css */
#cookieConsentBanner[b-heqx246ajm] {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2000;
}
#cookieConsentBanner .Window[b-heqx246ajm] {
  text-align: left;
  background-color: #fff;
  padding: 54px;
  display: inline-block;
  max-width: 576px;
}
#cookieConsentBanner .Window .Header[b-heqx246ajm] {
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 15px;
}
#cookieConsentBanner .Window .Header i[b-heqx246ajm] {
  margin-right: 6px;
}
#cookieConsentBanner .Window .Description[b-heqx246ajm] {
  margin-bottom: 41px;
}
/* /Pages/Shared/EasterEggs/NiklasChoking.razor.rz.scp.css */
.NiklasContainer[b-yenxs6axwq] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.NiklasContainer .Window[b-yenxs6axwq] {
  background-color: #fff;
  display: inline-flex;
  max-width: 52rem;
  padding: 2rem;
}
.NiklasContainer .Window .Left img[b-yenxs6axwq] {
  max-width: 20rem;
  animation: shake-b-yenxs6axwq 0.5s;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.NiklasContainer .Window .Right[b-yenxs6axwq] {
  padding-left: 2.5rem;
  display: flex;
  flex-direction: column;
}
.NiklasContainer .Window .Right .Header[b-yenxs6axwq] {
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.NiklasContainer .Window .Right .Text[b-yenxs6axwq] {
  font-size: 0.89rem;
}
.NiklasContainer .Window .Right .Actions[b-yenxs6axwq] {
  text-align: right;
}

@keyframes shake-b-yenxs6axwq {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
/* /Pages/Shared/Error/ErrorFixed.razor.rz.scp.css */
.ErrorFixed[b-901pptbyne] {
  text-align: center;
  padding: 0.5rem;
}
.ErrorFixed .Content[b-901pptbyne] {
  display: inline-block;
  background-color: var(--primary);
  color: #fff;
  padding: 1rem 3rem;
  width: auto;
  max-width: 30rem;
}
.ErrorFixed .Content .top[b-901pptbyne] {
  font-size: 1.4rem;
}
.ErrorFixed .Content button[b-901pptbyne] {
  margin-top: 1rem;
}
/* /Pages/Shared/Error/ExceptionView.razor.rz.scp.css */
.ExceptionView[b-t4v6uv9pgu] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ExceptionView .Exception[b-t4v6uv9pgu] {
  padding: 2rem;
  max-width: 60rem;
  background-color: #222;
  color: aliceblue;
}
.ExceptionView .Exception .Header h1[b-t4v6uv9pgu] {
  font-size: 1.5rem;
  color: aliceblue;
  margin-top: 2rem;
}
.ExceptionView .Exception .Header img[b-t4v6uv9pgu] {
  max-width: 100%;
}
.ExceptionView .Exception .InlineButton[b-t4v6uv9pgu] {
  background-color: unset;
  padding: 0;
  color: var(--primary);
  font-weight: bold;
  text-decoration: underline;
}
.ExceptionView .Exception .Advanced[b-t4v6uv9pgu] {
  margin-top: 3rem;
}
.ExceptionView .Exception .Advanced .Code[b-t4v6uv9pgu] {
  color: transparent;
  margin-top: 1rem;
  font-size: 0;
  max-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.3s;
}
.ExceptionView .Exception .Advanced .Code.Show[b-t4v6uv9pgu] {
  color: aquamarine;
  font-size: 0.78rem;
  max-height: 1000rem;
  padding: 2rem;
  border: 1px solid aqua;
}
/* /Pages/Shared/Error/ProjectExceptionView.razor.rz.scp.css */
.ProjectExceptionView[b-mx7cd2ewim] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  animation-name: SlideDown-b-mx7cd2ewim;
  animation-duration: 0.5s;
  z-index: 10000;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5018382353) 0%, rgba(0, 0, 0, 0) 100%);
  padding-top: 10rem;
}
.ProjectExceptionView .ExceptionWindow[b-mx7cd2ewim] {
  padding: 1rem;
  box-sizing: border-box;
  background-color: #fff;
  max-width: 50rem;
  position: relative;
}
.ProjectExceptionView .ExceptionWindow .HideButton[b-mx7cd2ewim] {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.ProjectExceptionView .ExceptionWindow img[b-mx7cd2ewim] {
  max-width: 100%;
}
.ProjectExceptionView .ExceptionWindow .Header[b-mx7cd2ewim] {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
}
.ProjectExceptionView .ExceptionWindow .Actions[b-mx7cd2ewim] {
  margin-top: 1rem;
}
.ProjectExceptionView .ExceptionWindow .Explanation[b-mx7cd2ewim] {
  font-size: 0.987rem;
}
.ProjectExceptionView .ExceptionWindow .Code[b-mx7cd2ewim] {
  margin-top: 1rem;
  cursor: pointer;
  background-color: #808080;
  padding: 1rem;
  border: 1px solid #000;
  font-size: 0.78rem;
  word-break: break-all;
  color: #5bffbc;
}
@keyframes SlideDown-b-mx7cd2ewim {
  from {
    bottom: -200rem;
  }
  to {
    bottom: 0;
  }
}
/* /Pages/Shared/Error/WarningFixed.razor.rz.scp.css */
.WarningFixed[b-g2bowgy8z0] {
  text-align: center;
  padding: 0.5rem;
}
.WarningFixed .Content[b-g2bowgy8z0] {
  display: inline-block;
  background-color: var(--warning);
  color: #fff;
  padding: 10px;
  width: auto;
  max-width: 30rem;
  font-size: 12px;
}
.WarningFixed .Content .top[b-g2bowgy8z0] {
  font-size: 1.4rem;
}
.WarningFixed .Content button[b-g2bowgy8z0] {
  margin-top: 1rem;
}
/* /Pages/Shared/Files/FilesModal.razor.rz.scp.css */
.DocumentsModal[b-fbyqibogse] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DocumentsModal .Window[b-fbyqibogse] {
  padding: 2rem;
  background-color: #fff;
  position: relative;
  min-width: 50rem;
}
.DocumentsModal .Window .Header[b-fbyqibogse] {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.DocumentsModal .Window .Actions[b-fbyqibogse] {
  text-align: right;
  margin-top: 3rem;
}
/* /Pages/Shared/Files/FilesProject.razor.rz.scp.css */
.DocumentsProject[b-u4p3a9lq91] {
  margin-bottom: 1rem;
}
.DocumentsProject .AddDocument[b-u4p3a9lq91] {
  margin-bottom: 2rem;
}
.DocumentsProject .NoFiles[b-u4p3a9lq91] {
  text-align: center;
  font-weight: 500;
  margin: 4rem 0;
}
.DocumentsProject .Dropzone[b-u4p3a9lq91] {
  margin-bottom: 3rem;
}
.DocumentsProject .FileList[b-u4p3a9lq91] {
  max-height: 40rem;
  overflow: auto;
}
/* /Pages/Shared/Footer/FooterBar.razor.rz.scp.css */
.container[b-81xc60pj09] {
  min-height: auto;
}
.container .Footer[b-81xc60pj09] {
  padding: 34px 0;
  display: flex;
}
.container .Footer .Copyright[b-81xc60pj09], .container .Footer .Cookie[b-81xc60pj09], .container .Footer .Privacy[b-81xc60pj09] {
  margin-right: 37px;
}
.container .Footer .Copyright a[b-81xc60pj09], .container .Footer .Cookie a[b-81xc60pj09], .container .Footer .Privacy a[b-81xc60pj09] {
  color: var(--font-color);
}
.container .Footer .Copyright a:hover[b-81xc60pj09], .container .Footer .Cookie a:hover[b-81xc60pj09], .container .Footer .Privacy a:hover[b-81xc60pj09] {
  color: var(--primary);
}
/* /Pages/Shared/Graphs/BarGraph.razor.rz.scp.css */
.Header[b-dh7qlthynm] {
  padding: 1rem;
  font-weight: bold;
  background-color: #3c3c3c;
  color: #fff;
  font-size: 1.1rem;
  max-width: 100rem;
}

.BarGraph[b-dh7qlthynm] {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-rows: auto auto;
  max-width: 100rem;
  margin-bottom: 1rem;
  background-color: #222;
  color: #fff;
  padding: 2rem 1rem 1rem 1rem;
  font-size: 0.89rem;
}
.BarGraph .YContainer[b-dh7qlthynm] {
  padding-right: 1rem;
}
.BarGraph .YContainer .ItemDesc[b-dh7qlthynm] {
  padding: 1rem 0 0 0;
  font-weight: bold;
  font-size: 0.89rem;
  white-space: nowrap;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BarGraph .YContainer .ItemDesc:first-child[b-dh7qlthynm] {
  padding: 0 0 0 0;
}
.BarGraph .YContainer .ItemValue[b-dh7qlthynm] {
  flex-grow: 1;
  white-space: nowrap;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BarGraph .YContainer.Vertical[b-dh7qlthynm] {
  min-height: 20rem;
  display: flex;
  flex-direction: column-reverse;
}
.BarGraph .YContainer.Vertical .ItemValue[b-dh7qlthynm] {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.BarGraph .BarsContainer[b-dh7qlthynm] {
  display: flex;
  flex: 1 1 0px;
  position: relative;
}
.BarGraph .BarsContainer.Horizontal[b-dh7qlthynm] {
  flex-direction: column;
}
.BarGraph .BarsContainer.Horizontal .Bar[b-dh7qlthynm] {
  margin: 0.5rem 0 0 0;
  padding-left: 0.3rem;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
}
.BarGraph .BarsContainer.Vertical[b-dh7qlthynm] {
  align-items: end;
}
.BarGraph .BarsContainer.Vertical .Bar[b-dh7qlthynm] {
  margin: 0 0.5rem;
  padding-bottom: 0.3rem;
  text-align: center;
  position: relative;
}
.BarGraph .BarsContainer.Vertical .Bar .BarValue[b-dh7qlthynm] {
  position: absolute;
  top: -1.2rem;
}
.BarGraph .BarsContainer .Bar[b-dh7qlthynm] {
  display: inline-flex;
  flex-grow: 1;
  background-color: #3c4d4e;
  z-index: 1;
}
.BarGraph .BarsContainer .Bar .BarValue[b-dh7qlthynm] {
  font-size: 0.8rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BarGraph .BarsContainer .BackgroundGrid[b-dh7qlthynm] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.BarGraph .BarsContainer .BackgroundGrid.Vertical[b-dh7qlthynm] {
  color: transparent;
  min-height: 20rem;
  display: flex;
  flex-direction: column;
}
.BarGraph .BarsContainer .BackgroundGrid.Vertical .Item[b-dh7qlthynm] {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
.BarGraph .BarsContainer .BackgroundGrid.Vertical .Item:first-child[b-dh7qlthynm] {
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
.BarGraph .BarsContainer .BackgroundGrid.Horizontal[b-dh7qlthynm] {
  color: transparent;
  display: flex;
  flex: 1 1 0px;
}
.BarGraph .BarsContainer .BackgroundGrid.Horizontal .Item[b-dh7qlthynm] {
  flex-grow: 1;
  flex-basis: 0;
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
}
.BarGraph .BarsContainer .BackgroundGrid.Horizontal .Item:first-child[b-dh7qlthynm] {
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
}
.BarGraph .XContainer[b-dh7qlthynm] {
  display: flex;
  flex: 1 1 0px;
  padding-top: 1rem;
}
.BarGraph .XContainer .ItemValue[b-dh7qlthynm] {
  flex-grow: 1;
  flex-basis: 0;
}
.BarGraph .XContainer .ItemDesc[b-dh7qlthynm] {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  text-align: center;
}
.BarGraph .XContainer .ItemDesc div[b-dh7qlthynm] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
/* /Pages/Shared/Header/TopBar.razor.rz.scp.css */
.TopBar[b-2azh0ij51s] {
  border-bottom: var(--border);
}
.TopBar .container[b-2azh0ij51s] {
  position: relative;
}
.TopBar .col[b-2azh0ij51s] {
  display: flex;
}
.TopBar .Left[b-2azh0ij51s], .TopBar .Middle[b-2azh0ij51s], .TopBar[b-2azh0ij51s]  .ContextMenu {
  padding: var(--grid-padding);
}
.TopBar .Left[b-2azh0ij51s] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
}
.TopBar .Left img[b-2azh0ij51s] {
  height: 16px;
  cursor: pointer;
}
.TopBar .Right[b-2azh0ij51s] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TopBar .Right i[b-2azh0ij51s] {
  font-size: 1.875rem;
  color: var(--btn-components-color);
}
.TopBar .Middle[b-2azh0ij51s] {
  flex-grow: 1;
}
/* /Pages/Shared/Import/ImportStep1.razor.rz.scp.css */
.Step1 .Instructions .Instruction[b-0yev2wtkym] {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.Step1 .Instructions .Instruction .Icon[b-0yev2wtkym] {
  font-size: 32px;
  padding: 24px 30px 24px 24px;
}
.Step1 .Instructions .Instruction .Text[b-0yev2wtkym] {
  flex-grow: 1;
}
.Step1 .Instructions .Instruction .Actions[b-0yev2wtkym] {
  padding: 26px;
  display: flex;
  align-items: center;
  gap: 26px;
}
.Step1 .Instructions .Instruction .Actions a[b-0yev2wtkym] {
  text-decoration: none;
}
.Step1 .Instructions .Instruction .Actions .DownloadButton[b-0yev2wtkym] {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  color: var(--font-color);
}
.Step1 .Instructions .Instruction .Actions .DownloadButton:hover[b-0yev2wtkym] {
  color: var(--primary);
}
.Step1 .Instructions .Instruction .Actions .DownloadButton i[b-0yev2wtkym] {
  font-size: 32px;
}
.Step1 .Instructions .Instruction .Actions .DownloadButton .Desc[b-0yev2wtkym] {
  margin-top: 12px;
}
.Step1 .File[b-0yev2wtkym] {
  background-color: #DFE2E6;
  padding: 12px;
}
.Step1 .Error .Header[b-0yev2wtkym] {
  padding: 12px;
  background-color: var(--primary);
  color: #fff;
}
.Step1 .Error .Message[b-0yev2wtkym] {
  padding: 12px;
  background-color: var(--error-bg);
  font-size: 11px;
}
/* /Pages/Shared/Import/ImportStep3.razor.rz.scp.css */
.Step3[b-chtxkt9zfh] {
  --step: 2rem;
  max-height: 60vh;
  overflow: auto;
}
.Step3 .Plans .PlansHeader[b-chtxkt9zfh] {
  font-weight: bold;
  font-size: 20px;
}
.Step3 .Plans .Plan[b-chtxkt9zfh] {
  margin-left: var(--step);
}
.Step3 .Plans .Plan .PlanName[b-chtxkt9zfh], .Step3 .Plans .Plan .FloorName[b-chtxkt9zfh], .Step3 .Plans .Plan .RoomName[b-chtxkt9zfh], .Step3 .Plans .Plan .ValveHeader[b-chtxkt9zfh] {
  font-weight: bold;
}
.Step3 .Plans .Plan .Floors[b-chtxkt9zfh] {
  margin-left: var(--step);
}
.Step3 .Plans .Plan .Floors .Floor .Rooms[b-chtxkt9zfh] {
  margin-left: var(--step);
}
.Step3 .Plans .Plan .Floors .Floor .Rooms .Room .Valves[b-chtxkt9zfh] {
  margin-left: var(--step);
}
.Step3 .Plans .Plan .Floors .Floor .Rooms .Room .Valves .Valve .ValveData[b-chtxkt9zfh] {
  margin-left: var(--step);
}
.Step3 .Plans .Plan .DBoxes[b-chtxkt9zfh] {
  margin-left: var(--step);
}
.Step3 .Plans .Plan .DBoxes .DBoxesHeader[b-chtxkt9zfh] {
  font-weight: bold;
}
.Step3 .Plans .Plan .DBoxes .DBox[b-chtxkt9zfh] {
  margin-left: var(--step);
}
/* /Pages/Shared/Import/ImportStepCounter.razor.rz.scp.css */
.StepCounter[b-or9dpx7q33] {
  margin-bottom: 28px;
}
.StepCounter .Numbers[b-or9dpx7q33] {
  font-weight: 500;
}
.StepCounter .Bar[b-or9dpx7q33] {
  width: 100%;
  height: 4px;
  background: #D6DADD;
  font-size: 0;
  margin-bottom: 12px;
}
.StepCounter .Bar .Progress[b-or9dpx7q33] {
  background-color: var(--primary);
  height: 100%;
  display: inline-block;
  transition: all 0.3s;
}
.StepCounter .Bar .Progress.Step_1[b-or9dpx7q33] {
  width: 33%;
}
.StepCounter .Bar .Progress.Step_2[b-or9dpx7q33] {
  width: 66%;
}
.StepCounter .Bar .Progress.Step_3[b-or9dpx7q33] {
  width: 100%;
}
.StepCounter .Text .Header[b-or9dpx7q33] {
  font-weight: 500;
}
/* /Pages/Shared/Inputs/AdapterSelector.razor.rz.scp.css */
.AdapterSelector[b-j62uni8x12] {
  cursor: pointer;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  text-transform: none;
  --OutsidePadding: 15px;
  --SelectedPaddings: 1rem;
  --TextWidthPopup: 25rem;
  --PopupHeight: 20rem;
  --HoverColor: #EAECED;
}
.AdapterSelector .SelectedItem[b-j62uni8x12] {
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  border: 1px solid var(--border-color-light);
  padding: 0.5rem 1rem;
}
.AdapterSelector .SelectorImage[b-j62uni8x12] {
  padding-right: var(--SelectedPaddings);
  font-size: 0;
}
.AdapterSelector .SelectorImage img[b-j62uni8x12] {
  width: 48px;
  height: 48px;
  object-fit: contain;
  object-position: center center;
  border: 1px solid var(--border-color-light);
}
.AdapterSelector .SelectorData[b-j62uni8x12] {
  flex-grow: 1;
  text-align: left;
}
.AdapterSelector .SelectorData .Name[b-j62uni8x12] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.AdapterSelector .SelectorData .Name.Active[b-j62uni8x12] {
  font-weight: 500;
}
.AdapterSelector .SelectorIcon[b-j62uni8x12] {
  line-height: 0;
  padding-left: var(--SelectedPaddings);
}
.AdapterSelector .SelectListCloser[b-j62uni8x12] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.AdapterSelector .SelectList[b-j62uni8x12] {
  position: absolute;
  z-index: 1001;
  max-height: var(--PopupHeight);
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  left: 0;
  background-color: #FFF;
  padding: 10px 0 10px 0;
}
.AdapterSelector .SelectList .SelectItem[b-j62uni8x12] {
  width: 100%;
  display: flex;
  align-items: start;
  padding: var(--OutsidePadding);
  transition: all 0.3s;
}
.AdapterSelector .SelectList .SelectItem:hover[b-j62uni8x12] {
  background-color: var(--HoverColor);
}
.AdapterSelector .SelectList .SelectItem .SelectorIcon[b-j62uni8x12] {
  padding-right: 1rem;
}
.AdapterSelector .SelectList .SelectItem .Name[b-j62uni8x12] {
  font-size: 15px;
}
.AdapterSelector .SelectList .SelectItem .Information[b-j62uni8x12] {
  display: flex;
  margin-top: 3px;
}
.AdapterSelector .SelectList .SelectItem .Information .Item[b-j62uni8x12] {
  background-color: #D6DADD;
  border-radius: 1rem;
  padding: 3px 10px;
  font-size: 8px;
  line-height: 8px;
  margin-right: 5px;
}
.AdapterSelector .SelectList .SelectorData .Name[b-j62uni8x12] {
  max-width: var(--TextWidthPopup);
  min-width: var(--TextWidthPopup);
  width: var(--TextWidthPopup);
}
/* /Pages/Shared/Inputs/CustomSwitch.razor.rz.scp.css */
.custom-switch[b-q0f21bd5bu] {
  display: block;
  position: relative;
  width: 12.5rem;
  height: 2.25rem;
  border-radius: 5px;
  border: 1px solid var(--border-color-light, #DFE2E6);
  background: var(--scrollbar-foreground, #D9D9D9);
  cursor: pointer;
}
.custom-switch__input[b-q0f21bd5bu] {
  position: absolute;
  visibility: hidden;
}
.custom-switch__vendor[b-q0f21bd5bu], .custom-switch__custom[b-q0f21bd5bu] {
  position: absolute;
  inset: 1px auto 1px 1px;
  width: 50%;
  line-height: 2rem;
  text-align: center;
  user-select: none;
  font-size: 15px;
  font-weight: 600;
  color: var(--font-color-light, #67727B);
  transition: color ease-out 0.2s;
}
.custom-switch__custom[b-q0f21bd5bu] {
  inset: 1px 1px 1px auto;
}
.custom-switch:has(.custom-switch__input:not(:checked)) .custom-switch__custom[b-q0f21bd5bu], .custom-switch:has(.custom-switch__input:checked) .custom-switch__vendor[b-q0f21bd5bu] {
  color: var(--border-color-dark, #37454F);
}
.custom-switch[b-q0f21bd5bu]:before {
  position: absolute;
  content: "";
  inset: 1px auto 1px 1px;
  width: 50%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  transition: transform ease-out 0.1s;
}
.custom-switch:has(.custom-switch__input:checked)[b-q0f21bd5bu]:before {
  transform: translateX(calc(100% - 2px));
}
/* /Pages/Shared/Inputs/InputNumberOnInput.razor.rz.scp.css */
.InputNumberOnInput[b-qmclyas0s2] {
  position: relative;
}
.InputNumberOnInput .Iterator[b-qmclyas0s2] {
  position: absolute;
  top: 0;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.InputNumberOnInput .IteratorMinus[b-qmclyas0s2] {
  left: 0;
}
.InputNumberOnInput .IteratorPlus[b-qmclyas0s2] {
  right: 0.3rem;
  top: 1px;
}
/* /Pages/Shared/Inputs/ProductSelector.razor.rz.scp.css */
.ProductSelector[b-nziaww15ug] {
  cursor: pointer;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  text-transform: none;
  --OutsidePadding: .25rem;
  --SelectedPaddings: 1rem;
  --TextWidth: 20rem;
  --TextWidthPopup: 30rem;
  --PopupHeight: 20rem;
  --HoverColor: #EAECED;
}
.ProductSelector .SelectedItem[b-nziaww15ug] {
  display: flex;
  align-items: center;
  padding: var(--OutsidePadding);
}
.ProductSelector .SelectorImage[b-nziaww15ug] {
  padding-right: var(--SelectedPaddings);
  font-size: 0;
}
.ProductSelector .SelectorImage img[b-nziaww15ug] {
  width: 48px;
  height: 48px;
  object-fit: contain;
  object-position: center center;
  border: 1px solid var(--border-color-light);
}
.ProductSelector .SelectorData[b-nziaww15ug] {
  flex-grow: 1;
  text-align: left;
}
.ProductSelector .SelectorData .Name[b-nziaww15ug] {
  max-width: var(--TextWidth);
  min-width: var(--TextWidth);
  width: var(--TextWidth);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ProductSelector .SelectorData .Name.Active[b-nziaww15ug] {
  font-weight: 500;
}
.ProductSelector .SelectorIcon[b-nziaww15ug] {
  line-height: 0;
  padding-left: var(--SelectedPaddings);
}
.ProductSelector .SelectListCloser[b-nziaww15ug] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ProductSelector .SelectList[b-nziaww15ug] {
  position: absolute;
  z-index: 1001;
  max-height: var(--PopupHeight);
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  left: 0;
  background-color: #FFF;
  padding: 1rem 0 2rem 0;
}
.ProductSelector .SelectList .SelectItem[b-nziaww15ug] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: var(--OutsidePadding);
  padding-left: 1rem;
  transition: all 0.3s;
}
.ProductSelector .SelectList .SelectItem:hover[b-nziaww15ug] {
  background-color: var(--HoverColor);
}
.ProductSelector .SelectList .SelectItem .SelectorIcon[b-nziaww15ug] {
  padding-right: 1rem;
}
.ProductSelector .SelectList .SelectorData .Name[b-nziaww15ug] {
  max-width: var(--TextWidthPopup);
  min-width: var(--TextWidthPopup);
  width: var(--TextWidthPopup);
}
/* /Pages/Shared/Inputs/ProductSelectorRecommended.razor.rz.scp.css */
.ProductSelector[b-pzedax8np0] {
  cursor: pointer;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  text-transform: none;
  --OutsidePadding: .25rem;
  --SelectedPaddings: 1rem;
  --TextWidth: 20rem;
  --TextWidthPopup: 20rem;
  --PopupHeight: 20rem;
  --HoverColor: #EAECED;
}
.ProductSelector .SelectedItem[b-pzedax8np0] {
  display: flex;
  align-items: center;
  padding: var(--OutsidePadding);
}
.ProductSelector .SelectorImage[b-pzedax8np0] {
  padding-right: var(--SelectedPaddings);
  font-size: 0;
}
.ProductSelector .SelectorImage img[b-pzedax8np0] {
  width: 48px;
  height: 48px;
  object-fit: contain;
  object-position: center center;
  border: 1px solid var(--border-color-light);
}
.ProductSelector .SelectorData[b-pzedax8np0] {
  flex-grow: 1;
  text-align: left;
}
.ProductSelector .SelectorData .Name[b-pzedax8np0] {
  max-width: var(--TextWidth);
  min-width: var(--TextWidth);
  width: var(--TextWidth);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ProductSelector .SelectorData .Name.Active[b-pzedax8np0] {
  font-weight: 500;
}
.ProductSelector .SelectorData .Recommended[b-pzedax8np0] {
  background-color: #D7EDDC;
  padding: 3px 6px 2px 6px;
  color: #639C6E;
  font-size: 8px;
  font-weight: 600;
  line-height: 10.18px;
  text-align: left;
  display: inline-block;
  border-radius: 3px;
}
.ProductSelector .SelectorData .Old[b-pzedax8np0] {
  background-color: #EFB7B6;
  padding: 3px 6px 2px 6px;
  color: #CF2C29;
  font-size: 8px;
  font-weight: 600;
  line-height: 10.18px;
  text-align: left;
  display: inline-block;
  border-radius: 3px;
}
.ProductSelector .SelectorIcon[b-pzedax8np0] {
  line-height: 0;
  display: flex;
  gap: 10px;
  padding-left: var(--SelectedPaddings);
}
.ProductSelector .SelectorIcon .custom:hover[b-pzedax8np0] {
  color: var(--primary);
}
.ProductSelector .SelectListCloser[b-pzedax8np0] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ProductSelector .SelectList[b-pzedax8np0] {
  position: absolute;
  z-index: 1001;
  max-height: var(--PopupHeight);
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
  top: 0;
  left: 0;
  background-color: #FFF;
  padding: 1rem 0 2rem 0;
}
.ProductSelector .SelectList .SelectItem[b-pzedax8np0] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: var(--OutsidePadding);
  padding-left: 1rem;
  transition: all 0.3s;
}
.ProductSelector .SelectList .SelectItem:hover[b-pzedax8np0] {
  background-color: var(--HoverColor);
}
.ProductSelector .SelectList .SelectItem .SelectorIcon[b-pzedax8np0] {
  padding-right: 1rem;
  display: flex;
  gap: 15px;
}
.ProductSelector .SelectList .SelectItem.Custom[b-pzedax8np0] {
  border-top: 1px solid var(--border-color-light);
  margin-top: 10px;
  padding-top: 8px;
}
.ProductSelector .SelectList .SelectorData .Name[b-pzedax8np0] {
  max-width: var(--TextWidthPopup);
  min-width: var(--TextWidthPopup);
  width: var(--TextWidthPopup);
}
/* /Pages/Shared/Inputs/SimpleSelector.razor.rz.scp.css */
.basic-select[b-q8u6qu56oa] {
  position: relative;
}
.basic-select__value[b-q8u6qu56oa] {
  cursor: pointer;
}
.basic-select__list[b-q8u6qu56oa] {
  position: absolute;
  background-color: #fff;
  white-space: nowrap;
  border: 1px solid var(--border-color-light);
  padding: 12px 0 12px 0;
  z-index: 10;
}
[b-q8u6qu56oa] .basic-select__list-item {
  padding: 12px 23px 12px 23px;
  border: 1px solid transparent;
  cursor: pointer;
}
[b-q8u6qu56oa] .basic-select__list-item:hover {
  border: 1px solid var(--primary);
}
.basic-select__blocker[b-q8u6qu56oa] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}
/* /Pages/Shared/Inputs/TriChoiceSelector.razor.rz.scp.css */
.TriChoice[b-axrp5an7rm] {
  display: inline-flex;
  border: 1px solid var(--border-color-light);
}
.TriChoice .Choice[b-axrp5an7rm] {
  border-left: 1px solid var(--border-color-light);
  padding: 5px 15px;
  cursor: pointer;
  transition: all 0.3s;
}
.TriChoice .Choice:first-child[b-axrp5an7rm] {
  border-left: none;
}
.TriChoice .Choice:hover[b-axrp5an7rm] {
  background-color: var(--secondary);
  color: #fff;
}
.TriChoice .Choice.Active[b-axrp5an7rm] {
  background-color: var(--primary);
  color: #fff;
}
/* /Pages/Shared/Loading/LoadingButton.razor.rz.scp.css */
.LoadingButton[b-g5xx5nf90k] {
  display: inline-block;
}
.LoadingButton i[b-g5xx5nf90k] {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin-b-g5xx5nf90k 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin-b-g5xx5nf90k {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* /Pages/Shared/Loading/LoadingSection.razor.rz.scp.css */
.LoadingSection[b-vuhvef8cs9] {
  min-height: 40px;
  width: 100%;
  text-align: center;
}
.LoadingSection.small .Loader[b-vuhvef8cs9] {
  transform: scale(0.5);
}
.LoadingSection.white[b-vuhvef8cs9] {
  color: #fff;
}
.LoadingSection.white .Loader div[b-vuhvef8cs9] {
  background: #fff;
}
.LoadingSection .Loader[b-vuhvef8cs9] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 80px;
}
.LoadingSection .Loader i[b-vuhvef8cs9] {
  --fa-primary-color: #2e3b46;
  --fa-secondary-color: #2e3b46;
}
.LoadingSection.smallWihtoutMargin .Loader[b-vuhvef8cs9] {
  transform: scale(0.5);
  height: 45px;
}
/* /Pages/Shared/Loading/LoadingSmall.razor.rz.scp.css */
.LoadingSmall[b-zbwg1gxo5x] {
  display: flex;
}
.LoadingSmall .Loader i[b-zbwg1gxo5x] {
  --fa-primary-color: #2e3b46;
  --fa-secondary-color: #2e3b46;
}
.LoadingSmall .LoadingMessage[b-zbwg1gxo5x] {
  margin-left: 1rem;
}
/* /Pages/Shared/Localization/CultureSelector.razor.rz.scp.css */
.CultureSelector[b-258ldweeew] {
  height: 100%;
}
.CultureSelector[b-258ldweeew]  .ContextMenu {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.CultureSelector[b-258ldweeew]  .ContextMenu .LanguageDisplay {
  font-size: 1rem;
  margin-top: 0.3rem;
  text-transform: uppercase;
}
.CultureSelector[b-258ldweeew]  .ContextMenu .LanguageDisplay i {
  margin-left: 0.2rem;
}
/* /Pages/Shared/MainLayout.razor.rz.scp.css */
.Page[b-df2561pa3h] {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.Page .Content[b-df2561pa3h] {
  height: 100%;
  max-height: 100%;
  width: 100%;
  overflow: auto;
  transition: background-color 0.3s;
  display: flex;
  flex-direction: column;
}
.Page .Content .container[b-df2561pa3h] {
  min-height: auto;
  flex-grow: 1;
}
.Page .Content.Project[b-df2561pa3h] {
  background-color: #d5dadd;
}
.Page .Content.Project .Breadcrumbs nav ol li a[b-df2561pa3h]  span, .Page .Content.Project .Breadcrumbs nav ol li .Inactive[b-df2561pa3h]  span {
  background-color: var(--bread-badge-color);
  color: var(--bread-faint-color);
}
.Page .Content.Project .Breadcrumbs nav ol li .active[b-df2561pa3h]  span {
  background-color: var(--negative-red);
  color: #fff;
}
.Page .Content.Project[b-df2561pa3h]  .Footer .Copyright a:hover, .Page .Content.Project[b-df2561pa3h]  .Footer .Cookie a:hover, .Page .Content.Project[b-df2561pa3h]  .Footer .Privacy a:hover {
  color: #fff;
}
.Page .StopContainer[b-df2561pa3h] {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}
.Page .StopContainer img[b-df2561pa3h] {
  max-width: 20rem;
}
.Page .StopContainer .Right[b-df2561pa3h] {
  max-width: 35rem;
  padding: 0 3rem;
}
/* /Pages/Shared/Notifications/NotificationContainer.razor.rz.scp.css */
.NotificationButton[b-8pe8yilmvc] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 29px;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  padding: 0 var(--grid-padding);
}
.NotificationButton:hover[b-8pe8yilmvc] {
  border-bottom: 3px solid var(--primary);
}

.Closer[b-8pe8yilmvc] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

.NotificationsContainer[b-8pe8yilmvc] {
  display: flex;
  gap: 10px;
  flex-direction: column;
  position: absolute;
  top: 67px;
  right: calc(var(--bs-gutter-x) * 0.5);
  padding: 12px;
  z-index: 100;
  max-height: 50vh;
  overflow: auto;
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification {
  display: flex;
  flex-direction: column;
  width: 300px;
  background-color: #fff;
  padding: 8px;
  font-size: 14px;
  border-radius: 3px;
  border-left: 3px solid var(--secondary);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification .Header {
  display: flex;
  gap: 10px;
  margin-bottom: 4px;
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification .Header .Icon {
  color: var(--secondary);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification .Header .Title {
  font-weight: 500;
  flex-grow: 1;
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification .Header .Time {
  font-size: 12px;
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification .Actions {
  display: flex;
  gap: 5px;
  justify-content: end;
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Info {
  border-left: 3px solid var(--info);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Info .Header .Icon {
  color: var(--info);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Success {
  border-left: 3px solid var(--success);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Success .Header .Icon {
  color: var(--success);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Error {
  border-left: 3px solid var(--error);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Error .Header .Icon {
  color: var(--error);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Warning {
  border-left: 3px solid var(--warning);
}
.NotificationsContainer[b-8pe8yilmvc]  .Notification.Warning .Header .Icon {
  color: var(--warning);
}
/* /Pages/Shared/Plan/ChangeWarning.razor.rz.scp.css */
.Header[b-gbvtdiij5u] {
  font-weight: 500;
  margin-bottom: 1rem;
}

.Text[b-gbvtdiij5u] {
  font-size: 0.93rem;
  margin-bottom: 2rem;
}
/* /Pages/Shared/Plan/PlanRoomType.razor.rz.scp.css */
.PlanRoomType[b-56hmt3r4wc] {
  position: relative;
}
.PlanRoomType .RoomTypes[b-56hmt3r4wc] {
  position: absolute;
  z-index: 1001;
  display: flex;
  padding: 0;
  border: 1px solid var(--border-color-light);
  background-color: #fff;
  min-width: 750px;
  padding: 1rem 0 0;
}
.PlanRoomType .RoomTypes .add-btn-icon[b-56hmt3r4wc] {
  margin-left: 0px;
  font-size: xx-small;
  margin-right: 0.3rem;
}
.PlanRoomType .RoomTypes .rooms-container[b-56hmt3r4wc] {
  display: flex;
  flex-direction: column;
  width: 66.6%;
}
.PlanRoomType .RoomTypes .rooms-container .room-type[b-56hmt3r4wc] {
  padding: 0.6rem 0.8rem;
  margin-bottom: 0.2rem;
  background: var(--room-in);
}
.PlanRoomType .RoomTypes .room-row[b-56hmt3r4wc] {
  display: flex;
  flex-direction: row;
}
.PlanRoomType .RoomTypes button[b-56hmt3r4wc] {
  position: absolute;
  top: -43px;
  left: -1px;
}
.PlanRoomType .RoomTypes .over-flow-col[b-56hmt3r4wc] {
  display: flex;
  flex-direction: row;
  width: 33.4%;
}
.PlanRoomType .RoomTypes .TypeColumn[b-56hmt3r4wc] {
  padding: 0rem 1rem 1rem 1rem;
  flex: 1 1 0px;
}
.PlanRoomType .RoomTypes .TypeColumn.Supply[b-56hmt3r4wc] {
  border-bottom: 15px solid var(--room-in);
}
.PlanRoomType .RoomTypes .TypeColumn.Extract[b-56hmt3r4wc] {
  border-bottom: 15px solid var(--room-out);
}
.PlanRoomType .RoomTypes .TypeColumn.Overflow[b-56hmt3r4wc] {
  border-bottom: 15px solid var(--room-def);
}
.PlanRoomType .RoomTypes .TypeColumn.room-col[b-56hmt3r4wc] {
  border-bottom: 0;
  padding-bottom: 0;
}
.PlanRoomType .RoomTypes .TypeColumn .Type[b-56hmt3r4wc] {
  font-weight: 400;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
.PlanRoomType .RoomTypes .TypeColumn .Type img[b-56hmt3r4wc] {
  margin-right: 1rem;
  max-height: 25px;
  height: 30px;
  width: 30px;
  object-fit: contain;
  object-position: center center;
}
.PlanRoomType .RoomTypes .TypeColumn .Type:hover[b-56hmt3r4wc] {
  color: var(--primary);
  text-decoration: underline;
}
.PlanRoomType.Left .RoomTypes[b-56hmt3r4wc] {
  right: 0;
}
.PlanRoomType.Left .RoomTypes button[b-56hmt3r4wc] {
  right: 0px;
  left: unset;
}
.PlanRoomType .PlanRoomTypeBlocker[b-56hmt3r4wc] {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1000;
  cursor: pointer;
}
/* /Pages/Shared/Plan/ProjectPlanForm.razor.rz.scp.css */
.PlanFormContainer[b-mxfd3nfrzo] {
  min-height: unset;
  --projectform-padding: 32px;
}
.PlanFormContainer.padding-zero[b-mxfd3nfrzo] {
  padding: 0;
}
.PlanFormContainer .details-padding-fix[b-mxfd3nfrzo] {
  padding-left: 1.5rem;
  background: rgba(234, 236, 237, 0.2);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.PlanFormContainer .padding-fix[b-mxfd3nfrzo] {
  padding-left: 0.75rem;
}
.PlanFormContainer .project-details[b-mxfd3nfrzo] {
  padding: 32px;
  margin: -16px -16px 0 -32px;
  background-color: #fbfbfb;
}
.PlanFormContainer .project-details h3[b-mxfd3nfrzo] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
}
.PlanFormContainer .project-details .label[b-mxfd3nfrzo] {
  display: block;
  font-size: 0.79rem;
}
.PlanFormContainer .project-details .row[b-mxfd3nfrzo] {
  margin-top: 40px;
}
.PlanFormContainer .PlanDetails[b-mxfd3nfrzo] {
  margin-top: 32px;
}
.PlanFormContainer .PlanDetails .header[b-mxfd3nfrzo] {
  font-size: 1.25rem;
  font-weight: 500;
}
.PlanFormContainer .PlanDetails .row[b-mxfd3nfrzo] {
  margin-top: 30px;
}
.PlanFormContainer .SystemTypeInfo[b-mxfd3nfrzo] {
  font-size: 0.85rem;
  color: var(--font-color);
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.PlanFormContainer .FormItem[b-mxfd3nfrzo] {
  margin-bottom: 1rem;
}
.PlanFormContainer .SystemTypeRow[b-mxfd3nfrzo] {
  padding-top: 0;
}
.PlanFormContainer .SystemTypes[b-mxfd3nfrzo] {
  display: flex;
}
.PlanFormContainer .ActionSection[b-mxfd3nfrzo] {
  padding: var(--projectform-padding);
  margin-top: 3rem;
  display: flex;
  justify-content: end;
  align-items: center;
}
.PlanFormContainer .ActionSection button:last-child[b-mxfd3nfrzo] {
  margin-left: 0.5rem;
}
.PlanFormContainer .ActionSection .Cancel[b-mxfd3nfrzo] {
  margin-right: 2rem;
  border-bottom: 2px solid #D6DADD;
  cursor: pointer;
}
.PlanFormContainer .ActionSection .Cancel:hover[b-mxfd3nfrzo] {
  border-bottom: 2px solid var(--primary);
}
/* /Pages/Shared/Plan/ReadOnly.razor.rz.scp.css */
.ReadOnly[b-wb5fl27sk4] {
  position: fixed;
  display: flex;
  gap: 1rem;
  bottom: 8rem;
  right: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 200;
  padding: 1rem;
  border-radius: 0.3rem;
}
.ReadOnly .Header[b-wb5fl27sk4] {
  font-size: 16px;
  font-weight: 500;
}
.ReadOnly .Explanation[b-wb5fl27sk4] {
  max-width: 20rem;
  font-size: 13px;
}
/* /Pages/Shared/Plan/UpdatedParameters.razor.rz.scp.css */
.AlwaysIgnore label[b-bylmvf5ket] {
  display: flex;
  cursor: pointer;
}

.Explanation[b-bylmvf5ket] {
  margin-bottom: 16px;
}

.ConfirmationContainer[b-bylmvf5ket] {
  background-color: #EAECED;
  border-radius: 5px;
  margin-bottom: 8px;
}
.ConfirmationContainer .Header[b-bylmvf5ket] {
  padding: 32px 24px;
}
.ConfirmationContainer .Header label[b-bylmvf5ket] {
  display: flex;
  cursor: pointer;
}
.ConfirmationContainer .Header label ul[b-bylmvf5ket] {
  margin: 0;
  padding-left: 24px;
  flex-grow: 1;
}
.ConfirmationContainer .Header label ul .Top[b-bylmvf5ket] {
  list-style: disc;
  font-weight: 500;
}
.ConfirmationContainer .Header label ul .Bottom[b-bylmvf5ket] {
  list-style: none;
  font-weight: 400;
}
.ConfirmationContainer .ConfirmationLogs[b-bylmvf5ket] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 24px 32px 24px;
}
.ConfirmationContainer .ConfirmationLogs .SubHeaderLogs[b-bylmvf5ket] {
  font-size: 14px;
  font-weight: 500;
}
.ConfirmationContainer .ConfirmationLogs[b-bylmvf5ket]  .ProductSelector {
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 14px 8px 24px;
}
.ConfirmationContainer .ConfirmationLogs[b-bylmvf5ket]  .ProductSelector .SelectList {
  width: 100%;
}
/* /Pages/Shared/Plan/UpdatedParametersLog.razor.rz.scp.css */
.Log[b-9imlt60mxu] {
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 0 8px 24px;
}
.Log .LogBar[b-9imlt60mxu] {
  display: flex;
}
.Log .LogBar .Image[b-9imlt60mxu] {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.Log .LogBar .Image i[b-9imlt60mxu] {
  font-size: 38px;
}
.Log .LogBar .Image img[b-9imlt60mxu] {
  width: 48px;
  height: 48px;
  object-fit: contain;
  object-position: center center;
}
.Log .LogBar .Title[b-9imlt60mxu] {
  font-size: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 44px;
  flex-grow: 1;
}
.Log .LogBar .Icon[b-9imlt60mxu] {
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.Log .LogDetails table tr th[b-9imlt60mxu] {
  text-transform: none;
  border-bottom: none;
  font-weight: 600;
  font-size: 14px;
  padding: 1rem 8px 0 0;
  margin: 0;
  color: #67727B;
}
.Log .LogDetails table tr td[b-9imlt60mxu] {
  text-transform: none;
  border-bottom: none;
  font-size: 14px;
  padding: 8px 8px 0 0;
  margin: 0;
  max-width: 0;
  color: #6E757C;
}
.Log .LogDetails table tr td.Title[b-9imlt60mxu] {
  font-weight: 500;
  width: 30%;
}
.Log .LogDetails table tr:hover td[b-9imlt60mxu] {
  background-color: transparent;
}
/* /Pages/Shared/Popup/ConfirmModal.razor.rz.scp.css */
.ConfirmModal[b-xheu6p8bo6] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  flex-direction: column;
  z-index: 2000;
}
.ConfirmModal.open[b-xheu6p8bo6] {
  display: flex;
}
.ConfirmModal .WindowContainer[b-xheu6p8bo6] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}
.ConfirmModal .WindowContainer .Window[b-xheu6p8bo6] {
  display: inline-block;
  padding: 3.375rem 4.625rem 3.625rem 3.375rem;
  margin: 2rem;
  text-align: left;
  min-width: 26.5rem;
  background-color: #ffffff;
}
.ConfirmModal .WindowContainer .Window .header[b-xheu6p8bo6] {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0 0 1.75rem 0;
}
.ConfirmModal .WindowContainer .Window .subHeader[b-xheu6p8bo6] {
  font-size: 0.9375rem;
  margin-bottom: 1.56rem;
  line-height: 0.9rem;
}
.ConfirmModal .WindowContainer .Window .choices[b-xheu6p8bo6] {
  display: flex;
}
.ConfirmModal .WindowContainer .Window .choices .no[b-xheu6p8bo6] {
  margin-left: 5px;
  line-height: 1.45rem;
}
.ConfirmModal .WindowContainer .Window .choices .yes[b-xheu6p8bo6] {
  line-height: 1.45rem;
}
/* /Pages/Shared/Popup/DuplicateRename.razor.rz.scp.css */
.Input input[b-j1ci1uns2c] {
  min-width: 25rem;
}
.Input.Duplicate[b-j1ci1uns2c] {
  margin-top: 1.5rem;
}
/* /Pages/Shared/Popup/GeneralPopup.razor.rz.scp.css */
.GeneralPopup[b-4dxktqbwcz] {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1005;
  padding: 1rem;
}
.GeneralPopup .PopupContent[b-4dxktqbwcz] {
  background-color: #fff;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.GeneralPopup .PopupContent.NoOverflow[b-4dxktqbwcz] {
  overflow-y: visible;
  overflow-x: visible;
}
.GeneralPopup .PopupContent.padding[b-4dxktqbwcz] {
  padding: 3rem;
}
.GeneralPopup .PopupContent[b-4dxktqbwcz]  .header {
  padding: 38px 42px;
  border-bottom: 1px solid var(--border-color-medium);
  margin-bottom: 49px;
}
.GeneralPopup .PopupContent[b-4dxktqbwcz]  .header h1 {
  font-size: 31px;
  font-weight: 600;
  line-height: 37.2px;
  text-align: left;
  margin-bottom: 7px;
}
.GeneralPopup .PopupContent[b-4dxktqbwcz]  .header h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.81px;
  text-align: left;
  margin: 0;
}
.GeneralPopup .PopupContent[b-4dxktqbwcz]  .content {
  padding: 0 42px;
}
/* /Pages/Shared/Popup/UniversalPopup.razor.rz.scp.css */
.UniversalPopup[b-yerbfx91fo] {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1005;
  padding: 1rem;
}
.UniversalPopup[b-yerbfx91fo]  form {
  display: contents;
}
.UniversalPopup .PopupContent[b-yerbfx91fo] {
  background-color: #fff;
  max-height: calc(100vh - 2rem);
  width: 950px;
  max-width: calc(100vw - 1rem);
  display: flex;
  flex-direction: column;
  text-transform: none;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupHeader {
  padding: 20px 32px 16px 32px;
  border-bottom: 1px solid var(--border-color-medium);
  position: relative;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupHeader h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 37.2px;
  text-align: left;
  margin-bottom: 0;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupHeader h2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.81px;
  text-align: left;
  margin: 0;
  margin-top: 16px;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupHeader .PopupHeaderIcon {
  position: absolute;
  top: 0;
  right: 34px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupContent {
  padding: 16px 32px 16px 32px;
  max-height: 80%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  --can-scroll: none;
  animation: detect-scroll-b-yerbfx91fo linear;
  animation-timeline: scroll(self);
  box-shadow: var(--can-scroll);
}
@keyframes detect-scroll-b-yerbfx91fo {
  from, to {
    --can-scroll: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
  }
}
.UniversalPopup .PopupContent.NoScroll[b-yerbfx91fo]  .UniversalPopupContent {
  overflow-x: visible;
  overflow-y: visible;
  box-shadow: none;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupFooter {
  padding: 16px 32px 28px 28px;
  display: flex;
  justify-content: end;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupFooter button {
  margin-left: 8px;
}
.UniversalPopup .PopupContent[b-yerbfx91fo]  .UniversalPopupFooter button.LinkButton {
  margin-right: 15px;
}
.UniversalPopup .PopupContent.Small[b-yerbfx91fo] {
  width: 750px;
  max-width: calc(100vw - 1rem);
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.UniversalPopup .PopupContent.Small[b-yerbfx91fo]  .UniversalPopupHeader {
  padding: 20px 24px 12px 24px;
}
.UniversalPopup .PopupContent.Small[b-yerbfx91fo]  .UniversalPopupHeader h1 {
  font-size: 20px;
  line-height: 25.2px;
}
.UniversalPopup .PopupContent.Small[b-yerbfx91fo]  .UniversalPopupHeader h2 {
  margin-top: 6px;
}
.UniversalPopup .PopupContent.Small[b-yerbfx91fo]  .UniversalPopupContent {
  padding: 16px 24px 8px 24px;
}
/* /Pages/Shared/Project/Bottom/BottomBar.razor.rz.scp.css */
.NotificationCloserBackground[b-ki6b0he9yw] {
  z-index: 199;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.BottomBar[b-ki6b0he9yw] {
  position: fixed;
  display: flex;
  align-items: center;
  bottom: 2rem;
  right: 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem 1rem 0.49rem 0.5rem;
  border-radius: 0.3rem;
  z-index: 200;
}
.BottomBar .NotificationWindow[b-ki6b0he9yw] {
  position: absolute;
  height: 40rem;
  top: -40.6rem;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.3rem;
}
.BottomBar .NotificationWindow .CloseButton[b-ki6b0he9yw] {
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
}
.BottomBar .NotificationWindow .Tabs[b-ki6b0he9yw] {
  display: flex;
}
.BottomBar .NotificationWindow .Tabs div[b-ki6b0he9yw] {
  border-bottom: 1px solid var(--border-color-light);
  padding: 0 2rem 0.5rem 1rem;
  cursor: pointer;
  flex-grow: 1;
  transition: border 0.3s;
}
.BottomBar .NotificationWindow .Tabs div.Active[b-ki6b0he9yw] {
  font-weight: 500;
  border-bottom: 1px solid var(--primary);
}
.BottomBar .NotificationWindow .Notifications[b-ki6b0he9yw] {
  margin-top: 1rem;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 32rem;
  padding-right: 0.5rem;
}
.BottomBar .NotificationWindow .Notifications .Notification[b-ki6b0he9yw] {
  border: 1px solid var(--border-color-light);
  border-radius: 5px;
  padding: 1rem;
  display: flex;
  margin-bottom: 0.5rem;
}
.BottomBar .NotificationWindow .Notifications .Notification .Icon[b-ki6b0he9yw] {
  padding-right: 1rem;
}
.BottomBar .NotificationWindow .Notifications .Notification .Icon i[b-ki6b0he9yw] {
  border-radius: 50%;
  font-size: 1.5rem;
  padding: 7px;
  color: var(--info);
  text-align: center;
}
.BottomBar .NotificationWindow .Notifications .Notification .Text[b-ki6b0he9yw] {
  font-size: 0.79rem;
  flex-grow: 1;
  word-break: break-word;
  max-height: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BottomBar .NotificationWindow .Notifications .Notification .Action[b-ki6b0he9yw] {
  padding-left: 1rem;
}
.BottomBar .NotificationWindow .Notifications .Notification .Action div[b-ki6b0he9yw] {
  border: 1px solid var(--border-color-light);
  border-radius: 2px;
  padding: 0.2rem 1.3rem;
  font-size: 0.79rem;
  cursor: pointer;
}
.BottomBar .NotificationWindow .Notifications .Notification .Action div:nth-child(2)[b-ki6b0he9yw] {
  margin-top: 0.5rem;
}
.BottomBar .DirectionButtons[b-ki6b0he9yw] {
  margin-left: 1rem;
  margin-bottom: 0.6rem;
  display: flex;
}
.BottomBar .button[b-ki6b0he9yw] {
  transition: border-color 0.3s;
  margin-right: 0.5rem;
  border-radius: 3px;
}
.BottomBar .button:last-child[b-ki6b0he9yw] {
  margin-right: 0;
}
.BottomBar .button.right[b-ki6b0he9yw] {
  min-width: 12.5rem;
}
.BottomBar .button.TextButton[b-ki6b0he9yw] {
  display: flex;
  flex-direction: column;
  background: none;
  color: inherit;
  margin: 0;
  padding: 0 0.65rem;
  font-size: 0.5rem;
  text-align: center;
}
.BottomBar .button.TextButton > :first-child[b-ki6b0he9yw] {
  height: 1.7rem;
  width: 2rem;
}
.BottomBar .button.TextButton .Small[b-ki6b0he9yw] {
  height: 2rem;
  width: 1.5rem;
}
.BottomBar .button.TextButton i[b-ki6b0he9yw] {
  font-size: 1.7rem;
}
.BottomBar .button.TextButton.NotificationsButton[b-ki6b0he9yw] {
  position: relative;
}
.BottomBar .button.TextButton.NotificationsButton .Dot[b-ki6b0he9yw] {
  position: absolute;
  top: -3px;
  left: calc(50% - 5px);
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
}
.BottomBar .button.TextButton.NotificationsButton .Dot.Breaking[b-ki6b0he9yw] {
  background-color: var(--error);
}
.BottomBar .button.TextButton.NotificationsButton .Dot.Warning[b-ki6b0he9yw] {
  background-color: var(--warning);
}
.BottomBar .button.TextButton.NotificationsButton .Dot.Recommendation[b-ki6b0he9yw] {
  background-color: var(--info);
}
/* /Pages/Shared/Project/GeneralUpdatedParameters.razor.rz.scp.css */
.AlwaysIgnore label[b-5w641x3ijb] {
  display: flex;
  cursor: pointer;
}

.Explanation[b-5w641x3ijb] {
  margin-bottom: 16px;
}

.ConfirmationContainer[b-5w641x3ijb] {
  background-color: #EAECED;
  border-radius: 5px;
  margin-bottom: 8px;
}
.ConfirmationContainer .Header[b-5w641x3ijb] {
  padding: 32px 24px;
}
.ConfirmationContainer .Header label[b-5w641x3ijb] {
  display: flex;
  cursor: pointer;
}
.ConfirmationContainer .Header label ul[b-5w641x3ijb] {
  margin: 0;
  padding-left: 24px;
  flex-grow: 1;
}
.ConfirmationContainer .Header label ul .Top[b-5w641x3ijb] {
  list-style: disc;
  font-weight: 500;
}
.ConfirmationContainer .Header label ul .Bottom[b-5w641x3ijb] {
  list-style: none;
  font-weight: 400;
}
.ConfirmationContainer .ConfirmationLogs[b-5w641x3ijb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 24px 32px 24px;
}
.ConfirmationContainer .ConfirmationLogs .SubHeaderLogs[b-5w641x3ijb] {
  font-size: 14px;
  font-weight: 500;
}
.ConfirmationContainer .ConfirmationLogs[b-5w641x3ijb]  .ProductSelector {
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 14px 8px 24px;
}
.ConfirmationContainer .ConfirmationLogs[b-5w641x3ijb]  .ProductSelector .SelectList {
  width: 100%;
}
/* /Pages/Shared/Project/ProjectDetailsForm.razor.rz.scp.css */
.ProjectFormContainer[b-wk75zs5est] {
  padding-top: 12px;
}
.ProjectFormContainer label[b-wk75zs5est] {
  font-size: 15px;
  font-weight: 400;
  color: #6E757C;
  display: block;
  margin-bottom: 12px;
}
.ProjectFormContainer label input[b-wk75zs5est] {
  font-weight: 500;
  text-align: left;
  color: var(--font-color);
  display: block;
  margin-top: 8px;
  width: 90%;
}
.ProjectFormContainer .ActionSection[b-wk75zs5est] {
  margin-top: 3rem;
  display: flex;
  justify-content: end;
  align-items: center;
}
.ProjectFormContainer .ActionSection button:last-child[b-wk75zs5est] {
  margin-left: 0.5rem;
}
.ProjectFormContainer .ActionSection .Cancel[b-wk75zs5est] {
  margin-right: 2rem;
  border-bottom: 2px solid #D6DADD;
  cursor: pointer;
}
.ProjectFormContainer .ActionSection .Cancel:hover[b-wk75zs5est] {
  border-bottom: 2px solid var(--primary);
}
/* /Pages/Shared/Project/ProjectForm.razor.rz.scp.css */
.ProjectFormContainer[b-mydg90iyae] {
  padding: var(--projectform-padding);
  padding-top: 0.5rem;
}
.ProjectFormContainer .SectionHeader[b-mydg90iyae] {
  font-size: 2.25rem;
  font-weight: 600;
}
.ProjectFormContainer .FormItem[b-mydg90iyae] {
  margin-bottom: 1rem;
}
.ProjectFormContainer .FormItem input[b-mydg90iyae] {
  margin-top: 0.75rem;
}
.ProjectFormContainer .SystemTypeRow[b-mydg90iyae] {
  margin-top: 3rem;
}
.ProjectFormContainer .SystemTypes[b-mydg90iyae] {
  display: flex;
}
.ProjectFormContainer .SystemTypes .Type[b-mydg90iyae] {
  background-color: #DFE2E6;
  width: 50%;
  padding: 1rem;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.ProjectFormContainer .SystemTypes .Type.active .Check[b-mydg90iyae] {
  border: 4px solid #37454F;
}
.ProjectFormContainer .SystemTypes .Type:hover[b-mydg90iyae] {
  border: 1px solid var(--primary);
}
.ProjectFormContainer .SystemTypes .Type:first-child[b-mydg90iyae] {
  margin-right: 1rem;
}
.ProjectFormContainer .SystemTypes .Type .Name[b-mydg90iyae] {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 1rem;
}
.ProjectFormContainer .SystemTypes .Type .Name img[b-mydg90iyae] {
  width: 3.5rem;
  margin-bottom: 0.5rem;
}
.ProjectFormContainer .SystemTypes .Type .Check[b-mydg90iyae] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.3s;
  border: 4px solid transparent;
}
.ProjectFormContainer .SystemTypes .Type .Desc[b-mydg90iyae] {
  font-size: 0.8rem;
  color: #37454F;
  opacity: 0.5;
}
.ProjectFormContainer .SystemTypeInfo[b-mydg90iyae] {
  font-size: 0.85rem;
  color: #37454F;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.ProjectFormContainer .UploadSection[b-mydg90iyae] {
  margin-top: 3rem;
}
.ProjectFormContainer .ActionSection[b-mydg90iyae] {
  margin-top: 3rem;
  display: flex;
  justify-content: end;
  align-items: center;
}
.ProjectFormContainer .ActionSection button:last-child[b-mydg90iyae] {
  margin-left: 0.5rem;
}
.ProjectFormContainer .ActionSection .Cancel[b-mydg90iyae] {
  margin-right: 2rem;
  border-bottom: 2px solid #D6DADD;
  cursor: pointer;
}
.ProjectFormContainer .ActionSection .Cancel:hover[b-mydg90iyae] {
  border-bottom: 2px solid var(--primary);
}
.ProjectFormContainer .Import[b-mydg90iyae] {
  display: flex;
  gap: 1rem;
}
/* /Pages/Shared/Project/ProjectHeader.razor.rz.scp.css */
.ProjectHeader[b-n38n9c61xo] {
  color: var(--header-color);
  font-size: 1.375rem;
  font-weight: 500;
  margin: 0;
  margin-bottom: 16px;
  display: flex;
}
.ProjectHeader .ProjectSection[b-n38n9c61xo] {
  flex-grow: 1;
  font-size: 38px;
  font-weight: 500;
}
.ProjectHeader .ProjectNameSection[b-n38n9c61xo] {
  min-width: 15rem;
  max-width: 40rem;
  text-align: right;
  padding-right: var(--card-gutter);
  font-size: 20px;
  font-weight: 500;
}
.ProjectHeader .ProjectNameSection .PlanName[b-n38n9c61xo] {
  margin-top: 0;
  font-size: 14px;
  font-weight: 500;
  color: #67727B;
}
/* /Pages/Shared/Reports/ReportsPage.razor.rz.scp.css */
.ReportsOverview .Header[b-qwmzif8rfn] {
  margin-top: 3.6rem;
  font-weight: 500;
  font-size: 1.25rem;
}
.ReportsOverview .PreviewImage[b-qwmzif8rfn] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 200;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ReportsOverview .PreviewImage .ImageContainer[b-qwmzif8rfn] {
  display: inline-block;
  max-height: 90%;
  max-width: 90%;
  height: 100%;
  text-align: center;
}
.ReportsOverview .PreviewImage .ImageContainer img[b-qwmzif8rfn] {
  max-height: 100%;
  height: 100%;
  width: auto;
}
.ReportsOverview .PreviewImage .ImageContainer .Error[b-qwmzif8rfn] {
  display: inline-block;
  background-color: red;
  color: white;
  padding: 1rem;
}
.ReportsOverview .Sides[b-qwmzif8rfn] {
  display: Flex;
  margin-top: 3.8rem;
  justify-content: start;
  align-items: start;
}
.ReportsOverview .Sides .Right[b-qwmzif8rfn] {
  padding: 0 1rem 0 6rem;
  min-width: 20rem;
}
.ReportsOverview .Sides .Right .Downloads[b-qwmzif8rfn]  .WarningFixed {
  margin-top: 2rem;
}
.ReportsOverview .Sides .Right .Downloads .QuoteBox[b-qwmzif8rfn] {
  margin-top: 2rem;
  white-space: nowrap;
}
.ReportsOverview .Sides .Right .Downloads .QuoteBox .button[b-qwmzif8rfn] {
  width: 100%;
}
.ReportsOverview .Sides .Right .Item[b-qwmzif8rfn] {
  border-bottom: 1px solid var(--border-color-dark);
  white-space: nowrap;
  padding-bottom: 0.65rem;
  font-weight: 500;
  cursor: pointer;
}
.ReportsOverview .Sides .Right .Item:not(:first-child)[b-qwmzif8rfn] {
  padding-top: 1rem;
}
.ReportsOverview .Sides .Right .Item i[b-qwmzif8rfn] {
  font-size: 1.5rem;
}
.ReportsOverview .Sides .Right .Item span[b-qwmzif8rfn] {
  padding-left: 1.5rem;
}
.ReportsOverview .Sides .Right .Item.Top[b-qwmzif8rfn] {
  font-size: 1.2rem;
  cursor: default;
}
.ReportsOverview .Sides .Right .Item:last-child[b-qwmzif8rfn] {
  border-bottom: none;
}
.ReportsOverview .Sides .Left[b-qwmzif8rfn] {
  flex-grow: 1;
}
.ReportsOverview .Sides .Left .SubHeader[b-qwmzif8rfn] {
  font-weight: 500;
  font-size: 1.3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color-dark);
}
.ReportsOverview .Sides .Left .Documents[b-qwmzif8rfn] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 3rem;
}
.ReportsOverview .Sides .Left .Documents .Document[b-qwmzif8rfn] {
  padding-right: 3rem;
  flex-direction: column;
  min-width: 150px;
  flex-grow: 1;
  margin-top: 2.4rem;
}
.ReportsOverview .Sides .Left .Documents .Document .Image[b-qwmzif8rfn] {
  flex-grow: 1;
  background-color: #fff;
  border: 1px solid var(--border-color-docs);
  position: relative;
}
.ReportsOverview .Sides .Left .Documents .Document .Image img[b-qwmzif8rfn] {
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  object-fit: contain;
  object-position: center center;
  display: flex;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .DocumentImage[b-qwmzif8rfn] {
  width: 190px;
  height: 268px;
  max-width: 190px;
  max-height: 268px;
  min-width: 190px;
  min-height: 268px;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .Excel[b-qwmzif8rfn] {
  padding: 2rem;
  cursor: pointer;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .PreviewButtonContainer[b-qwmzif8rfn] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #000;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ReportsOverview .Sides .Left .Documents .Document .Image .PreviewButtonContainer .PreviewButton[b-qwmzif8rfn] {
  width: 32px;
  height: 32px;
  bottom: -1px;
  right: -1px;
  position: absolute;
  padding: 4px;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector[b-qwmzif8rfn] {
  display: flex;
  cursor: pointer;
  padding-top: 1rem;
  font-weight: 400;
  align-items: center;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector .Checkbox[b-qwmzif8rfn] {
  padding: 0 0.75rem 0 0;
}
.ReportsOverview .Sides .Left .Documents .Document .Selector .Checkbox input[type=checkbox][b-qwmzif8rfn]::before {
  box-shadow: inset 1.5rem 1.5rem var(--font-color-light);
}
/* /Pages/Shared/Rooms/OpenKitchen.razor.rz.scp.css */
.Header[b-wp2v62tw0c] {
  padding: 3rem 3rem 2rem 3rem;
  border-bottom: var(--border-light);
  font-size: 2rem;
}

.Surfaces[b-wp2v62tw0c] {
  display: flex;
  margin-bottom: 4rem;
}
.Surfaces.Blink[b-wp2v62tw0c]  input {
  animation-name: Blink-b-wp2v62tw0c;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes Blink-b-wp2v62tw0c {
  0% {
    border: 2px solid var(--error);
  }
  50% {
    border: 2px solid var(--warning);
  }
  100% {
    border: 2px solid var(--error);
  }
}
.Surfaces .Surface[b-wp2v62tw0c], .Surfaces .Addition[b-wp2v62tw0c] {
  position: relative;
}
.Surfaces .Surface i[b-wp2v62tw0c], .Surfaces .Addition i[b-wp2v62tw0c] {
  margin-top: 2rem;
  font-weight: 400;
}
.Surfaces .Surface[b-wp2v62tw0c], .Surfaces .Addition[b-wp2v62tw0c], .Surfaces .Mockup[b-wp2v62tw0c] {
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Surfaces .Surface .Description[b-wp2v62tw0c] {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.Surfaces .Surface .Input[b-wp2v62tw0c] {
  display: flex;
  align-items: center;
}
.Surfaces .Surface .Input[b-wp2v62tw0c]  input {
  width: 8.5rem;
  margin-right: 1rem;
}
.Surfaces .Mockup[b-wp2v62tw0c] {
  padding-right: 0;
}

.Openings[b-wp2v62tw0c] {
  margin-bottom: 5rem;
}
.Openings p[b-wp2v62tw0c] {
  max-width: 30rem;
}
.Openings .OpeningHeader[b-wp2v62tw0c] {
  margin-top: 3rem;
  margin-bottom: 0.75rem;
}
.Openings .OpeningSelector[b-wp2v62tw0c] {
  display: flex;
}
.Openings .OpeningSelector .Opening[b-wp2v62tw0c] {
  padding: 1rem;
  cursor: pointer;
  border: 1px solid var(--border-color-light);
  transition: all 0.3s;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  width: 14rem;
}
.Openings .OpeningSelector .Opening:hover[b-wp2v62tw0c] {
  border: 1px solid var(--primary);
}
.Openings .OpeningSelector .Opening .Dot[b-wp2v62tw0c] {
  text-align: right;
}
.Openings .OpeningSelector .Opening .Dot .Circle[b-wp2v62tw0c] {
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.3s;
  border: 4px solid transparent;
}
.Openings .OpeningSelector .Opening.Active[b-wp2v62tw0c] {
  background-color: var(--border-color-light);
}
.Openings .OpeningSelector .Opening.Active .Text[b-wp2v62tw0c] {
  font-weight: 600;
}
.Openings .OpeningSelector .Opening.Active .Dot .Circle[b-wp2v62tw0c] {
  border: 4px solid #37454F;
}
.Openings .Explanation[b-wp2v62tw0c] {
  margin-top: 2rem;
  min-height: 8rem;
}
.Openings .Explanation .Title[b-wp2v62tw0c] {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
/* /Pages/Shared/Rooms/OpenKitchen_BE.razor.rz.scp.css */
.Header[b-h2850eai3r] {
  padding: 3rem 3rem 2rem 3rem;
  border-bottom: var(--border-light);
  font-size: 2rem;
}

.Explanation[b-h2850eai3r] {
  display: flex;
  gap: 4rem;
  margin-bottom: 2rem;
}
.Explanation .text[b-h2850eai3r] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.Explanation .text h5[b-h2850eai3r] {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
.Explanation .text span[b-h2850eai3r] {
  font-size: 15px;
  font-weight: 400;
}
.Explanation .icon[b-h2850eai3r] {
  padding-top: 4rem;
}

.Surfaces[b-h2850eai3r] {
  display: flex;
  margin-bottom: 4rem;
}
.Surfaces.Blink[b-h2850eai3r]  input {
  animation-name: Blink-b-h2850eai3r;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes Blink-b-h2850eai3r {
  0% {
    border: 2px solid var(--error);
  }
  50% {
    border: 2px solid var(--warning);
  }
  100% {
    border: 2px solid var(--error);
  }
}
.Surfaces .Surface[b-h2850eai3r], .Surfaces .Addition[b-h2850eai3r] {
  position: relative;
}
.Surfaces .Surface i[b-h2850eai3r], .Surfaces .Addition i[b-h2850eai3r] {
  margin-top: 2rem;
  font-weight: 400;
}
.Surfaces .Surface[b-h2850eai3r], .Surfaces .Addition[b-h2850eai3r], .Surfaces .Mockup[b-h2850eai3r] {
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Surfaces .Surface .Description[b-h2850eai3r] {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.Surfaces .Surface .Input[b-h2850eai3r] {
  display: flex;
  align-items: center;
}
.Surfaces .Surface .Input[b-h2850eai3r]  input {
  width: 8.5rem;
  margin-right: 1rem;
}
.Surfaces .Mockup[b-h2850eai3r] {
  padding-right: 0;
}

.Actions[b-h2850eai3r] {
  display: flex;
}
.Actions button[b-h2850eai3r] {
  margin-left: 2rem;
}
/* /Pages/Shared/Search/SearchBar.razor.rz.scp.css */
.SearchBar[b-nle4zclxrg] {
  position: relative;
}
.SearchBar .SearchButton[b-nle4zclxrg] {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.SearchBar .SearchList[b-nle4zclxrg] {
  border: 1px solid var(--input-border);
  position: absolute;
  top: 2.7rem;
  right: 0;
  left: 0;
  max-height: 20rem;
  overflow: auto;
  z-index: 101;
  background-color: #fff;
  padding: 0.5rem 0;
}
.SearchBar .SearchList .SearchResultHeader[b-nle4zclxrg], .SearchBar .SearchList .NoResults[b-nle4zclxrg], .SearchBar .SearchList .SearchListItem[b-nle4zclxrg] {
  padding: 0.5rem 0.75rem;
  font-weight: 600;
}
.SearchBar .SearchList .SearchListItem[b-nle4zclxrg] {
  cursor: pointer;
  font-weight: 400;
}
.SearchBar .SearchList .SearchListItem a[b-nle4zclxrg] {
  text-decoration: none;
}
/* /Pages/Shared/Tabs/Tabs.razor.rz.scp.css */
@charset "UTF-8";
.tabs[b-vukgl0hsly] {
  width: 100%;
  background-color: #ffffff;
  font-size: 0.75rem;
  text-align: center;
}

.tab[b-vukgl0hsly] {
  padding: 15px 10px 10px 0;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #DFE2E6;
  transition: border 0.3s;
}

.tab.tab-active[b-vukgl0hsly] {
  background-color: #ffffff;
  border-bottom: 1px solid var(--primary);
  font-weight: bold;
}

.tab.tab-disabled[b-vukgl0hsly] {
  background-color: #D3D3D3;
  border-bottom: 1px solid var(--border-color);
  color: #FCFCFC;
  font-weight: bold;
  cursor: not-allowed;
}

.tab-container[b-vukgl0hsly] {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.tab-content[b-vukgl0hsly] {
  padding-top: 0px;
  text-align: left;
}
/* /Pages/Shared/User/DeleteUserButton.razor.rz.scp.css */
.DeleteStatus[b-w0x5nhn1bi] {
  display: flex;
  align-items: center;
  font-size: 0.79rem;
}
.DeleteStatus .inline[b-w0x5nhn1bi] {
  margin-left: 1rem;
}
/* /Pages/Shared/User/ProfileOverlay.razor.rz.scp.css */
.ProfileForm[b-bh567y8z3b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.25);
  --Profileform-padding: 3rem;
}
.ProfileForm .ProfileFormWindow[b-bh567y8z3b] {
  background-color: #fff;
  display: inline-block;
  max-width: 58rem;
  min-width: 58rem;
  max-height: 90%;
  overflow: auto;
}
.ProfileForm .ProfileFormWindow h2[b-bh567y8z3b] {
  margin: var(--Profileform-padding) !important;
}
.ProfileForm .ProfileFormWindow .FormContainer[b-bh567y8z3b] {
  padding: var(--Profileform-padding);
  padding-top: 0.5rem;
}
.ProfileForm .ProfileFormWindow .FormContainer .SectionHeader[b-bh567y8z3b] {
  font-size: 2.25rem;
  font-weight: 600;
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem[b-bh567y8z3b] {
  margin-bottom: 1rem;
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem input[b-bh567y8z3b] {
  margin-top: 0.75rem;
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem .company[b-bh567y8z3b], .ProfileForm .ProfileFormWindow .FormContainer .FormItem .email[b-bh567y8z3b] {
  background-color: var(--input-background);
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem .password-section[b-bh567y8z3b] {
  height: 2.75rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem .password-section input[b-bh567y8z3b] {
  display: inline;
  width: auto;
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem .password-section span[b-bh567y8z3b] {
  color: var(--primary);
  font-size: 1rem;
}
.ProfileForm .ProfileFormWindow .FormContainer .FormItem .DeleteUser[b-bh567y8z3b] {
  margin-top: 0.75rem;
  min-height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ProfileForm .ProfileFormWindow .FormContainer .ActionSection[b-bh567y8z3b] {
  margin-top: 3rem;
  display: flex;
  justify-content: end;
  align-items: center;
}
.ProfileForm .ProfileFormWindow .FormContainer .ActionSection button:last-child[b-bh567y8z3b] {
  margin-left: 0.5rem;
}
.ProfileForm .ProfileFormWindow .FormContainer .ActionSection .Cancel[b-bh567y8z3b] {
  margin-right: 2rem;
  border-bottom: 2px solid var(--border-color-light);
  cursor: pointer;
}
.ProfileForm .ProfileFormWindow .FormContainer .ActionSection .Cancel:hover[b-bh567y8z3b] {
  border-bottom: 2px solid var(--primary);
}
/* /Pages/Shared/Warnings/UniversalWarningWindow.razor.rz.scp.css */
.UniversalWarningWindow[b-2s5rpfghue] {
  position: absolute;
  z-index: 100;
  top: calc(100% + 1rem);
  color: var(--font-color);
}
.UniversalWarningWindow .InnerContainer[b-2s5rpfghue] {
  position: relative;
  min-width: 372px;
  background-color: #fff;
  padding: 38px 28px 24px 28px;
  border-radius: 5px;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border: 1px solid #D6DADD;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  white-space: normal;
  font-weight: 400;
  text-align: left;
}
.UniversalWarningWindow .InnerContainer .WarningCarret[b-2s5rpfghue] {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid #fff;
  filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.1490196078));
  position: absolute;
  top: -6px;
}
.UniversalWarningWindow.Hover.Hover_Small[b-2s5rpfghue] {
  padding-top: 1.5rem;
  top: calc(100% - 0.5rem);
  right: -1.1875rem;
}
.UniversalWarningWindow.Hover.Hover_Medium[b-2s5rpfghue] {
  padding-top: 3rem;
  top: calc(100% - 2rem);
}
.UniversalWarningWindow.Hover.Hover_Large[b-2s5rpfghue] {
  padding-top: 8rem;
  top: calc(100% - 7rem);
}
.UniversalWarningWindow .WarningHeader[b-2s5rpfghue] {
  font-weight: 600;
  font-size: 0.938rem;
  line-height: 1.193rem;
  margin-bottom: 0.9375rem;
}
.UniversalWarningWindow .WarningContent[b-2s5rpfghue] {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.UniversalWarningWindow .WarningRecommendation[b-2s5rpfghue] {
  display: flex;
  font-weight: 600;
  font-size: 0.8rem;
  margin-top: 1.5rem;
}
.UniversalWarningWindow .WarningRecommendation i[b-2s5rpfghue] {
  font-size: 1.5rem;
  margin-right: 1rem;
}
.UniversalWarningWindow .WarningActions[b-2s5rpfghue] {
  margin-top: 27px;
  margin-left: auto;
  margin-right: 0;
  display: block;
  width: fit-content;
  white-space: nowrap;
}
.UniversalWarningWindow .WarningActions .button[b-2s5rpfghue] {
  margin-right: 7px;
}
.UniversalWarningWindow .WarningActions .button.Dismiss:hover[b-2s5rpfghue] {
  border-bottom: 2px solid var(--primary);
}
.UniversalWarningWindow .WarningActions .button:last-child[b-2s5rpfghue] {
  margin-right: 0;
}
.UniversalWarningWindow.Center .WarningCarret[b-2s5rpfghue] {
  left: 50%;
}
.UniversalWarningWindow.Left[b-2s5rpfghue] {
  right: -28px;
}
.UniversalWarningWindow.Left .WarningCarret[b-2s5rpfghue] {
  left: unset;
  right: 27px;
}
.UniversalWarningWindow.Right[b-2s5rpfghue] {
  left: -21px;
}
.UniversalWarningWindow.Right .WarningCarret[b-2s5rpfghue] {
  left: 27px;
}
/* /Pages/Shared/Warnings/WarningPopup.razor.rz.scp.css */