@import '_content/PSC.Blazor.Components.MarkdownEditor/PSC.Blazor.Components.MarkdownEditor.bundle.scp.css';

/* /Presentation/AuthenticationPage.razor.rz.scp.css */
.page[b-vj78rtzf5l] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.login-page[b-vj78rtzf5l] {
    position: relative;
    height: 100vh;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.4em;
    width: 100%;
}

.login-wrapper[b-vj78rtzf5l] {
    max-width: 90%;
    min-width: 30%;
}

.soloplan-logo[b-vj78rtzf5l] {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 4em;
    margin: 0.25em 0.25em;
}

.login-content[b-vj78rtzf5l] {
    margin: auto;
    max-width: 700px;
    width: 100%;
}

.form-layout[b-vj78rtzf5l] {
    padding: 0.25em;
}

.rememberMeForgotPwSection[b-vj78rtzf5l] {
    display: flex;
    flex-direction: row;
}

.rememberMeSection[b-vj78rtzf5l] {
    display: flex;
    width: 50%;
}

.forgotPasswordSection[b-vj78rtzf5l] {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 50%;
}

[b-vj78rtzf5l] .forgotPasswordButton {
    background-color: var(--btn-authorization-bg);
    color: var(--btn-authorization-text);
    border: none;
}
[b-vj78rtzf5l] .forgotPasswordButton:hover {
    background-color: var(--btn-authorization-hover-bg) !important;
    color: var(--btn-authorization-hover-text) !important;
    border: none;
}

[b-vj78rtzf5l] .submit-button {
    width: 100%;
    background-color: var(--btn-primary-bg);
    border: none;
    color: var(--btn-primary-text);
    margin: 0.75em 0;
    padding: 0.5em 0;
}

[b-vj78rtzf5l] .submit-button:hover {
    background-color: var(--btn-primary-hover-bg) !important;
}

.additional-links[b-vj78rtzf5l] {
    margin-top: 15px;
    text-align: center;
}

.additional-links a[b-vj78rtzf5l] {
    color: var(--bs-primary);
    text-decoration: none;
}

.intro[b-vj78rtzf5l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.intro h2[b-vj78rtzf5l] {
    margin: 0.5em;
}

.hr[b-vj78rtzf5l] {
    flex-grow: 1;
    height: 1px;
    background-color: #000;
}

:is(h1, h2)[b-vj78rtzf5l] {
    font-weight: 300;
}

.error-message[b-vj78rtzf5l] {
    font-size: 1em;
    padding-top: 0.5em;
}

[b-vj78rtzf5l] .passwordVisibility {
     width: 16px;
     height: 16px;
 }

.footer[b-vj78rtzf5l] {
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media (max-width: 600px) {
    .footer[b-vj78rtzf5l] {
        text-align: center;
    }

    .footer a[b-vj78rtzf5l] {
        display: block;
        margin: 5px 0;
    }
}
/* /Presentation/MainLayout.razor.rz.scp.css */
.page[b-fql6209tiw] {
  display: flex;
  flex: 1;
  flex-direction: column;
}

main[b-fql6209tiw] {
  display: flex;
  flex: 1;
  overflow-y: auto;
}

[b-fql6209tiw] .customer-portal-drawer {

}

[b-fql6209tiw] .customer-portal-drawer .dxbl-drawer-content {
  overflow: unset;
}

[b-fql6209tiw] .fusion-drawer .dxbl-drawer-panel * {
  transition-property: width, height, margin-left, padding-left, padding-right, opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}

[b-fql6209tiw] .fusion-drawer .dxbl-drawer-panel .dxbl-treeview-item-text {
  opacity: 1;
  width: 100%;
  padding-top: 0.15rem;
  max-height: 6ch;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-open .dxbl-drawer-panel .dxbl-treeview-item-text {
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .dxbl-drawer-panel .dxbl-treeview-item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  width: 0;
  padding-left: 0;
  padding-right: 0;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .dxbl-drawer-panel a.dxbl-treeview-item-container {
  flex-grow: 0;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .dxbl-drawer-panel .dxbl-treeview-item-container .dxbl-treeview-item-text-container {
  padding-left: 0;
  padding-right: 0;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .dxbl-drawer-panel .dxbl-treeview-item-container .dxbl-image {
  margin-right: var(--dxbl-treeview-image-spacing);
}

[b-fql6209tiw] .fusion-drawer .dxbl-drawer-panel .dxbl-treeview-item-content > .dxbl-btn-tool .dxbl-image {
  width: var(--dxbl-image-width);
  height: var(--dxbl-image-height);
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .dxbl-drawer-panel .dxbl-treeview-item-content > .dxbl-btn-tool .dxbl-image {
  width: 0.5rem;
  height: 0.5rem;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .user-name,
[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .customer-display>span,
[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .login-display .dxbl-menu-dropdown-toggle {
  display: none;
}

[b-fql6209tiw] .fusion-drawer .dxbl-expandable-container .dxbl-treeview-items-container .dxbl-treeview-item {
  margin-left: 0;
}

[b-fql6209tiw] .fusion-drawer.dxbl-drawer-mini .dxbl-expandable-container .dxbl-treeview-items-container .dxbl-treeview-item {
  margin-left: -0.5rem;
}
/* /Presentation/Pages/ChangeLog/ChangeLogPage.razor.rz.scp.css */
.changeLogPage[b-9scr9hv5b6] {
  width: 90%;
  padding: 0 1em 0 1em;
}

.versionSelectSection[b-9scr9hv5b6] {
  display: flex;
}

.selectButton[b-9scr9hv5b6] {
  padding: 0.5rem;
}

[b-9scr9hv5b6] .versionButton {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
  height: 32px;
}

[b-9scr9hv5b6] .versionButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  border: none;
  color: var(--btn-default-hover-text);
}

[b-9scr9hv5b6] .activeVersionButton {
  background-color: var(--btn-primary-bg);
  border: none;
  color: var(--btn-primary-text);
  height: 32px;
}

[b-9scr9hv5b6] .activeVersionButton:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  border: none;
}
/* /Presentation/Pages/ChangeLog/Components/ChangeLogComponent.razor.rz.scp.css */
/* /Presentation/Pages/ChangeLog/Components/ChangeLogEntryComponent.razor.rz.scp.css */
.header[b-z93o6329jj] {
  display: flex;
}

.buildInformationSection[b-z93o6329jj] {
  align-items: center;
  display: flex;
  font-size: larger;
  font-weight: bold;
  justify-content: space-between;
  padding: 0.5em 0;
  width: 80%;
  
}

.editButtonSection[b-z93o6329jj] {
  display: flex;
  justify-content: space-around;
  padding: 0.5em 0;
  width: 20%;
}

.markdown-content[b-z93o6329jj] {
  display: flex;
}
/* /Presentation/Pages/ChangeLog/Components/ChangeLogEntryEditPopup.razor.rz.scp.css */
[b-gkiay3ruiv] .buttonIcon {
  height: 20%;
  max-height: 40px;
  max-width: 40px;
  min-height: 20px;
  min-width: 20px;
  width: 20%;
}
/* /Presentation/Pages/CompanyInformation/CompanyInformationPage.razor.rz.scp.css */
.companyPage[b-osl1jerk88] {
  width: 90%;
  padding: 0 1em 0 1em;
}

.topRow[b-osl1jerk88] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
  margin-top: 1em;
}
/* /Presentation/Pages/CompanyInformation/Components/CustomerStatusComponent.razor.rz.scp.css */
[b-zbvuur153y] .changeCustomerStatusBtn {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-zbvuur153y] .changeCustomerStatusBtn:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}

.customerStatusSection[b-zbvuur153y] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.customerStatus[b-zbvuur153y] {
  text-align: center;
  border-radius: var(--statusBorderRadius);
  font-weight: bold;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.Undefined[b-zbvuur153y] {
  border: var(--statusBorderWidth) solid var(--bs-info);
  color: var(--bs-info);
}

.Active[b-zbvuur153y] {
  border: var(--statusBorderWidth) solid var(--bs-success);
  color: var(--bs-success);
}

.Inactive[b-zbvuur153y] {
  border: var(--statusBorderWidth) solid var(--bs-warning);
  color: var(--bs-warning);
}

.Blocked[b-zbvuur153y] {
  border: var(--statusBorderWidth) solid var(--bs-danger);
  color: var(--bs-danger);
}
/* /Presentation/Pages/CompanyInformation/Components/DeleteCustomerButton.razor.rz.scp.css */
[b-vwamixdn8z] .deleteCustomerButton {
  background-color: var(--bs-danger);
  color: var(--btn-default-text);
  border: none;
}

[b-vwamixdn8z] .deleteCustomerButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}

.deleteCustomerSection[b-vwamixdn8z] {
  display: flex;
}
/* /Presentation/Pages/CompanyInformation/Components/UpdateStatusPopup.razor.rz.scp.css */
/* /Presentation/Pages/CompanyInformation/Components/UserTable.razor.rz.scp.css */
[b-hyp5g244a7] .pwResetBtn {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-hyp5g244a7] .pwResetBtn:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}

[b-hyp5g244a7] .createAccountBtn {
  width: 100%;
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-hyp5g244a7] .createAccountBtn:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}

[b-hyp5g244a7] .deleteLoginBtn {
  color: var(--btn-default-hover-text);
  border: none;
}

[b-hyp5g244a7] .deleteLoginBtn:hover {
  background-color: var(--btn-default-bg) !important;
  color: var(--btn-default-text) !important;
  border: none;
}

.mainContact[b-hyp5g244a7] {
  font-weight: bold;
}

.userMailAddress[b-hyp5g244a7] {
  font-weight: normal;
}

.actionButtons[b-hyp5g244a7] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.loginAccount[b-hyp5g244a7] {
  border-radius: var(--statusBorderRadius);
  border-width: var(--statusBorderWidth);
  border-style: solid;
  text-align: center;
  font-weight: bold;
}

.noLoginAccount[b-hyp5g244a7] {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}

.valid[b-hyp5g244a7] {
  border-color: var(--bs-success);
  color: var(--bs-success);
}

.reset[b-hyp5g244a7] {
  border-color: var(--bs-warning);
  color: var(--bs-warning);
}

.notSet[b-hyp5g244a7] {
  border-color: var(--bs-info);
  color: var(--bs-info);
}

[b-hyp5g244a7] .deleteLoginIcon {
  height: 100%;
}
/* /Presentation/Pages/DashboardPages/Dashboard.razor.rz.scp.css */
/* /Presentation/Pages/DeploymentLog/Components/DeployedFileTypeFilter.razor.rz.scp.css */
.deploymentsHeaderSection[b-y1vg31j8qq] {
  display: flex;
  flex-direction: row;
}

.filterButtonSection[b-y1vg31j8qq] {
  margin-top: 8px;
  margin-bottom: 8px;
}

.downloadButtonSection[b-y1vg31j8qq] {
  margin-top: 8px;
  margin-right: 8px;
  margin-left: auto;
}

[b-y1vg31j8qq] .not-selected {
  background-color: var(--btn-default-bg);
  border: none;
  color: var(--btn-default-text);
}

[b-y1vg31j8qq] .not-selected:hover {
  background-color: var(--btn-default-hover-bg) !important;
  border: none;
  color: var(--btn-default-hover-text);
}

[b-y1vg31j8qq] .selected {
  background-color: var(--btn-primary-bg);
  border: none;
  color: var(--btn-primary-text);
}

[b-y1vg31j8qq] .selected:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  border: none;
}

[b-y1vg31j8qq] .imageBackgroundNotSelected {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  min-width: 30px;
  min-height: 30px;
  width: 23%;
  height: 23%;
  max-width: 50px;
  max-height: 50px;
}

[b-y1vg31j8qq] .imageBackgroundSelected {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  min-width: 30px;
  min-height: 30px;
  width: 23%;
  height: 23%;
  max-width: 50px;
  max-height: 50px;
  background-color: var(--mediumGray);
  border-radius: var(--buttonRadius);
}

[b-y1vg31j8qq] .fileTypeIcon{
  min-width: 20px;
  min-height: 20px;
  width: 20%;
  height: 20%;
  max-width: 40px;
  max-height: 40px;
}

[b-y1vg31j8qq] .downloadDeploymentButton {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-y1vg31j8qq] .downloadDeploymentButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text);
  border: none;
}

[b-y1vg31j8qq] .downloadIconSection {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  width: 23%;
  height: 23%;
  max-width: 50px;
  max-height: 50px;
}

[b-y1vg31j8qq] .downloadIcon {
  min-width: 20px;
  min-height: 20px;
  width: 20%;
  height: 20%;
  max-width: 40px;
  max-height: 40px;
}
/* /Presentation/Pages/DeploymentLog/Components/DeploymentDetailsPopup.razor.rz.scp.css */
.fileTypeIcon[b-66nt7hkcdl] {
  width: 20%;
}
/* /Presentation/Pages/DeploymentLog/Components/DeploymentTable.razor.rz.scp.css */
[b-flueyarqvh] .deploymentDetailsButton {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-flueyarqvh] .deploymentDetailsButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}

[b-flueyarqvh] .typeImage {
  width: 28px;
  height: 28px;
}

[b-flueyarqvh] .fileTypeIcon {
  width: 28px;
  height: 28px;
}
/* /Presentation/Pages/DeploymentLog/DeploymentLogPage.razor.rz.scp.css */
.deploymentSection[b-xdqk3o955w] {
    width: 90%;
    padding: 0 1em 0 1em;
}

.downloadButtonSection[b-xdqk3o955w] {
    position: absolute;
    margin-top: 12px;
}

.SearchDiv[b-xdqk3o955w] {
    margin: 5px;
    padding: 3px;
}

.startSearchButton[b-xdqk3o955w] {
    width: 16px;
}

.clearSearchButton[b-xdqk3o955w] {
    width: 16px;
}
/* /Presentation/Pages/Deployment/Components/CustomerFileSelectionPopupBody.razor.rz.scp.css */
/* /Presentation/Pages/Deployment/Components/ReleaseFileSelectionPopupBody.razor.rz.scp.css */
[b-elmvgexxs7] .selectButton {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

[b-elmvgexxs7] .selectButton:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  color: var(--btn-primary-text) !important;
  border: none;
}
/* /Presentation/Pages/Deployment/MultipleDeploymentPage.razor.rz.scp.css */
.multipleDeploymentSection[b-xn8ue13y3f] {
  width: 90%;
  padding: 0 1em 0 1em;
  display: flex;
  justify-content: center;
}

.multipleDeploymentCard[b-xn8ue13y3f] {
  width: 50%;
}
/* /Presentation/Pages/Deployment/SingleDeploymentPage.razor.rz.scp.css */
.singleDeploymentSection[b-bfgwzr2n3v] {
  width: 90%;
  padding: 0 1em 0 1em;
}

.selectedCustomer[b-bfgwzr2n3v] {
  width: 100%;
  display: flex;
  justify-content: center;
}

.singleDeploymentCard[b-bfgwzr2n3v] {
  width: 50%;
}
/* /Presentation/Pages/Deployment/Steps/ChooseDeploymentMailStep.razor.rz.scp.css */
.choose-mail-template[b-bbm0grob5b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.selected-template-info[b-bbm0grob5b] {
  padding: 8px 12px;
  background-color: #f5f7fa;
  border: 1px solid #e3e7ee;
  border-radius: 6px;
  color: #2c3e50;
  font-weight: 500;
}

.select-template-btn.dx-button[b-bbm0grob5b] {
  min-width: 110px;
}

.button-container[b-bbm0grob5b] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Deployment/Steps/ConclusionStep.razor.rz.scp.css */
.button-container[b-30r6lrsdik] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Deployment/Steps/MultipleConclusionStep.razor.rz.scp.css */
.button-container[b-bkm4hp007l] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Deployment/Steps/SelectFilesStep.razor.rz.scp.css */
.button-container[b-k4f5vwl4mt] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Deployment/Steps/SelectMultipleReceiversStep.razor.rz.scp.css */
.button-container[b-33d9982gyf] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Deployment/Steps/SelectReceiversStep.razor.rz.scp.css */
.button-container[b-v1u9t6ir5x] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Deployment/Steps/SetDeploymentInformationStep.razor.rz.scp.css */
.button-container[b-t9zi9i84kp] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/Download/Components/CarLoDownloadPopup.razor.rz.scp.css */
/* /Presentation/Pages/Download/Components/CarLoDropDownGrid.razor.rz.scp.css */
/* /Presentation/Pages/Download/Components/CustomFileDropDownGrid.razor.rz.scp.css */
/* /Presentation/Pages/Download/Components/DeliveryStopPopup.razor.rz.scp.css */
.affectedCustomersGridContainer[b-gvuw5f7cmz] {
    max-height: 200px;
    overflow: auto;
}
/* /Presentation/Pages/Download/Components/FileTypeFilter.razor.rz.scp.css */
.filterButtonSection[b-b0e7ijn3nk] {
    margin-top: 8px;
    margin-bottom: 8px;
}

[b-b0e7ijn3nk] .not-selected {
    background-color: var(--btn-default-bg);
    border: none;
    color: var(--btn-default-text);
}

[b-b0e7ijn3nk] .not-selected:hover {
    background-color: var(--btn-default-hover-bg) !important;
    border: none;
    color: var(--btn-default-hover-text);
}

[b-b0e7ijn3nk] .selected {
    background-color: var(--btn-primary-bg);
    border: none;
    color: var(--btn-primary-text);
}

[b-b0e7ijn3nk] .selected:hover {
    background-color: var(--btn-primary-hover-bg) !important;
    border: none;
}

[b-b0e7ijn3nk] .imageBackgroundNotSelected {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    min-width: 30px;
    min-height: 30px;
    width: 23%;
    height: 23%;
    max-width: 50px;
    max-height: 50px;
}

[b-b0e7ijn3nk] .imageBackgroundSelected {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    min-width: 30px;
    min-height: 30px;
    width: 23%;
    height: 23%;
    max-width: 50px;
    max-height: 50px;
    background-color: var(--mediumGray);
    border-radius: var(--buttonRadius);
}

[b-b0e7ijn3nk] .fileTypeIcon{
    min-width: 20px;
    min-height: 20px;
    width: 20%;
    height: 20%;
    max-width: 40px;
    max-height: 40px;
}
/* /Presentation/Pages/Download/Components/LifecycleStatusPopup.razor.rz.scp.css */
/* /Presentation/Pages/Download/DownloadsV2.razor.rz.scp.css */
.downloadSection[b-b8v5d6pyid] {
  display: flex;
  flex-direction: column;
  width: 90%;
  padding: 0 1em 0 1em;
}
/* /Presentation/Pages/Download/Tables/CustomerFileTable.razor.rz.scp.css */
.Released[b-n2p1iggfm3] {
  text-align: center;
  border: var(--statusBorderWidth) solid var(--statusReleased);
  border-radius: var(--statusBorderRadius);
  color: var(--statusReleased);
  font-weight: bold;
}

.Hidden[b-n2p1iggfm3] {
  text-align: center;
  border: var(--statusBorderWidth) solid var(--statusHidden);
  border-radius: var(--statusBorderRadius);
  color: var(--statusHidden);
  font-weight: bold;
}

.Update[b-n2p1iggfm3] {
  text-align: center;
  border: var(--statusBorderWidth) solid var(--statusUpdate);
  border-radius: var(--statusBorderRadius);
  color: var(--statusUpdate);
  font-weight: bold;
}

.Testing[b-n2p1iggfm3] {
  text-align: center;
  border: var(--statusBorderWidth) solid var(--statusTesting);
  border-radius: var(--statusBorderRadius);
  color: var(--statusTesting);
  font-weight: bold;
}

.ReleaseStopped[b-n2p1iggfm3] {
  text-align: center;
  border: var(--statusBorderWidth) solid var(--statusReleaseStopped);
  border-radius: var(--statusBorderRadius);
  color: var(--statusReleaseStopped);
  font-weight: bold;
}

[b-n2p1iggfm3] .FileTypeIcon {
  width: 28px;
  height: 28px;
}

[b-n2p1iggfm3] .fileTableButton {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-n2p1iggfm3] .fileTableButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}
/* /Presentation/Pages/Download/Tables/FileTable.razor.rz.scp.css */
[b-d043gr64rb] .fileDropDownBox {
    box-shadow: none !important;
    border: 1px solid var(--lightGray);
}

[b-d043gr64rb] .fileDropDownBox:hover {
    box-shadow: none !important;
    border: 1px solid var(--soloplanMagenta) !important;
}

[b-d043gr64rb] .fileDropDownBox:active {
    box-shadow: none !important;
    border: 1px solid var(--lightGray);
}

[b-d043gr64rb] .dropDownSection {
    min-width: 320px;
    width: 200%;
}

[b-d043gr64rb] .Released {
    text-align: center;
    border: var(--statusBorderWidth) solid var(--statusReleased);
    border-radius: var(--statusBorderRadius);
    color: var(--statusReleased);
    font-weight: bold;
}

[b-d043gr64rb] .Hidden {
    text-align: center;
    border: var(--statusBorderWidth) solid var(--statusHidden);
    border-radius: var(--statusBorderRadius);
    color: var(--statusHidden);
    font-weight: bold;
}

[b-d043gr64rb] .Update {
    text-align: center;
    border: var(--statusBorderWidth) solid var(--statusUpdate);
    border-radius: var(--statusBorderRadius);
    color: var(--statusUpdate);
    font-weight: bold;
}

[b-d043gr64rb] .Testing {
    text-align: center;
    border: var(--statusBorderWidth) solid var(--statusTesting);
    border-radius: var(--statusBorderRadius);
    color: var(--statusTesting);
    font-weight: bold;
}

[b-d043gr64rb] .ReleaseStopped {
    text-align: center;
    border: var(--statusBorderWidth) solid var(--statusReleaseStopped);
    border-radius: var(--statusBorderRadius);
    color: var(--statusReleaseStopped);
    font-weight: bold;
}

[b-d043gr64rb] .FileTypeIcon {
    width: 28px;
    height: 28px;
}

[b-d043gr64rb] .fileTableButton {
    background-color: var(--btn-default-bg);
    color: var(--btn-default-text);
    border: none;
}

[b-d043gr64rb] .fileTableButton:hover {
    background-color: var(--btn-default-hover-bg) !important;
    color: var(--btn-default-hover-text) !important;
    border: none;
 }
/* /Presentation/Pages/MailTemplatePages/Components/ReplacementsGrid.razor.rz.scp.css */
/* /Presentation/Pages/MailTemplatePages/MailTemplateInspectionPage.razor.rz.scp.css */
.mailTemplateSection[b-uy5k6n97g5] {
  display: flex;
  flex-direction: column;
  width: 90%;
  height: 100%;
  padding: 0 1em 0 1em;
}

.buttonSection[b-uy5k6n97g5] {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 0;
}

.navigateBackSection[b-uy5k6n97g5] {
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0;
}

.templateNameSection[b-uy5k6n97g5] {
  display: flex;
  justify-content: center;
  width: 60%;
  padding: 0.5em 0;
}

.editButtonSection[b-uy5k6n97g5] {
  display: flex;
  justify-content: space-around;
  width: 20%;
  padding: 0.5em 0;
}

.formSection[b-uy5k6n97g5] {
  display: flex;
}

.mailContentSection[b-uy5k6n97g5] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 2rem 0 2rem 0;
}

.mailEditorWithReplacements[b-uy5k6n97g5] {
  display: flex;
  gap: 1rem;
  min-height: 400px;
}

.replacementsPane[b-uy5k6n97g5] {
  width: 30%;
  min-width: 260px;
}

.editorPane[b-uy5k6n97g5] {
  flex: 1 1 auto;
}

[b-uy5k6n97g5] .htmlEditor {
  width: 100%;
  height: 100%;
}

[b-uy5k6n97g5] .buttonIcon {
  min-width: 20px;
  min-height: 20px;
  width: 20%;
  height: 20%;
  max-width: 40px;
  max-height: 40px;
}
/* /Presentation/Pages/MailTemplatePages/MailTemplateOverviewTable.razor.rz.scp.css */
.mailTemplateSection[b-ubz95sq1hb] {
  display: flex;
  flex-direction: column;
  width: 90%;
  padding: 0 1em 0 1em;
}

[b-ubz95sq1hb] .navigationButton {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
  border: none;
}

[b-ubz95sq1hb] .navigationButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
  border: none;
}

[b-ubz95sq1hb] .buttonIcon {
  min-width: 20px;
  min-height: 20px;
  width: 20%;
  height: 20%;
  max-width: 40px;
  max-height: 40px;
}
/* /Presentation/Pages/ProtocolPages/Components/LogTypeFilter.razor.rz.scp.css */
.filterButtonSection[b-p5lnx61n75] {
  margin-top: 8px;
  margin-bottom: 8px;
}

[b-p5lnx61n75] .not-selected {
  background-color: var(--btn-default-bg);
  border: none;
  color: var(--btn-default-text);
}

[b-p5lnx61n75] .not-selected:hover {
  background-color: var(--btn-default-hover-bg) !important;
  border: none;
  color: var(--btn-default-hover-text);
}

[b-p5lnx61n75] .selected {
  background-color: var(--btn-primary-bg);
  border: none;
  color: var(--btn-primary-text);
}

[b-p5lnx61n75] .selected:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  border: none;
}
/* /Presentation/Pages/ProtocolPages/Components/ProtocolTable.razor.rz.scp.css */
/* /Presentation/Pages/ProtocolPages/Protocol.razor.rz.scp.css */
.protocolSection[b-ojglhs33wb] {
  width: 90%;
  padding: 0 1em 0 1em;
}
/* /Presentation/Pages/ResetPasswordPage/Components/RequestPasswordReset.razor.rz.scp.css */
[b-ddyx3i1olx] .requestPasswordResetButton {
  width: 100%;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

[b-ddyx3i1olx] .requestPasswordResetButton:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  color: var(--btn-primary-text);
  border: none;
}
/* /Presentation/Pages/ResetPasswordPage/Components/SetNewPassword.razor.rz.scp.css */
[b-pqqrjhfafe] .setNewPasswordButton {
  width: 100%;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

[b-pqqrjhfafe] .setNewPasswordButton:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  color: var(--btn-primary-text);
}

[b-pqqrjhfafe] .passwordVisibility {
  width: 16px;
  height: 16px;
}
/* /Presentation/Pages/ResetPasswordPage/ResetPassword.razor.rz.scp.css */
.resetPassword-page[b-7fjojkwd4b] {
    position: relative;
    height: 100vh;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.4em;
}

.login-wrapper[b-7fjojkwd4b] {
    max-width: 90%;
    min-width: 30%;
}

.login-content[b-7fjojkwd4b] {
    margin: auto;
    max-width: 700px;
    width: 100%;
}

.intro[b-7fjojkwd4b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.intro h2[b-7fjojkwd4b] {
    margin: 0.5em;
}

.hr[b-7fjojkwd4b] {
    flex-grow: 1;
    height: 1px;
    background-color: #000;
}

.loginButtonSpacer[b-7fjojkwd4b] {
    height: 2em;
}

[b-7fjojkwd4b] .goToLogin {
    background-color: var(--btn-authorization-bg);
    color: var(--btn-authorization-text);
    border: none;
}

[b-7fjojkwd4b] .goToLogin:hover {
    background-color: var(--btn-authorization-hover-bg) !important;
    color: var(--btn-authorization-hover-text) !important;
}

.soloplan-logo[b-7fjojkwd4b] {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 4em;
    margin: 0.25em 0.25em;
}
/* /Presentation/Pages/TicketStatus/TicketStatusDetails/TicketStatusDetailsPage.razor.rz.scp.css */
.ticket-details-page[b-dd8wndp0ec] {
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.content-section[b-dd8wndp0ec] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  padding: 1em 1em 0 1em;
  width: 80%;
}

[b-dd8wndp0ec] .layout-group {
  padding: 0 1rem;
}

[b-dd8wndp0ec] .priority-icon {
  width: 2rem;
  height: 2rem;
}

[b-dd8wndp0ec] .ticketStatus {
  border: 2px solid var(--bs-secondary);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  width: fit-content;
}

[b-dd8wndp0ec] .waitingForCustomer {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}

[b-dd8wndp0ec] .inProgress {
  border-color: var(--bs-success);
  color: var(--bs-success);
}

[b-dd8wndp0ec] .closed {
  border-color: var(--bs-gray);
  color: var(--bs-gray);
}

[b-dd8wndp0ec] .undefined {
  border-color: var(--bs-gray);
  color: var(--bs-gray);
}
/* /Presentation/Pages/TicketSystem/Components/ChangeTypePopup.razor.rz.scp.css */
/* /Presentation/Pages/TicketSystem/Components/PriorityPopup.razor.rz.scp.css */
/* /Presentation/Pages/TicketSystem/Components/SolutionPopup.razor.rz.scp.css */
.solution-form[b-lqgw1tx8yv] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
}

.form-section[b-lqgw1tx8yv] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-label[b-lqgw1tx8yv] {
  font-weight: 600;
  font-size: 0.95rem;
  color: #333;
  margin: 0;
}

.form-input[b-lqgw1tx8yv] {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ddd;
  transition: border-color 0.2s ease;
}

.form-input:focus[b-lqgw1tx8yv] {
  border-color: #007bff;
  outline: none;
}

.popup-footer[b-lqgw1tx8yv] {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding: 0.5rem;
}
/* /Presentation/Pages/TicketSystem/Components/TicketTable.razor.rz.scp.css */
.ticketTableContainer[b-rm8ty4ihgg] {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

[b-rm8ty4ihgg] .ticket-status-icon {
  width: 1.5rem;
  height: 1.5rem;
}

[b-rm8ty4ihgg] .magnifying-glass-icon {
  width: 1.5rem;
  height: 1.5rem;
}

[b-rm8ty4ihgg] .inspectTicketButton {
  display: flex;
  flex-grow: 1;
  width: 100%;
}
/* /Presentation/Pages/TicketSystem/Components/TicketTypeComponent.razor.rz.scp.css */
.ticket-type[b-mdsagqibxa] {
  align-items: center;
  border: 2px solid var(--bs-secondary);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  height: fit-content;
  padding: 0.25rem;
}

.Bug[b-mdsagqibxa] {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}

.FeatureRequest[b-mdsagqibxa] {
  border-color: var(--bs-success);
  color: var(--bs-success);
}

.Question[b-mdsagqibxa] {
  border-color: var(--bs-warning);
  color: var(--bs-warning);
}

.Appointment[b-mdsagqibxa] {
  border-color: var(--bs-info);
  color: var(--bs-info);
}
/* /Presentation/Pages/TicketSystem/Components/UpdateFeed.razor.rz.scp.css */
.feed[b-4dc5r7j9sm] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.ticket-item[b-4dc5r7j9sm] {
  align-items: center;
  background-color: var(--bs-gray-200);
  border-radius: 1rem;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  width: 100%;
}

.ticket-item :hover[b-4dc5r7j9sm] {
  cursor: pointer;
}

.ticket-item .text[b-4dc5r7j9sm] {
  padding: 0;
  margin: 0;
}

.ticket-item .date[b-4dc5r7j9sm] {
  color: var(--bs-gray-600);
  font-style: italic;
  padding: 0;
  margin: 0;
}

.ticket-item-content[b-4dc5r7j9sm] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1rem 0 1rem;
  width: 90%;
}

[b-4dc5r7j9sm] .ticket-status-icon {
  width: 1rem;
  height: 1rem;
}
/* /Presentation/Pages/TicketSystem/Components/UploadAttachments.razor.rz.scp.css */
.dropzone[b-h0pp68tm2b] {
  align-items: center;
  background-color: rgba(183, 183, 183, 0.1);
  border: var(--bs-border-color) 2px dashed;
  border-radius: var(--bs-border-radius-lg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

.dropzone.drag-over[b-h0pp68tm2b] {
  background-color: rgba(0, 123, 255, 0.15);
  border-color: #007bff;
}

.empty-drop-zone[b-h0pp68tm2b] {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 10rem;
  justify-content: center;
}

.files-container[b-h0pp68tm2b] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem;
  width: 100%;
}

.file-list-container[b-h0pp68tm2b] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
}

.uploaded-file-container[b-h0pp68tm2b] {
  background-color: var(--bs-gray-200);
  border-radius: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  height: 5rem;
  padding: 0.5rem;
  position: relative;
  width: 49%;
}

.preview-section[b-h0pp68tm2b] {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 20%;
}

.file-preview-image[b-h0pp68tm2b] {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

[b-h0pp68tm2b] .file-icon {
  height: 100%;
  width: 100%;
}

.info-section[b-h0pp68tm2b] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.25rem;
  justify-content: center;
}

.file-name[b-h0pp68tm2b] {
  font-size: 0.9rem;
  font-weight: bold;
}

.upload-status[b-h0pp68tm2b] {
  color: var(--bs-secondary);
  font-size: 0.75rem;
}

.upload-status.success[b-h0pp68tm2b] {
  color: var(--bs-success);
}

.upload-status.failed[b-h0pp68tm2b] {
  color: var(--bs-danger);
}

.remove-section[b-h0pp68tm2b] {
  align-self: flex-start;
  display: flex;
  margin-top: 0.25rem;
}

[b-h0pp68tm2b] .icon-delete {
  height: 1rem;
  width: 1rem;
}

.add-btn-container[b-h0pp68tm2b] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}

[b-h0pp68tm2b] .add-btn {
  gap: 0.5rem;
}

.add-icon-container[b-h0pp68tm2b] {
  display: flex;
  gap: 0.5rem;
}

[b-h0pp68tm2b] .add-icon {
  height: 1.25rem;
}

.add-text-container[b-h0pp68tm2b] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/CreatePages/BugReport.razor.rz.scp.css */
.bug-report-container[b-jaoqoxlvoh] {
  max-width: 1200px;
  margin: 0 auto;
}

.solution-suggestions[b-jaoqoxlvoh] {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 1.5rem;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/CreatePages/CreatePagesHeader.razor.rz.scp.css */
.header[b-zc1svr1ocw] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 2rem;
  width: 100%;
}

.back-section[b-zc1svr1ocw] {
  position: relative;
  left: 0;
  top: 0;
}

.title-section[b-zc1svr1ocw] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  width: 100%;
}

.icon-container[b-zc1svr1ocw] {
  display: flex;
}

[b-zc1svr1ocw] .icon {
  height: 2rem;
  width: 2rem;
}

.title[b-zc1svr1ocw] {
  font-size: 1.2rem;
  font-weight: bold;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/CreatePages/FeatureRequest.razor.rz.scp.css */
.feature-request-container[b-k6qyv3vlim] {
    max-width: 1000px;
    margin: 0 auto;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/CreatePages/Question.razor.rz.scp.css */
.question-container[b-6487fanqy9] {
  max-width: 1200px;
  margin: 0 auto;
}

.chat-container[b-6487fanqy9] {
  max-width: 900px;
  margin: 0 auto;
  min-height: 400px;
}

.chat-history[b-6487fanqy9] {
  display: flex;
  flex-direction: column;
}

.message-bubble[b-6487fanqy9] {
  max-width: 85%;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
}

.user-message[b-6487fanqy9] {
  align-self: flex-end;
  background-color: var(--bs-primary);
  color: white;
  border-bottom-right-radius: 0.2rem;
}

.assistant-message[b-6487fanqy9] {
  align-self: flex-start;
  background-color: var(--bs-gray-200);
  color: var(--bs-dark);
  border-bottom-left-radius: 0.2rem;
}

.message-header[b-6487fanqy9] {
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
}

.message-text[b-6487fanqy9] {
  word-wrap: break-word;
}

.feedback-section[b-6487fanqy9], .escalation-section[b-6487fanqy9] {
  border-top: 1px solid var(--bs-border-color);
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/CreateSupportRequestOverview.razor.rz.scp.css */
.overview-container[b-ef0u5tj6nx] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem;
    justify-content: center;
}

.support-card[b-ef0u5tj6nx] {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-secondary);
    border-radius: 0.5rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    width: 20%;
    height: 200px;
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
    color: inherit;
}

.support-card:hover[b-ef0u5tj6nx] {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.card-icon-container[b-ef0u5tj6nx] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

[b-ef0u5tj6nx] .card-icon {
    height: 5rem;
}

.card-title[b-ef0u5tj6nx] {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/AskQuestion.razor.rz.scp.css */
.button-container[b-jpp90eptqw] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

[b-jpp90eptqw] .popup {
  height: auto;
  min-height: 50%;
  width: 50%;
}

.popup-content-container[b-jpp90eptqw] {
  display: flex;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

.loading-panel-content[b-jpp90eptqw] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/CarLoAssistantChat.razor.rz.scp.css */
.assistant-container[b-dtnhigkeqa] {
  display: flex;
  flex-direction: column;
  height: 90%;
  justify-self: center;
  width: 70%;
}

.chat-message-container[b-dtnhigkeqa] {
  display: flex;
  flex-direction: row;
}

.carlo-assistant-container[b-dtnhigkeqa] {
  display: flex;
}

.chat-message[b-dtnhigkeqa] {
  border-radius: 1rem;
  color: var(--bs-light);
  max-width: 75%;
  opacity: 0.6;
  padding: 0.75rem 1rem;
}

.chat-message.assistant-message[b-dtnhigkeqa] {
  align-self: start;
  background-color: var(--bs-secondary);
  border-bottom-left-radius: 0.2rem;
  margin-right: auto;
}

.chat-message.user-message[b-dtnhigkeqa] {
  align-self: end;
  background-color: var(--bs-primary);  
  border-bottom-right-radius: 0.2rem;
  margin-left: auto;
}

.chat-message.error-message[b-dtnhigkeqa] {
  background-color: var(--bs-danger);;
  align-self: center;
}

[b-dtnhigkeqa] .assistant-chat {
  height: 100%;
  width: 100%;
}

[b-dtnhigkeqa] .questionSolved-btn {
  align-self: start;
  width: 50%;
}

[b-dtnhigkeqa] .carlo-assistant-icon {
  align-self: end;
  height: 2rem;
  width: 2rem;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/FeatureRequestDescription.razor.rz.scp.css */
.button-container[b-pkrjh3m90p] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/IssueFurtherInformation.razor.rz.scp.css */
.button-container[b-ajn04oglvx] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/IssueInformation.razor.rz.scp.css */
.button-container[b-o6rk62epb8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/SelectCustomerSetup.razor.rz.scp.css */
.customer-info[b-f4zz8ykebv] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
}

.customer-icon[b-f4zz8ykebv] {
  flex-shrink: 0;
}

.customer-icon-img[b-f4zz8ykebv] {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  object-fit: cover;
}

.customer-details[b-f4zz8ykebv] {
  display: flex;
  flex-direction: column;
}

.customer-name[b-f4zz8ykebv] {
  font-size: 1.1rem;
  font-weight: 600;
}

.customer-email[b-f4zz8ykebv] {
  font-size: 0.9rem;
  color: var(--bs-gray);
}

.setup-container[b-f4zz8ykebv] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
}

.button-container[b-f4zz8ykebv] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

[b-f4zz8ykebv] .setup-combobox {
  width: 80%;
}

[b-f4zz8ykebv] .testSystem {
  background: var(--bs-gray);
  border-radius: 1rem;
  color: var(--bs-white);
  display: flex;
  font-weight: bold;
  justify-content: center;
  padding: 0 1rem;
}

[b-f4zz8ykebv] .productionSystem {
  background: var(--bs-primary);
  border-radius: 1rem;
  color: var(--bs-white);
  display: flex;
  font-weight: bold;
  justify-content: center;
  padding: 0 1rem;
}

[b-f4zz8ykebv] .add-btn {
  gap: 0.5rem;
}

.add-icon-container[b-f4zz8ykebv] {
  display: flex;
  gap: 0.5rem;
}

[b-f4zz8ykebv] .add-icon {
  height: 1.25rem;
}

.add-text-container[b-f4zz8ykebv] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[b-f4zz8ykebv] .info-icon {
  height: 1rem;
}

.version-hint-container[b-f4zz8ykebv] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

[b-f4zz8ykebv] .carlo-version-hint-icon {
  margin: 0 2rem;
}

.popup-footer[b-f4zz8ykebv] {
  display: flex;
  gap: 0.5rem;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/SpecifyQuestion.razor.rz.scp.css */
.button-container[b-gxik8j6vzf] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/TicketSystem/CreateSupportRequest/Steps/SupportRequestConclusion.razor.rz.scp.css */
.chip[b-wsfgv1zyj3] {
  align-content: center;
  background-color: var(--bs-gray-600);
  border-radius: 1rem;
  color: var(--bs-white);
  display: flex;
  font-weight: bold;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0.25rem 1rem;
  justify-content: center;
  width: 40%;
}

.undefined[b-wsfgv1zyj3] {
  background-color: var(--bs-gray-400);
}

.immediate[b-wsfgv1zyj3] {
  background-color: var(--bs-gray-400);
}

.urgent[b-wsfgv1zyj3] {
  background-color: #ff2222;
}

.high[b-wsfgv1zyj3] {
  background-color: #ee6655;
}

.medium[b-wsfgv1zyj3] {
  background-color: #feba00;
}

.low[b-wsfgv1zyj3] {
  background-color: #11bb11;
}

.button-container[b-wsfgv1zyj3] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* /Presentation/Pages/TicketSystem/Dashboard/DashboardPage.razor.rz.scp.css */
.dashboard[b-8fbx6vhumn] {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden;
  width: 100%;
  gap: 1rem;
}

.dashboardSection[b-8fbx6vhumn] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
  width: 70%;
  min-height: 0;
}

.updateFeedSection[b-8fbx6vhumn] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 25%;
}

.card-item[b-8fbx6vhumn] {
  border: 1px solid var(--bs-secondary);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.card-item-header[b-8fbx6vhumn] {
  background-color: var(--header-bg);
  display: flex;
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
}

.card-item .content[b-8fbx6vhumn] {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1rem;
}

.header[b-8fbx6vhumn] {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

[b-8fbx6vhumn] .inspect-icon {
  background-image: url(data/magnifying-glass.svg);
  height: 24px;
  width: 24px;
}
/* /Presentation/Pages/TicketSystem/SupportRequestDetail/Components/AttachmentsList.razor.rz.scp.css */
.attachment-container[b-yqizw6i32n] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.attachment-icon-container[b-yqizw6i32n] {
  display: flex;
}

.attachment-name[b-yqizw6i32n] {
  display: flex;
}

[b-yqizw6i32n] .attachment-icon {
  width: 1.5rem;
  height: 1.5rem;
}
/* /Presentation/Pages/TicketSystem/SupportRequestDetail/Components/CreateCommentComponent.razor.rz.scp.css */
.create-comment-container[b-t0ads8vdhx] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  height: 100%;
  width: 100%;
}

.editor-container[b-t0ads8vdhx] {
  display: flex;
  height: stretch;
  width: 85%;
}

.btn-container[b-t0ads8vdhx] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: end;
}

[b-t0ads8vdhx] .attachment-btn {
  gap: 0.25rem;
  width: 100%;
}

[b-t0ads8vdhx] .create-comment-btn {
  gap: 0.25rem;
  width: 100%;
}

[b-t0ads8vdhx] .attachment-icon {
  height: 1rem;
  width: 1rem;
}

[b-t0ads8vdhx] .save-icon {
  height: 1rem;
  width: 1rem;
}
/* /Presentation/Pages/TicketSystem/SupportRequestDetail/Components/ProcessSupportRequestComponent.razor.rz.scp.css */
.process-popup-btn-section[b-2zktsznyqg] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

[b-2zktsznyqg] .selection-btn {
  height: 5rem;
  width: 100%;
  
}
/* /Presentation/Pages/TicketSystem/SupportRequestDetail/Components/TicketDiscussionSection.razor.rz.scp.css */
.ticket-comment-container[b-89if9gx3lt] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  gap: 1rem;
}

.comment-history[b-89if9gx3lt] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.5rem;
  height: 70%;
  overflow-y: auto;
}

.chat-container[b-89if9gx3lt] {
  display: flex;
  flex-direction: row;
}

.item[b-89if9gx3lt] {
  align-self: center;
  border-radius: 1rem;
  color: var(--bs-black);
  justify-self: center;
  width: 80%;
}

.item.chat-message[b-89if9gx3lt] {
  align-self: start;
  background-color: var(--bs-light);
  border-color: var(--bs-gray-700);
  border-style: solid;
  border-width: 1px;
  margin-right: auto;
}

.message-header[b-89if9gx3lt] {
  border-bottom: 1px solid var(--bs-gray-200);
  padding: 0.75rem 1rem 0 1rem;
}

.author-icon-container[b-89if9gx3lt] {
  display: flex;
  align-items: end;
  width: 5%;
}

[b-89if9gx3lt] .author-icon {
  height: 2rem;
}

.author-name[b-89if9gx3lt] {
}


.message-text[b-89if9gx3lt] {
  align-self: start;
  padding: 0.75rem 1rem;
}

.timestamp[b-89if9gx3lt] {
  align-self: end;
  color: var(--bs-gray-500);
  padding-top: 0.25rem;
}

[b-89if9gx3lt] .timestamp > p {
  margin: 0;
}

.item.system-message[b-89if9gx3lt] {
  background-color: var(--bs-light);
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  margin: 1rem 0;
  max-width: 80%;
  text-align: center;
}

.item.system-message.description[b-89if9gx3lt] {
  color: var(--bs-gray-700);
}

.item.system-message.aiSummary[b-89if9gx3lt] {
  color: var(--bs-gray-700);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: start;
}

.item.system-message.change[b-89if9gx3lt] {
  color: var(--bs-gray-500);
  font-style: italic;
}

.item.system-message.solution[b-89if9gx3lt] {
  background-color: var(--bs-success-bg-subtle);
  border: 0;
  color: var(--bs-success);
  width: 80%;
}

.item.solution.header[b-89if9gx3lt] {
  display: flex;
  font-weight: bold;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.create-comment-section[b-89if9gx3lt] {
  align-self: end;
  display: flex;
  height: 30%;
  width: 100%;
}

.ai-summary-title[b-89if9gx3lt] {
  font-weight: bold;
}

.ai-summary-content[b-89if9gx3lt] {
  
}
/* /Presentation/Pages/TicketSystem/SupportRequestDetail/SupportRequestDetailsPage.razor.rz.scp.css */
.ticket-details-page[b-phlgpuegde] {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  height: 100%;
  width: 100%;
}

.content-section[b-phlgpuegde] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1rem;
  height: 100%;
  justify-content: start;
  padding: 1em 1em 0 1em;
  width: 100%;
}

.page-header[b-phlgpuegde] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.title[b-phlgpuegde] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.ticket-number[b-phlgpuegde] {
  align-items: center;
  margin: 0;
}

.ticket-number > h1[b-phlgpuegde] {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}

.info[b-phlgpuegde] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 5rem;
  justify-content: space-between;
}

.ticket-metadata[b-phlgpuegde] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ticket-metadata-item[b-phlgpuegde] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: space-between;
}

.ticket-metadata-item > p[b-phlgpuegde] {
  margin: 0;
}

.comment-section[b-phlgpuegde] {
  border: none;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  width: 100%;
}

.ticket-details-form[b-phlgpuegde] {
  
}

[b-phlgpuegde] .priority-icon {
  width: 2rem;
  height: 2rem;
}

[b-phlgpuegde] .status-icon {
  width: 2rem;
  height: 2rem;
}

[b-phlgpuegde] .ticketStatus {
  border: 2px solid var(--bs-secondary);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  width: fit-content;
}

[b-phlgpuegde] .waitingForCustomer {
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}

[b-phlgpuegde] .inProgress {
  border-color: var(--bs-success);
  color: var(--bs-success);
}

[b-phlgpuegde] .closed {
  border-color: var(--bs-gray);
  color: var(--bs-gray);
}

[b-phlgpuegde] .undefined {
  border-color: var(--bs-gray);
  color: var(--bs-gray);
}
/* /Presentation/Pages/TicketSystem/TicketSystemBasePage.razor.rz.scp.css */
.ticketStatus-page[b-sssx2yfw3z] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 1em 1em 0 1em;
  width: 100%;
}

.header[b-sssx2yfw3z] {
  display: flex;
  flex-shrink: 0;
  gap: 1rem;
  height: 2rem;
  justify-content: end;
  margin-bottom: 1rem;
}

.content[b-sssx2yfw3z] {
  display: flex;
  flex: 1;
  flex-direction: row;
  min-height: 0;
}

[b-sssx2yfw3z] .add-btn {
  gap: 0.5rem;
}

.add-icon-container[b-sssx2yfw3z] {
  display: flex;
  gap: 0.5rem;
}

[b-sssx2yfw3z] .add-icon {
  height: 1.25rem;
}

.add-text-container[b-sssx2yfw3z] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* /Presentation/SharedElements/ContactPopup.razor.rz.scp.css */
.contactPopup[b-c3zafvpofz] {
  display: flex;
  flex-direction: column;
}

.contactInformationSection[b-c3zafvpofz] {
  padding: 16px;
}

.contactFormSection[b-c3zafvpofz] {
  padding: 16px;
}

[b-c3zafvpofz] .contactIcon {
  width: 32px;
  height: 32px;
}

[b-c3zafvpofz] .contactForm {
  display: flex;
  flex-direction: row;
  width: 90%;
  margin-bottom: 8px;
}

[b-c3zafvpofz] .sendButton {
  background-color: var(--btn-default-bg);
  color: var(--btn-default-text);
}

[b-c3zafvpofz] .sendButton:hover {
  background-color: var(--btn-default-hover-bg) !important;
  color: var(--btn-default-hover-text) !important;
}
/* /Presentation/SharedElements/CustomerSelect.razor.rz.scp.css */
[b-mx8wd4fxjx] .full-width-button {
  width: 100%;
  height: 100%;
  margin: 0.25rem 0;
  border: none;
  background-color: var(--btn-header-bg);
  color: var(--btn-header-text);
}

[b-mx8wd4fxjx] .full-width-button:hover {
  background-color: var(--btn-header-hover-bg) !important;
  color: var(--btn-header-hover-text) !important;
  border: none;
}

[b-mx8wd4fxjx] .clearCustomerSelectionButton {
  width: 10%;
  height: 100%;
  color: var(--btn-primary-text);
  text-wrap: nowrap;
  border: var(--bs-danger) 0.15rem solid;
}

[b-mx8wd4fxjx] .clearCustomerSelectionButton:hover {
  background-color: var(--btn-header-bg) !important;
  color: var(--btn-secondary-text) !important;
  border: var(--bs-danger) 0.15rem solid;
}

[b-mx8wd4fxjx] .clear-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  margin: auto;
}

[b-mx8wd4fxjx] .selectButton {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

[b-mx8wd4fxjx] .selectButton:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  border: none;
}

[b-mx8wd4fxjx] .cancelButton {
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border: none;
}

[b-mx8wd4fxjx] .cancelButton:hover {
  background-color: var(--btn-secondary-hover-bg) !important;
  color: var(--btn-secondary-hover-text) !important;
}

.customer-image[b-mx8wd4fxjx] {
  display: flex;
  align-items: center;
}

.customer-image > img[b-mx8wd4fxjx] {
  border-radius: 15%;
  width: 2rem;
  height: 2rem;
  margin: auto;
}

.customer-display[b-mx8wd4fxjx] {
  display: flex;
  align-items: center;
}

img.customer-icon[b-mx8wd4fxjx] {
  border-radius: 15%;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}

.footerSection[b-mx8wd4fxjx] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.selectButtonSection[b-mx8wd4fxjx] {
  display: flex;
  gap: 0.5rem;
}
/* /Presentation/SharedElements/EnumComboBox.razor.rz.scp.css */
/* /Presentation/SharedElements/FooterSection.razor.rz.scp.css */
.footer[b-6faoeq2wz2] {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: right;
  background-color: var(--footer-bg);
  padding: 0.5em 0.5em;
}

.contactSection[b-6faoeq2wz2] {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}

[b-6faoeq2wz2] .contactLink {
  margin: 0 10px;
  text-decoration: none;
  padding: 0 0.5em;
  font-size: 0.85em;
}

[b-6faoeq2wz2] .contactLink:hover {
  color: var(--soloplanMagenta) !important;
}

.footer a[b-6faoeq2wz2] {
  text-decoration: none;
  margin: 0 10px;
  align-self: flex-end;
  padding: 0 0.5em;
  font-size: 0.85em;
  display: inline-block;
}

@media (max-width: 600px) {
  .footer[b-6faoeq2wz2] {
    text-align: center;
  }

  .footer a[b-6faoeq2wz2] {
    display: block;
    margin: 5px 0;
  }
}
/* /Presentation/SharedElements/HeaderSection.razor.rz.scp.css */
header[b-3achmw7c34] {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  align-items: center;
  background: var(--header-bg);
  border-bottom: 2px solid var(--mediumGray);
}

.customerPortal[b-3achmw7c34] {
  width: 30%;
  font-size: 1rem;
  font-weight: bold;
  margin: 0.5rem;
}

[b-3achmw7c34] .customerPortal-logo {
  width: 2.5rem;
  height: 2.5rem;
}

.spacer[b-3achmw7c34] {
  display: flex;
  width: auto;
  min-width: 10%;
  margin: 0 2em 0 auto;
}

.navbar-toggler[b-3achmw7c34] {
  align-self: stretch;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding-left: .6rem;
  padding-right: .6rem;
}

.navbar-toggler .navbar-toggler-icon[b-3achmw7c34] {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  height: 2rem;
  width: 2rem;
}
/* /Presentation/SharedElements/LanguageSelection.razor.rz.scp.css */
[b-7v3b6pxdpe] .languageFlagIcon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
/* /Presentation/SharedElements/LoadingScreen.razor.rz.scp.css */
.spinner[b-709sqzemso] {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin-b-709sqzemso 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

@keyframes spin-b-709sqzemso {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
/* /Presentation/SharedElements/MultipleCustomerSelect.razor.rz.scp.css */
[b-q31fia1vnf] .full-width-button {
  width: 100%;
  height: 100%;
  margin: 0.25rem 0;
  border: none;
  background-color: var(--btn-header-bg);
  color: var(--btn-header-text);
}

[b-q31fia1vnf] .full-width-button:hover {
  background-color: var(--btn-header-hover-bg) !important;
  color: var(--btn-header-hover-text) !important;
  border: none;
}

[b-q31fia1vnf] .selectButton {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

[b-q31fia1vnf] .selectButton:hover {
  background-color: var(--btn-primary-hover-bg) !important;
  border: none;
}

[b-q31fia1vnf] .cancelButton {
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border: none;
}

[b-q31fia1vnf] .cancelButton:hover {
  background-color: var(--btn-secondary-hover-bg) !important;
  color: var(--btn-secondary-hover-text) !important;
}

.customer-image[b-q31fia1vnf] {
  display: flex;
  align-items: center;
}

.customer-image > img[b-q31fia1vnf] {
  border-radius: 15%;
  width: 2rem;
  height: 2rem;
  margin: auto;
}

.customer-display[b-q31fia1vnf] {
  display: flex;
  align-items: center;
}

img.customer-icon[b-q31fia1vnf] {
  border-radius: 15%;
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
/* /Presentation/SharedElements/NavMenu.razor.rz.scp.css */
:root[b-92d9l3qi0p] {
  --bs-nav-link-padding-y: 0.25rem;
  --bs-nav-link-padding-x: 0.5rem;
}

[b-92d9l3qi0p] .customerPortal-menu .dxbl-btn-tool {
  padding: 0;
}

[b-92d9l3qi0p] .nav-icon {
  --grayscale: 10%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.25rem;
  min-height: 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
  padding: 0;
  margin: 0;
  filter: grayscale(0%) brightness(100%);
  opacity: 0.95;
  transition-property: filter, opacity;
  transition-duration: 0.14s;
  transition-timing-function: ease-out;
}

[b-92d9l3qi0p] .icon-downloads { background-image: url(data/CarLoDownload.svg); }
[b-92d9l3qi0p] .icon-changeLog { background-image: url(data/ChangeIndex.svg); }
[b-92d9l3qi0p] .icon-deploymentLog { background-image: url(data/deployment.svg); }
[b-92d9l3qi0p] .icon-protocol { background-image: url(data/Protocol.svg); }
[b-92d9l3qi0p] .icon-deploymentDropDown { background-image: url(data/deployment.svg); }
[b-92d9l3qi0p] .icon-singleDeployment { background-image: url(data/Plus.svg); }
[b-92d9l3qi0p] .icon-multipleDeployment { background-image: url(data/Plus.svg); }
[b-92d9l3qi0p] .icon-mail { background-image: url(data/email.svg); }
[b-92d9l3qi0p] .icon-ticketSystem { background-image: url(data/ticketsystem.svg); }
/* /Presentation/SharedElements/NoCustomerSelectedInfo.razor.rz.scp.css */
/* /Presentation/SharedElements/StepperComponent.razor.rz.scp.css */
[b-33y01v184o] .custom-tabs {
  
}

.step-content[b-33y01v184o] {
  
}
/* /Presentation/SharedElements/UserDisplay.razor.rz.scp.css */
[b-6gokewly84] .menuIcon {
  width: 24px;
  height: 24px;
}

[b-6gokewly84] .languageFlagIcon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

[b-6gokewly84] .icon-dark { background-image: url(data/dark.svg); }
[b-6gokewly84] .icon-light { background-image: url(data/light.svg); }
[b-6gokewly84] .businesspartner-icon { background-image: url(data/BusinessPartner.svg); }