@import '../_content/LiveChartsCore.SkiaSharpView.Blazor/LiveChartsCore.SkiaSharpView.Blazor.tu6vyb142g.bundle.scp.css';

/* Client/Components/Admin/CalendarEntryModal.razor.rz.scp.css */
label[b-gbwdxek9cc] {
  margin-right: 0;
}

.label-data[b-gbwdxek9cc] {
  text-align: left;
  font-weight: normal;
  line-height: 32px;
  margin-left: 1rem;
  color: #8a8d93;
  font-size: 16px;
}
/* Client/Components/Admin/DefaultSurcharges.razor.rz.scp.css */
.surcharge-table[b-751vglk0uk] {
  margin-top: 1rem;
  border-collapse: separate;
  border-spacing: 0 12px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.surcharge-table-column-1[b-751vglk0uk] {
  position: unset;
  max-width: 50%;
  margin-left: 1rem;
}

.surcharge-table-column-1 input[b-751vglk0uk] {
  max-width: 100%;
}

.surcharge-table-row[b-751vglk0uk] {
  line-height: 2rem;
  padding: 0;
  margin-bottom: 15px;
  margin-right: 25px;
  font-size: 13px;
}
/* Client/Components/Approvals/ApprovalsCard.razor.rz.scp.css */
.status-bar[b-j5ktjlw0zy] {
  padding: 0px 15px;
  border-radius: 8px;
  text-align: center;
  width: 29rem;
  margin: 1rem;
  border: 1px solid;
  font-size: 20px;
  text-transform: uppercase;
  transition: background-color 0.5s ease, color 0.5s ease;
}

.status-pending[b-j5ktjlw0zy] {
  background-color: var(--primary-background);
  color: var(--primary) !important;
}

.status-approved[b-j5ktjlw0zy] {
  background-color: var(--success-background);
  color: var(--success) !important;
}

.status-expired[b-j5ktjlw0zy] {
  background-color: var(--danger-background);
  color: var(--danger) !important;
}

.status-suspended[b-j5ktjlw0zy] {
  background-color: var(--warning-background);
  color: var(--warning) !important;
}
/* Client/Components/Assets/CalibrationModal.razor.rz.scp.css */
.modal-background[b-0s1lf0hmxn] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 102;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.calibration-modal[b-0s1lf0hmxn] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  min-width: 800px; 
  min-height: 600px; 
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
  z-index: 1000;
}

.card-body[b-0s1lf0hmxn] {
  max-height: unset;
}

.summary-info[b-0s1lf0hmxn] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-0s1lf0hmxn] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-0s1lf0hmxn],
.summary-info label > select[b-0s1lf0hmxn],
.summary-info label > div[b-0s1lf0hmxn] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-0s1lf0hmxn] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-0s1lf0hmxn] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-0s1lf0hmxn] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.result-value[b-0s1lf0hmxn] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.image-btn[b-0s1lf0hmxn] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  margin: 0;
  height: 2.5rem;
  width: 2.5rem;
  box-sizing: border-box;
}

.out-of-Tolerance[b-0s1lf0hmxn] {
  font-weight: bold;
  color: var(--danger);
}

/* Client/Components/Auth/ForgotPasswordModal.razor.rz.scp.css */
.modal-background[b-qs43ci39pt] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-qs43ci39pt] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-qs43ci39pt] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-qs43ci39pt] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-qs43ci39pt],
.summary-info label > select[b-qs43ci39pt],
.summary-info label > div[b-qs43ci39pt] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-qs43ci39pt] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-qs43ci39pt] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-qs43ci39pt] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

h3[b-qs43ci39pt] {
  color: white;
}

label[b-qs43ci39pt] {
  color: white;
}
/* Client/Components/Capture/DataCaptureAnswers.razor.rz.scp.css */
.capture-grid[b-91p1oi7uv1] {
  margin: 1rem;
  display: flex;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  flex-wrap: wrap;
}

.capture-card[b-91p1oi7uv1] {
  background-color: var(--background);
  padding: 0.75rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  /* width: calc(50% - 4rem); */
}

.capture-detail[b-91p1oi7uv1] {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-width: 6rem;
}

.capture-date[b-91p1oi7uv1] {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  margin: 0;
  align-items: center;
  min-width: 4rem;
}

.capture-date p[b-91p1oi7uv1] {
  margin: 0;
}
/* Client/Components/Capture/DataCaptureCard.razor.rz.scp.css */
.modal-background[b-l5x787js84] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-l5x787js84] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
  z-index: 100; 
}

.card[b-l5x787js84] {
  min-height: 85dvh;
  max-height: 85dvh;
}

.summary-info[b-l5x787js84] {
  position: relative;
  overflow-y: auto;
  max-height: 100%;
}

.summary-info label[b-l5x787js84] {
  display: grid;
  grid-template-columns: 1fr 3fr 0.5fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-l5x787js84],
.summary-info label > select[b-l5x787js84],
.summary-info label > div[b-l5x787js84] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-l5x787js84] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-l5x787js84] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.button-column[b-l5x787js84],
.central-table-fields td[b-l5x787js84] {
  text-align: center;
  vertical-align: middle;
}

.button-column[b-l5x787js84] {
  width: 8rem;
}

.central-table-fields td input[b-l5x787js84] {
  margin-left: 0 !important;
}

.td-div[b-l5x787js84] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.td-div input[b-l5x787js84] {
  margin: auto !important;
}

.image-btn[b-l5x787js84] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.button-grid[b-l5x787js84] {
  gap: 0rem;
}

.description[b-l5x787js84] {
  margin: 0 2rem;
}

.data-capture-item[b-l5x787js84] {
  margin-bottom: 6px;
}

.card-header[b-l5x787js84] {
  padding-bottom: 0;
}

.question-grid[b-l5x787js84] {
  margin: 1rem;
  padding: 1rem;
  border: dashed 2px var(--background-3);
  border-radius: 0.5rem;
  display: grid;
  grid-template-columns: 4rem auto 4rem;
}

.question-grid div[b-l5x787js84] {
  display: flex;
  align-items: center;
}

.question-grid div:first-child[b-l5x787js84] {
  padding-right: 0.5rem; 
}

.question-grid div img[b-l5x787js84] {
  margin-right: 1rem;
}

.question-container[b-l5x787js84] {
  display: flex;
  flex-direction: column;
  align-items: start !important;
  min-height: 36px;
}

.question-container > div:first-child[b-l5x787js84] {
  min-height: 36px;
}
  
.option-grid[b-l5x787js84] {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  align-items: start !important;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  margin-left: auto;
  margin-right: auto;
}

.option[b-l5x787js84] {
  line-height: 1;
  padding: 0.5rem 1rem;
  background-color: var(--background-3);
  border-radius: 0.5rem;
  min-width: 10rem;
  font-size: 14px;
}

.group-0[b-l5x787js84] {
  background-color: var(--primary);
  border: none;
  padding: 0.5rem 1rem;
}

.group-1[b-l5x787js84] {
  border: solid 2px var(--primary);
  padding: 0.5rem 1rem;
}

.group-2[b-l5x787js84] {
  background-color: var(--secondary);
  color: var(--background-2);
  border: none;
  padding: 0.5rem 1rem;
}

.group-2 img[b-l5x787js84] {
  filter: brightness(0) saturate(100%) invert(20%);
}

.group-3[b-l5x787js84] {
  border: solid 2px var(--secondary);
  padding: 0.5rem 1rem;
}

.group-4[b-l5x787js84] {
  background-color: var(--background-3);
  color: var(--background-2);
  border: none;
  padding: 0.5rem 1rem;
}

.group-5[b-l5x787js84] {
  border: solid 2px var(--background-3);
  padding: 0.5rem 1rem;
}
/* Client/Components/Capture/DataCaptureEntryModal.razor.rz.scp.css */
.modal-background[b-yvpce002rd] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-yvpce002rd] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  /* max-width: 600px;  */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
  z-index: 101; 
}

.card[b-yvpce002rd] {
  min-height: 85dvh;
  max-height: 85dvh;
}

.summary-info[b-yvpce002rd] {
  position: relative;
  overflow-y: auto;
  max-height: 100%;
}

.button-column[b-yvpce002rd],
.central-table-fields td[b-yvpce002rd] {
  text-align: center;
  vertical-align: middle;
}

.button-column[b-yvpce002rd] {
  width: 8rem;
}

.central-table-fields td input[b-yvpce002rd] {
  margin-left: 0 !important;
}

.td-div[b-yvpce002rd] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.td-div input[b-yvpce002rd] {
  margin: auto !important;
}

.image-btn[b-yvpce002rd] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.button-grid[b-yvpce002rd] {
  gap: 0rem;
}

.description[b-yvpce002rd] {
  margin: 0 2rem;
}

.data-capture-item[b-yvpce002rd] {
  margin-bottom: 6px;
}

.card-header[b-yvpce002rd] {
  padding-bottom: 0;
}

.question-grid[b-yvpce002rd] {
  position: relative;
  margin: 1rem;
  padding: 1rem;
  border: dashed 2px var(--background-3);
  border-radius: 0.5rem;
  display: grid;
  grid-template-columns: 4rem auto;
}

.question-grid > div[b-yvpce002rd] {
  display: flex;
  align-items: stretch;
}

.question-grid div:first-child[b-yvpce002rd] {
  padding-right: 0.5rem; 
}

.question-grid > div > img[b-yvpce002rd] {
  margin-right: 1rem;
}

.section-container[b-yvpce002rd] {
  align-items: center !important;
  height: 100%;
}

.question-container[b-yvpce002rd] {
  display: flex;
  flex-direction: column;
  align-items: start !important;
  min-height: 36px;
}

.question-container > div:first-child[b-yvpce002rd] {
  min-height: 36px;
}
  
.option-grid[b-yvpce002rd] {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  align-items: start !important;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  margin-left: auto;
  margin-right: auto;
}

.option[b-yvpce002rd] {
  line-height: 1;
  padding: 0.5rem 1rem;
  background-color: var(--background-3);
  border-radius: 0.5rem;
  min-width: 10rem;
  font-size: 14px;
  border: solid 2px transparent;
  opacity: 0.5;
}

.selected-option[b-yvpce002rd] {
  opacity: 1;
  border: solid 2px white;
  box-sizing: border-box;
  font-weight: 500;
}

.answer[b-yvpce002rd] {
  width: 100%;
}

.missing[b-yvpce002rd] {
  border-color: var(--warning);
}

.slider-text[b-yvpce002rd] {
  margin-left: 1rem;
  width: 6rem;
  max-width: 6rem;
  text-align: center;
  font-weight: 400;
}

.slider-value[b-yvpce002rd] {
  position: absolute;
  top: -25px; 
  transform: translateX(-50%);
  background: var(--light-transparent);
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  height: 24px;
  padding: 4px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.range-label[b-yvpce002rd] {
  position: absolute;
  top: 20px; 
  transform: translateX(50%);
}

.slider-container[b-yvpce002rd] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  width: 100%; 
}

.slider-input[b-yvpce002rd] {
  width: 100%;
}

.bool[b-yvpce002rd] {
  margin-top: 0.5rem;
}

.file-container[b-yvpce002rd] {
  display: flex;
  flex-direction: column;
}

.upload-container[b-yvpce002rd] {
  display: grid;
  grid-template-columns: 1fr 8rem;
  width: 100%;
}

.photo-container[b-yvpce002rd] {
  display: grid;
  grid-template-columns: 8rem 1fr 8rem;
  width: 100%;
}

.file-upload-container[b-yvpce002rd] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.files-container[b-yvpce002rd] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-height: 85%;
  overflow-y: auto;
}

.file-card-container[b-yvpce002rd] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}

.file-card[b-yvpce002rd] {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: #424242;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
}

.file-card:hover[b-yvpce002rd] {
  cursor: pointer;
}

.file-header[b-yvpce002rd] {
  font-size: 13px;
  line-height: unset;
  margin: 0;
}

.file-detail[b-yvpce002rd] {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.2rem;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.file-date[b-yvpce002rd] {
  font-style: italic;
  font-size: 11px;
  height: 1rem;
  line-height: 1;
  margin: 0;
}

.child-container[b-yvpce002rd] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* File Drop Container */
.file-drop-zone[b-yvpce002rd] {
  display: flex;
  width: calc(100% - 5px);
  min-height: 5rem;
  border: 3px dotted #888888;
  align-items: center;
  margin-top: auto;
  margin-bottom: 2px;
  box-sizing: border-box;
  align-self: flex-end;
  justify-content: center;
}

.hover[b-yvpce002rd] {
  border-style: none;
  background-color: #888888;
  color: #202020;
  font-size: 18px;
  opacity: 0.5;
  z-index: 100000;
}

.image-container[b-yvpce002rd] {
  display: flex;
  justify-content: center;
}

.image-container img[b-yvpce002rd] {
  width: 50%;
}

[b-yvpce002rd] input[type='file'] {
  width: 100%;
  padding: 20px;
}

.error-message-container[b-yvpce002rd] {
  color: red;
  text-align: center;
}

.remove-file[b-yvpce002rd] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 40px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 15px;
  text-align: center;
  z-index: 1000;
  font-size: 30px;
  font-weight: 200;
  background-color: transparent;
  color: rgb(154, 154, 154);
  border: none;
  cursor: pointer;
}

.brokenlink[b-yvpce002rd] {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1000;
  font-size: 30px;
  font-weight: 200;
  border: none;
  filter: invert(70%);
}

.deadlink[b-yvpce002rd] {
  cursor: not-allowed;
  opacity: 0.5;
}

.image-btn[b-yvpce002rd] {
  position: relative;
  padding: 6px 8px 1px 8px;
}

.btn-image[b-yvpce002rd] {
  margin: 0;
  bottom: 0;
}

.count-label[b-yvpce002rd] {
  position: absolute;
  border-radius: 8px;
  top: -6px;
  right: -6px;
  height: 16px;
  width: 16px;
  font-size: 10px;
  background-color: var(--danger);
}

.camera-card[b-yvpce002rd] {
  position: fixed;
  top: 50dvh;
  left: 50dvw;
  transform: translate(-50%, -50%);
  width: 90dvw;
  height: 90dvh;
  max-width: 90dvw;
  max-height: 90dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.video-wrapper[b-yvpce002rd] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 2rem;
}

.btn-camera[b-yvpce002rd] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 4rem;          
  height: 4rem;
  justify-self: center;
  margin: auto;
}

.group-0[b-yvpce002rd] {
  background-color: var(--primary);
  border: none;
  padding: 0.5rem 1rem;
}

.group-1[b-yvpce002rd] {
  border: solid 2px var(--primary);
  padding: 0.5rem 1rem;
}

.group-2[b-yvpce002rd] {
  background-color: var(--secondary);
  color: var(--background-2);
  border: none;
  padding: 0.5rem 1rem;
}

.group-2 img[b-yvpce002rd] {
  filter: brightness(0) saturate(100%) invert(20%);
}

.group-3[b-yvpce002rd] {
  border: solid 2px var(--secondary);
  padding: 0.5rem 1rem;
}

.group-4[b-yvpce002rd] {
  background-color: var(--background-3);
  color: var(--background-2);
  border: none;
  padding: 0.5rem 1rem;
}

.group-5[b-yvpce002rd] {
  border: solid 2px var(--background-3);
  padding: 0.5rem 1rem;
}

.input-multi[b-yvpce002rd] {
  margin-left: 0;
}

.disabled-answer[b-yvpce002rd] {
  color: #8a8d93;
}

.header-selection[b-yvpce002rd] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.capture-card[b-yvpce002rd] {
  background-color: var(--background);
  padding: 0.75rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  min-width: 300px;
  width: calc(25% - 2rem);
}

.capture-detail[b-yvpce002rd] {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-width: 6rem;
}
/* Client/Components/Capture/DataCaptureOptionsModal.razor.rz.scp.css */
.image-btn[b-r2o7jt857w] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.center-align-image[b-r2o7jt857w] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.resize-input[b-r2o7jt857w] {
  width: calc(100% - 1rem);
}
/* Client/Components/Capture/DataCaptureQuestionModal.razor.rz.scp.css */
.image-btn[b-l05nmdcht8] {
  padding: 0.65rem;
  margin: auto;
  height: 44px;
}

.select-grid[b-l05nmdcht8] {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-direction: row;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}

.select-grid div[b-l05nmdcht8] {
  cursor: pointer;
}

.select-button[b-l05nmdcht8] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-3);
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
}

.selected-category[b-l05nmdcht8] {
  border: solid 2px var(--primary);
}

.select-button span[b-l05nmdcht8]{
  padding: 0 0.5rem;
}

.file-category-grid[b-l05nmdcht8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.file-category-grid .select-button[b-l05nmdcht8] {
  line-height: 1;
  padding: 6px;
}

.file-grid[b-l05nmdcht8] {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.file-card[b-l05nmdcht8] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.disabled[b-l05nmdcht8] {
  filter: grayscale(100%);
}

.field-button[b-l05nmdcht8] {
  border: solid 0px;
  line-height: 26px;
  box-sizing: border-box;
  height: 34px;
  width: 200px;
}

.field-selected[b-l05nmdcht8] {
  border: solid 2px var(--primary);
}
/* Client/Components/Cards/CardButton.razor.rz.scp.css */
.card-button[b-0lf9eyfirp] {
  height: 8rem;
  width: 8rem;
  padding: 1rem;
  background-color: #303030;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
  cursor: pointer;
}

.card-button:hover[b-0lf9eyfirp] {
  background-color: #363636;
}

.card-button:active[b-0lf9eyfirp] {
  background-color: #202020;
  transform: translateY(2px);
}

.image-container[b-0lf9eyfirp] {
  align-items: center;
}

.image[b-0lf9eyfirp] {
  text-align: center;
  display: block;
  margin: 0 auto;
}

h4[b-0lf9eyfirp] {
  font-size: 1rem;
  text-align: center;
  width: 100%;
  margin: 1rem 0;
}
/* Client/Components/Cards/NotesCard.razor.rz.scp.css */
.switches[b-wdigkbjijp] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-wdigkbjijp] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}

h4[b-wdigkbjijp] {
  border-bottom: 2px solid #424242;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
}
/* Client/Components/Cards/ProcessInstructionsModal.razor.rz.scp.css */
h4[b-1rwnmib9p3] {
  border-bottom: 2px solid #424242;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
}

.instruction-label[b-1rwnmib9p3] {
  max-height: 250px;
}

.sidebar-form-content > label[b-1rwnmib9p3] {
  grid-template-columns: 1fr 3fr !important;
}

.switches[b-1rwnmib9p3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-1rwnmib9p3] {
  display: grid;
  grid-template-columns: 4fr 1fr !important;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Cards/ProcessInstructionsTable.razor.rz.scp.css */
.drag-handle[b-mahdv4qf7y] {
  padding: 0;
}

.handle-container[b-mahdv4qf7y] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
/* Client/Components/Cards/Serials.razor.rz.scp.css */
.card-body[b-txtnb0z9h3] {
  overflow: hidden;
}

.serial-table[b-txtnb0z9h3] {
  display: block;
  max-height: 15rem;
  overflow-y: auto;
}

.image-btn[b-txtnb0z9h3] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.btn-image[b-txtnb0z9h3] {
  margin: 0;
  bottom: 0;
}
/* Client/Components/Company/CompanyDashboard.razor.rz.scp.css */
.hidden[b-gmdsassl9o] {
  max-height: 0;
}
/* Client/Components/Company/CompanyReportModal.razor.rz.scp.css */
.modal-background[b-fc8862m0jm] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.company-report-modal[b-fc8862m0jm] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-fc8862m0jm] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-fc8862m0jm] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-fc8862m0jm],
.summary-info label > select[b-fc8862m0jm],
.summary-info label > div[b-fc8862m0jm] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-fc8862m0jm] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-fc8862m0jm] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-fc8862m0jm] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.switches[b-fc8862m0jm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-fc8862m0jm] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Company/ContactModal.razor.rz.scp.css */
.switches[b-51el9zazti] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-51el9zazti] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}

h4[b-51el9zazti] {
  border-bottom: 2px solid #424242;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
}
/* Client/Components/Delivery/DeliveryItemModal.razor.rz.scp.css */
.show-reject[b-i2u9vrq3ry] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  box-sizing: border-box;
}

.btn-image[b-i2u9vrq3ry] {
  margin-left: 0;
}

.btn-image:hover[b-i2u9vrq3ry] {
  filter: invert(0.5);
}

.sidebar-form-content a[b-i2u9vrq3ry] {
  transform: unset;
}
/* Client/Components/Delivery/DeliverySupplierItemModal.razor.rz.scp.css */
.show-reject[b-zv9gqkmu6w] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}

.btn-image[b-zv9gqkmu6w] {
  margin-left: 0;
}

.btn-image:hover[b-zv9gqkmu6w] {
  filter: invert(0.5);
}
/* Client/Components/Files/FileButton.razor.rz.scp.css */
.files-container[b-jxcvrdw1w5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-height: 85%;
  overflow-y: auto;
}

.file-card[b-jxcvrdw1w5] {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: #424242;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
}

.file-card:hover[b-jxcvrdw1w5] {
  cursor: pointer;
}

.file-header[b-jxcvrdw1w5] {
  font-size: 13px;
  line-height: unset;
  margin: 0;
}

.file-detail[b-jxcvrdw1w5] {
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.2rem;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.file-date[b-jxcvrdw1w5] {
  font-style: italic;
  font-size: 11px;
  margin: auto 0 0 0;
}

.child-container[b-jxcvrdw1w5] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* File Drop Container */
.file-drop-zone[b-jxcvrdw1w5] {
  display: flex;
  width: calc(100% - 5px);
  min-height: 5rem;
  border: 3px dotted #888888;
  align-items: center;
  margin-top: auto;
  margin-bottom: 2px;
  box-sizing: border-box;
  align-self: flex-end;
  justify-content: center;
}

.hover[b-jxcvrdw1w5] {
  border-style: none;
  background-color: #888888;
  color: #202020;
  font-size: 18px;
  opacity: 0.5;
  z-index: 100000;
}

.image-container[b-jxcvrdw1w5] {
  display: flex;
  justify-content: center;
}

.image-container img[b-jxcvrdw1w5] {
  width: 50%;
}

[b-jxcvrdw1w5] input[type='file'] {
  width: 100%;
  padding: 20px;
}

.error-message-container[b-jxcvrdw1w5] {
  color: red;
  text-align: center;
}

.remove-file[b-jxcvrdw1w5] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 40px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 15px;
  text-align: center;
  z-index: 1000;
  font-size: 30px;
  font-weight: 200;
  background-color: transparent;
  color: rgb(154, 154, 154);
  border: none;
  cursor: pointer;
}

.brokenlink[b-jxcvrdw1w5] {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1000;
  font-size: 30px;
  font-weight: 200;
  border: none;
  filter: invert(70%);
}

.deadlink[b-jxcvrdw1w5] {
  cursor: not-allowed;
  opacity: 0.5;
}

.image-btn[b-jxcvrdw1w5] {
  position: relative;
  padding: 6px 8px 1px 8px;
}

.btn-image[b-jxcvrdw1w5] {
  margin: 0;
  bottom: 0;
}

.count-label[b-jxcvrdw1w5] {
  position: absolute;
  border-radius: 8px;
  top: -6px;
  right: -6px;
  height: 16px;
  width: 16px;
  font-size: 10px;
  background-color: var(--danger);
}
/* Client/Components/Files/FileViewer.razor.rz.scp.css */
.modal-background[b-nu7dckvdz4] {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #ffffff33;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.modal-header[b-nu7dckvdz4] {
  padding: 1rem 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  height: 36px;
  border-bottom: 2px solid #424242;
}

.modal-header h3[b-nu7dckvdz4] {
  margin: 0;
}

.modal-header[b-nu7dckvdz4]:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid black;
}

.modal[b-nu7dckvdz4] {
  display: block;
  position: fixed;
  z-index: 1050;
  left: 50vw;
  top: 50vh;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  min-width: 50vw;
  min-height: 50vh;
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  outline: 0;
  background-color: var(--background);
  transition: width 2s ease-in-out, height 2s ease-in-out;
}

.modal-dialog[b-nu7dckvdz4] {
  position: relative;
  width: auto;
  pointer-events: none;
  height: 100%;
}

.modal-content[b-nu7dckvdz4] {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  outline: 0;
}

.modal-body[b-nu7dckvdz4] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(50vh - 36px);
  padding: 0 1rem 1rem 1rem;
}

.modal iframe[b-nu7dckvdz4] {
  height: calc(90vh - 68px);
  min-width: 90vw;
}

.modal img[b-nu7dckvdz4] {
  max-height: calc(90vh - 68px);
  max-width: calc(90vw - 2rem);
}

.modal-body-image video[b-nu7dckvdz4] {
  max-height: calc(90vh - 68px);
  max-width: calc(90vw - 2rem);
  object-fit: contain;
}

.download-message[b-nu7dckvdz4] {
  margin-top: -2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* Client/Components/Finance/NominalList.razor.rz.scp.css */
.switches[b-tax7z6mocf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-tax7z6mocf] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}

h4[b-tax7z6mocf] {
  border-bottom: 2px solid #424242;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
}
/* Client/Components/HR/PermissionCard.razor.rz.scp.css */
.group-row[b-pyvq8a817s] {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #424242;
  height: 24px;
  margin-top: 8px;
}

.group-content[b-pyvq8a817s] {
  /* border-top: 1px solid #888888;
  border-bottom: 1px solid #888888; */
  color: white;
  font-size: 13px;
  max-height: 24px;
}

.group-header[b-pyvq8a817s] {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  border-bottom: 1px solid #888888;
}

.group-header th[b-pyvq8a817s] {
  padding: 4px;
}

.permission[b-pyvq8a817s] {
  text-align: center;
  vertical-align: middle;
  width: 8%;
}

.parent[b-pyvq8a817s] {
  font-weight: bold;
  border-top: solid 1px #424242; 
  border-bottom: solid 1px #424242; 
}

.permission[b-pyvq8a817s] {
  padding-left: 1rem;
}

.new[b-pyvq8a817s] {
  color: var(--success);
}

.remove[b-pyvq8a817s] {
  color: var(--danger);
}

.full-page[b-pyvq8a817s] {
  height: calc(100vh - 15rem);
}
/* Client/Components/Integration/AccountsExport.razor.rz.scp.css */

.summary-info[b-w5mdssaswh] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info > label[b-w5mdssaswh] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info > label > input[b-w5mdssaswh],
.summary-info > label > select[b-w5mdssaswh],
.summary-info > label > div[b-w5mdssaswh] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info > label > button[b-w5mdssaswh] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-w5mdssaswh] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-w5mdssaswh] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
/* Client/Components/Invoice/AutoInvoiceModal.razor.rz.scp.css */
.modal-background[b-mr2vcv99de] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.auto-invoice-modal[b-mr2vcv99de] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-mr2vcv99de] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-mr2vcv99de] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-mr2vcv99de],
.summary-info label > select[b-mr2vcv99de],
.summary-info label > div[b-mr2vcv99de] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-mr2vcv99de] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-mr2vcv99de] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-mr2vcv99de] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Invoice/ExportInvoiceModal.razor.rz.scp.css */
.modal-background[b-ps5weycaxc] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.auto-invoice-modal[b-ps5weycaxc] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-ps5weycaxc] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-ps5weycaxc] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-ps5weycaxc],
.summary-info label > select[b-ps5weycaxc],
.summary-info label > div[b-ps5weycaxc] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-ps5weycaxc] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-ps5weycaxc] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-ps5weycaxc] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Invoice/InvoiceModal.razor.rz.scp.css */
.surcharge-value-column[b-8g3nvh0ri5] {
}

th[b-8g3nvh0ri5] {
  padding: 0;
}

td[b-8g3nvh0ri5] {
  padding: 4px 5px;
}

.vertical-align[b-8g3nvh0ri5] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.h3-label[b-8g3nvh0ri5] {
  font-size: 12px;
  vertical-align: middle;
  margin-left: 1rem;
  line-height: 2rem;
  text-align: left;
}

.override[b-8g3nvh0ri5] {
  color: var(--danger);
  text-decoration: line-through;
}
/* Client/Components/Invoice/NominalSplitModal.razor.rz.scp.css */
.modal-background[b-o3zljkgt09] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.nominal-split-modal[b-o3zljkgt09] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-o3zljkgt09] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-o3zljkgt09] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-o3zljkgt09],
.summary-info label > select[b-o3zljkgt09],
.summary-info label > div[b-o3zljkgt09] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-o3zljkgt09] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-o3zljkgt09] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-o3zljkgt09] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Licensing/LicenseModal.razor.rz.scp.css */
.image-header[b-4vfnh2coiy] {
  display: flex;
  justify-content: center;
  width: 100%;
}

label span[b-4vfnh2coiy] {
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  margin-left: 1.5rem;
}
/* Client/Components/Links/RelatedButton.razor.rz.scp.css */
.section-header[b-pioklzjep5] {
  text-align: center;
}

.button-container[b-pioklzjep5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.button-layout[b-pioklzjep5] {
  margin: 4px;
}

.image-btn[b-pioklzjep5] {
  padding: 6px 8px 1px 8px;
}

.btn-image[b-pioklzjep5] {
  margin: 0;
  bottom: 0;
}
/* Client/Components/LogComponent/ActivityLogButton.razor.rz.scp.css */
.log-card[b-qx6nfdv90w] {
  border-radius: 8px;
  background-color: #424242;
  padding: 1rem;
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.log-header[b-qx6nfdv90w] {
  font-size: 13px;
  line-height: unset;
  margin: 0;
}

.log-detail[b-qx6nfdv90w] {
  margin-top: 4px;
  font-size: 13px;
  line-height: unset;
  min-height: 2rem;
}

.log-user[b-qx6nfdv90w] {
  font-weight: bold;
  text-align: left;
  font-size: 11px;
  margin: 0;
  width: 100%;
}

.log-date[b-qx6nfdv90w] {
  font-style: italic;
  text-align: right;
  font-size: 11px;
  margin: 0;
  width: 100%;
  display: inline-block;
}

.margin-0[b-qx6nfdv90w] {
  border-top: 1px solid #303030;
  padding-top: 8px;
  margin: 0;
  margin-top: 8px;
}

.image-btn[b-qx6nfdv90w] {
  padding: 6px 8px 1px 8px;
}

.btn-image[b-qx6nfdv90w] {
  margin: 0;
  bottom: 0;
}
/* Client/Components/Notes/NotesButton.razor.rz.scp.css */
.child-container[b-mptfuq50rb] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.error-message-container[b-mptfuq50rb] {
  color: red;
  text-align: center;
}

.image-btn[b-mptfuq50rb] {
  position: relative;
  padding: 6px 8px 1px 8px;
}

.btn-image[b-mptfuq50rb] {
  margin: 0;
  bottom: 0;
}

.count-label[b-mptfuq50rb] {
  position: absolute;
  border-radius: 8px;
  top: -6px;
  right: -6px;
  height: 16px;
  width: 16px;
  font-size: 10px;
  background-color: var(--danger);
}

.notes-container[b-mptfuq50rb] {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 10px;
  width: 100%;
  overflow: hidden;
}

.previous-notes[b-mptfuq50rb] {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  padding-right: 1rem;
  gap: 10px;
  width: (100% - 1rem);
  overflow-y: auto;
}

.new-note-entry[b-mptfuq50rb] {
  position: relative;
  margin-right: 2rem;
  padding-right: 1rem;
  margin-top: 1rem;
}

.update-note-entry[b-mptfuq50rb] {
  position: relative;
}

.note-message-container[b-mptfuq50rb] {
  display: block;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  height: auto;
  min-height: 3rem;
  width: calc(100% - 5rem);
  margin-left: auto;
  border: solid 2px #ccc;
  overflow-wrap: break-word;
  flex-shrink: 0;
}

.message-content[b-mptfuq50rb] {
  display: block;
  margin-bottom: 10px;
}

.message-content.can-edit[b-mptfuq50rb] {
  position: relative;
  overflow: hidden;
}

.message-content .hover-icon[b-mptfuq50rb] {
  position: absolute;
  left: -20px;
  top: 2px;
  opacity: 0;
  width: 15px;
  height: 15px;
  transition: all 0.3s ease-in-out;
}

.message-content.can-edit:hover .hover-icon[b-mptfuq50rb] {
  left: 0;
  opacity: 1;
}

.text-body[b-mptfuq50rb] {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.message-content.can-edit:hover .text-body[b-mptfuq50rb] {
  transform: translateX(20px);
}

.message-footer[b-mptfuq50rb] {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  font-size: 11px;
  justify-content: center;
}

.message-footer div:first-child[b-mptfuq50rb] {
  margin-right: auto;
}

.footer-right[b-mptfuq50rb] {
  display: flex;
  gap: 10px;
}

.message-icon[b-mptfuq50rb] {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.switch-container[b-mptfuq50rb] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.submit-button[b-mptfuq50rb] {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  display: flex;
  width: 2.4rem;
  align-items: center;
  justify-content: center;
}

.send-icon[b-mptfuq50rb] {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 1rem;
}
/* Client/Components/Notifications/InfoModal.razor.rz.scp.css */
.modal-background[b-6qfqr6dj80] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.info-modal[b-6qfqr6dj80] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%; /* Adjust width as needed */
  max-width: 1100px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-6qfqr6dj80] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-6qfqr6dj80] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-6qfqr6dj80],
.summary-info label > select[b-6qfqr6dj80],
.summary-info label > div[b-6qfqr6dj80] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-6qfqr6dj80] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-6qfqr6dj80] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-6qfqr6dj80] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.align-center[b-6qfqr6dj80] {
  text-align: center;
}

.align-left[b-6qfqr6dj80] {
  text-align: left;
}

.padding-left[b-6qfqr6dj80] {
  padding-left: 20px;
}
/* Client/Components/Notifications/NotificationButton.razor.rz.scp.css */
.image-container[b-c5y49v4nif] {
  position: relative;
  display: inline-block;
  height: 2rem;
  width: 2rem;
}

.button[b-c5y49v4nif] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  margin: 0 0.25rem;
  margin-left: 0.5rem;
  padding: 0;
}

.button:hover[b-c5y49v4nif] {
  filter: invert(0.3);
}

.header-image[b-c5y49v4nif] {
  height: 2rem;
  width: 2rem;
}

.count-label[b-c5y49v4nif] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  top: -6px;
  right: -2px;
  height: 16px;
  width: 16px;
  font-size: 10px;
  background-color: var(--danger);
}

.modal-dialog[b-c5y49v4nif] {
  position: fixed;
  height: auto;
  max-height: 80vh;
  width: 450px;
  z-index: 200;
  top: 4rem;
  right: 1rem;
  background-color: #424242;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1rem 0;
}

.modal-content[b-c5y49v4nif] {
  max-height: 80vh;
  overflow-y: auto;
}

.modal-background[b-c5y49v4nif] {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #ffffff33;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.modal-content ul[b-c5y49v4nif] {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.modal-content li:hover[b-c5y49v4nif] {
  background-color: #323232;
}

.modal-content li[b-c5y49v4nif] {
  cursor: pointer;
  padding: 5px 1rem;
}

.notification-card[b-c5y49v4nif] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 2.3rem;
  width: 100%;
}

.notification-image[b-c5y49v4nif] {
  width: 20px;
}

.notification-image img[b-c5y49v4nif] {
  display: block;
}

.notification-message[b-c5y49v4nif] {
  display: flex;
  height: 100%;
  width: 284px;
  align-items: center;
  white-space: pre-wrap;
}

.notification-date[b-c5y49v4nif] {
  display: flex;
  height: 100%;
  width: 5.2rem;
  align-items: center;
  justify-content: right;
  font-size: 13px;
  color: #aaaaaa;
}

.notification-read[b-c5y49v4nif] {
  font-style: italic;
  color: #aaaaaa;
}

.remove-x-button[b-c5y49v4nif] {
  transition: color 0.2s ease;
}

.remove-x-button:hover[b-c5y49v4nif] {
  color: var(--danger);
}
/* Client/Components/Notifications/NotificationComponent.razor.rz.scp.css */
.notification-container[b-fkoz358wpd] {
  display: grid;
  grid-template-columns: 30px auto;
  gap: 0.75rem;
  position: fixed;
  right: 0;
  z-index: 1000;
  width: 20rem;
  background-color: #bbb;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 1rem 1rem;
  opacity: 0;
  color: #fff;
  font-size: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transform: translateY(100%); 
  animation: slideUp-b-fkoz358wpd 0.5s ease-out 0.5s forwards; 
}

.notification-container.removing[b-fkoz358wpd] {
  animation: slideAway-b-fkoz358wpd 0.5s ease-in forwards; 
}

@keyframes slideUp-b-fkoz358wpd {
  0% {
    transform: translateY(100%); 
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideAway-b-fkoz358wpd {
  0% {
    transform: translateY(0); 
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}

.saved-image[b-fkoz358wpd] {
  position: absolute;
  right: 50px;
  bottom: 100px;
  z-index: 1000;
  opacity: 0.5;
  box-shadow: 0 0 20px rgba(102, 204, 102, 0.8);
  border-radius: 50%;
  width: 60px;
  height: 60px;

  animation-name: fadeInOut-b-fkoz358wpd;
  animation-duration: 4s; 
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}

@keyframes fadeInOut-b-fkoz358wpd {
  0% { opacity: 0; }
  10% { opacity: 0.5; }
  90% { opacity: 0.5; }
  100% { opacity: 0; }
}

.interactive-notification-container[b-fkoz358wpd] {
  display: grid;
  grid-template-columns: 40px auto;
  gap: 0.75rem;
  position: fixed;
  right: 0;
  z-index: 1000;
  width: 25rem;
  background-color: #bbb;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 1rem 1rem;
  opacity: 0;
  color: #fff;
  font-size: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transform: translateY(100%); 
  animation: slideIn-b-fkoz358wpd 0.5s ease-out 0.5s forwards;
}

.interactive-notification-container.removing[b-fkoz358wpd] {
  animation: slideOut-b-fkoz358wpd 0.5s ease-in forwards; 
}

@keyframes slideIn-b-fkoz358wpd {
  0% {
    transform: translateY(100%); 
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideOut-b-fkoz358wpd {
  0% {
    transform: translateY(0); 
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

.close-icon[b-fkoz358wpd] {
  position: absolute;
  top: 10px;
  right: 10px;
}

.notification-image[b-fkoz358wpd] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-container[b-fkoz358wpd] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Make sure .hide moves it off-screen correctly */
.hide[b-fkoz358wpd] {
  display: none;
  right: -15rem;
}

.notification-header[b-fkoz358wpd] {
  height: 1.5rem;
  width: 90%;
  font-size: 16px;
  font-weight: bold;
}

.info[b-fkoz358wpd] {
  background-color: #3498db;
}

.success[b-fkoz358wpd] {
  background-color: #1d7a44;
}

.warning[b-fkoz358wpd] {
  background-color: #f39c12;
}

.error[b-fkoz358wpd] {
  background-color: #e74c3c;
}

.notification-buttons[b-fkoz358wpd] {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.progress-bar[b-fkoz358wpd] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: white;
    transition: width 0.04s linear; 
}
/* Client/Components/OperatorAlerts/OperatorAlertModal.razor.rz.scp.css */
.files-container[b-c1zjtakwdd] {
  width: 150px;
  gap: 10px;
  overflow-y: hidden;
  margin-left: 1rem;
  align-items: left;
  pointer-events: none;
}

.file-card[b-c1zjtakwdd] {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: #424242;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: normal;
  pointer-events: auto;
}

.file-card:hover[b-c1zjtakwdd] {
  cursor: pointer;
}

.file-card p[b-c1zjtakwdd] {
  line-height: 20px;
}

.file-header[b-c1zjtakwdd] {
  font-size: 13px;
  line-height: unset;
  margin: 0;
}

.file-detail[b-c1zjtakwdd] {
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.2rem;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.file-date[b-c1zjtakwdd] {
  font-style: italic;
  font-size: 11px;
  margin: auto 0 0 0;
}

.child-container[b-c1zjtakwdd] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* File Drop Container */
.file-drop-zone[b-c1zjtakwdd] {
  display: flex;
  width: calc(100% - 5px);
  min-height: 5rem;
  border: 3px dotted #888888;
  align-items: center;
  margin-top: auto;
  margin-bottom: 2px;
  box-sizing: border-box;
  align-self: flex-end;
  justify-content: center;
}

.hover[b-c1zjtakwdd] {
  border-style: none;
  background-color: #888888;
  color: #202020;
  font-size: 18px;
  opacity: 0.5;
  z-index: 100000;
}

.image-container[b-c1zjtakwdd] {
  display: flex;
  justify-content: center;
}

.image-container img[b-c1zjtakwdd] {
  width: 50%;
}

[b-c1zjtakwdd] input[type='file'] {
  width: 100%;
  padding: 20px;
}

.input-file:hover[b-c1zjtakwdd] {
  pointer-events: auto;
  cursor: pointer;
}

.error-message-container[b-c1zjtakwdd] {
  color: red;
  text-align: center;
}

.remove-file[b-c1zjtakwdd] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  width: 40px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 15px;
  text-align: center;
  z-index: 1000;
  font-size: 30px;
  font-weight: 200;
  background-color: transparent;
  color: rgb(154, 154, 154);
  border: none;
  cursor: pointer;
}

.brokenlink[b-c1zjtakwdd] {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1000;
  font-size: 30px;
  font-weight: 200;
  border: none;
  filter: invert(70%);
}

.deadlink[b-c1zjtakwdd] {
  cursor: not-allowed;
  opacity: 0.5;
}

.switches[b-c1zjtakwdd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-c1zjtakwdd] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-right: 20px;
  line-height: 36px;
}

.file-upload-container[b-c1zjtakwdd] {
  text-align: left;
}
/* Client/Components/Order/AddJobToOrderModal.razor.rz.scp.css */
.modal-background[b-5a47k599in] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.modal[b-5a47k599in] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-5a47k599in] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-5a47k599in] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-5a47k599in],
.summary-info label > div[b-5a47k599in] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info option[b-5a47k599in] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-5a47k599in] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Planning/AssetMaintenanceModal.razor.rz.scp.css */
.sidebar-form-content > label[b-we4shov3r4] {
  grid-template-columns: 1fr 3fr;
}
/* Client/Components/Planning/AssetPlanning.razor.rz.scp.css */
.layout-vertical[b-49posmogog] {
    transition: opacity 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute; 
    width: 100%;
}

.layout-vertical.is-visible[b-49posmogog] {
    opacity: 1;
    pointer-events: auto;
}

.operation-top-header[b-49posmogog] {
  margin-top: 0;
  margin-bottom: 2rem;
  width: calc(100% - 3rem);
  text-align: center;
}

.operation-header[b-49posmogog] {
  width: calc(100% - 3rem);
}

.take-action[b-49posmogog] {
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
}

.asset-summary-container[b-49posmogog] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 2rem 2rem 2rem;
}

.asset-card[b-49posmogog] {
  height: 130px;
  width: 170px;
  border-radius: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  background: var(--background-3);
}

.asset-header-container[b-49posmogog]:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; 
    background-color: var(--background-2); 
    margin: 8px auto 0 auto;
    transform: translateY(-9px);
}

.asset-header[b-49posmogog] {
  display: -webkit-box;
  white-space: nowrap;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.asset-card-grid[b-49posmogog] {
  display: grid;
  grid-template-columns: 105px 40px;
  gap: 5px;
}

.asset-card-grid > span:nth-child(2n+1)[b-49posmogog] {
  text-align: right;
  display: block; 
}

.asset-card h5[b-49posmogog] {
  margin: 0;
  padding-bottom: 0.5rem;
  font-size: 14px;
}

.late[b-49posmogog] {
  color: var(--danger);
}

.unplanned[b-49posmogog] {
  color: var(--warning);
}
/* Client/Components/Planning/AssetToolModal.razor.rz.scp.css */
.sidebar-form-content > label[b-33eg6chts5] {
  grid-template-columns: 1fr 3fr;
}

.sub-header[b-33eg6chts5] {
  display: flex;
  flex-direction: row;
  margin-left: 2rem;
}

.header-buttons button[b-33eg6chts5] {
  height: unset;
}

.calibration-container[b-33eg6chts5] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.calibration[b-33eg6chts5] {
  position: relative;
  border: solid 2px var(--background-3);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem;
  margin: 0 2rem;
}

.calibration:hover[b-33eg6chts5] {
  background-color: var(--background-3);
}

.calibration-sub[b-33eg6chts5] {
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 20px;
  font-size: 13px;
}

.calibration-header[b-33eg6chts5] {
  flex: 1;
}

.image-btn[b-33eg6chts5] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.completed[b-33eg6chts5] {
  background-color: var(--background-3);
}
/* Client/Components/Planning/OperationModal.razor.rz.scp.css */
.switches[b-mu4p9ed5kg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-right: 70px;
}

.switches > label[b-mu4p9ed5kg] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 15px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Planning/OperationPlanning.razor.rz.scp.css */
.layout-vertical[b-gi9op45htk] {
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute; 
    width: 100%;
}

.layout-vertical.is-visible[b-gi9op45htk] {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.operation-top-header[b-gi9op45htk] {
  margin-top: 0;
  margin-bottom: 2rem;
  width: calc(100% - 3rem);
  text-align: center;
}

.operation-header[b-gi9op45htk] {
  width: calc(100% - 3rem);
}

.take-action[b-gi9op45htk] {
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
}

.asset-summary-container[b-gi9op45htk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 2rem 2rem 2rem;
}

.asset-card[b-gi9op45htk] {
  height: 130px;
  width: 170px;
  border-radius: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  background: var(--background-3);
}

.asset-header-container[b-gi9op45htk]:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; 
    background-color: var(--background-2); 
    margin: 8px auto 0 auto;
    transform: translateY(-9px);
}

.asset-card-grid[b-gi9op45htk] {
  display: grid;
  grid-template-columns: 105px 40px;
  gap: 5px;
}

.asset-card-grid > span:nth-child(2n+1)[b-gi9op45htk] {
  text-align: right;
  display: block; 
}

.asset-card h5[b-gi9op45htk] {
  margin: 0;
  padding-bottom: 0.5rem;
  font-size: 14px;
}

.late[b-gi9op45htk] {
  color: var(--danger);
}

.unplanned[b-gi9op45htk] {
  color: var(--warning);
}
/* Client/Components/Planning/Schedule.razor.rz.scp.css */
.layout-vertical[b-qqn01oq1mz] {
  transition: opacity 0.4s ease, transform 0.4s ease;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.layout-vertical.is-visible[b-qqn01oq1mz] {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.card[b-qqn01oq1mz] {
  position: relative;
  overflow: hidden;
  height: calc(100dvh - 14.5rem);
}

.search-container[b-qqn01oq1mz] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.search-result[b-qqn01oq1mz] {
  border: 2px solid rgb(255, 255, 131);
}

.layout-vertical[b-qqn01oq1mz] {
  width: 100%;
}

.gantt-scroll-viewport[b-qqn01oq1mz] {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}

.sticky-col[b-qqn01oq1mz] {
  position: sticky;
  left: 0;
  z-index: 100;
}

.gantt-wrapper[b-qqn01oq1mz] {
  width: 3000px;
  display: flex;
  flex-direction: column;
}

.gantt-header[b-qqn01oq1mz] {
  display: flex;
  border-bottom: 2px solid #444;
  background: #252525;
}

.gantt-bar[b-qqn01oq1mz], .day-track[b-qqn01oq1mz], .time-tick[b-qqn01oq1mz] {
    will-change: transform;
    transform: translateZ(0); /* Forces GPU acceleration */
}

.asset-col-label[b-qqn01oq1mz] {
  width: 120px;
  min-width: 120px;
  box-sizing: border-box;
  padding: 10px;
  background: linear-gradient(
        to right, 
        #252525 0%, 
        #252525 70%, 
        rgba(37, 37, 37, 0) 92%
    );

}

.date-container-floating[b-qqn01oq1mz] {
    position: absolute;
    left: 120px; 
    right: 0;
    top: 0;
    width: 100%;
}

.day-track[b-qqn01oq1mz] {
    position: relative;
    width: 2880px; /* (24 * 60 * 2px) */
    height: 30px;
    display: inline-block;
    vertical-align: top;
}

.date-label-sticky[b-qqn01oq1mz] {
    position: sticky;
    left: 50%; 
    width: fit-content;
    padding-top: 4px;
    background: rgba(37, 37, 37, 0.9); 
    color: #fff;
    z-index: 20;
    font-size: 13px;
}

.timeline-grid[b-qqn01oq1mz] {
  flex: 1;
  display: flex;
  position: relative;
  justify-content: space-between;
}

.time-tick[b-qqn01oq1mz] {
  width: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  padding-left: 4px;
}

.time-label[b-qqn01oq1mz] {
  display: inline-flex;
  align-items: center;
  height: 100%;
  vertical-align: middle;
  transform: translateX(-60%) translateY(16px);
  font-size: 11px;
  z-index: 100;
}

.asset-lane-grid[b-qqn01oq1mz] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.asset-name[b-qqn01oq1mz] {
  width: 120px;
  min-width: 120px;
  box-sizing: border-box;
  background: #252525;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-size: 0.9rem;
  height: 100%;
}

.asset-lane[b-qqn01oq1mz] {
  position: relative;
  flex: 1;
  height: 100%;
  border-left: 1px solid #444;
}

.grid-lines[b-qqn01oq1mz] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.grid-lines .line[b-qqn01oq1mz] {
  width: 1px;
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
}

.gantt-bar[b-qqn01oq1mz] {
  position: absolute;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-size: 11px;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  white-space: pre-line;
  box-sizing: border-box;
}

.gantt-row[b-qqn01oq1mz] {
  border-bottom: 1px solid #444;
  position: relative;
  display: flex;
  align-items: start;
}

.bar-blue[b-qqn01oq1mz] {
  background-color: var(--primary);
}

.bar-green[b-qqn01oq1mz] {
  background-color: var(--success);
}

.bar-in-progress[b-qqn01oq1mz] {
  background-image: repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.20), 
    rgba(255, 255, 255, 0.20) 8px, 
    transparent 8px, 
    transparent 16px 
  );
  
  background-size: 100% 100%; 
}

.bar-late[b-qqn01oq1mz] {
  background-color: var(--danger);
}

.bar-planned-late[b-qqn01oq1mz] {
  background-color: var(--warning);
  color: var (--background-2);
  font-weight: 500;
}

.bar-wrong-order[b-qqn01oq1mz] {
  background-color: transparent;
  border: solid 2px #aaa;
  color: #aaa;
}
/* Client/Components/Planning/ScheduleOperationModal.razor.rz.scp.css */
.switches[b-anxf4onhbm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-right: 70px;
}

.switches > label[b-anxf4onhbm] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 15px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Planning/ToolList.razor.rz.scp.css */
.description[b-aojxams1rq] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* Client/Components/Print/FilterPrintModal.razor.rz.scp.css */
.filter-modal[b-yj4kmz8e8y] {
  width: 90%;
  margin-left: 5%;
}

.date-filter-grid[b-yj4kmz8e8y] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.filter-options[b-yj4kmz8e8y] {
  display: grid;
  width: 400px;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  overflow: hidden;
}

.search[b-yj4kmz8e8y] {
  display: flex; /* Use flexbox */
  justify-content: flex-end;
  padding: 2px;
  border: 1px solid #555;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  max-height: 2rem;
  overflow: hidden;
}

.search input[type='search'][b-yj4kmz8e8y] {
  border: none;
  background: transparent;
  margin: 0;
  color: white;
  padding: 7px 8px;
  font-size: 13px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  flex-grow: 1;
  min-width: 0;
}

.search input[type='search'][b-yj4kmz8e8y]::placeholder {
  color: #bbb;
  max-width: 8rem;
}

.search button[type='button'][b-yj4kmz8e8y] {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
  background-position: center;
  cursor: pointer;
  opacity: 0.7;
  min-width: 25px;
}

.search .filter-button[type='button'][b-yj4kmz8e8y] {
  background: transparent
    url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' width='16' height='16' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d='M30.646 1.62c-0.133-0.223-0.372-0.37-0.646-0.37h-28c-0.414 0-0.75 0.336-0.75 0.75 0 0.134 0.035 0.259 0.096 0.368l-0.002-0.004 9.905 17.831v5.805c0 0.292 0.167 0.545 0.411 0.668l0.004 0.002 7.999 4c0.096 0.050 0.211 0.080 0.332 0.080 0.002 0 0.003 0 0.005 0h-0c0.001 0 0.001 0 0.002 0 0.413 0 0.748-0.335 0.748-0.748 0-0.001 0-0.001 0-0.002v0-9.805l9.906-17.831c0.059-0.105 0.094-0.23 0.094-0.364 0-0.14-0.039-0.272-0.106-0.384l0.002 0.003zM19.344 19.637c-0.059 0.105-0.093 0.23-0.094 0.363v8.787l-6.5-3.25v-5.537c0-0 0-0 0-0.001 0-0.133-0.035-0.258-0.097-0.366l0.002 0.004-9.381-16.887h25.45z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
}

.search button[type='submit']:hover[b-yj4kmz8e8y] {
  opacity: 1;
}

.filter-dropdown[b-yj4kmz8e8y] {
  margin-left: -1rem;
  margin-right: 1rem;
}

label[b-yj4kmz8e8y] {
  align-items: center;
}

.input-multi[b-yj4kmz8e8y] {
  margin-left: 0;
}
/* Client/Components/Production/JobBOMList.razor.rz.scp.css */
.table-responsive[b-90qa9ir85i]{
  max-height: 85%;
}

thead td[b-90qa9ir85i] {
  font-weight: bold;
}

.image-btn[b-90qa9ir85i] {
  padding: 6px 8px 1px 8px;
  border-color: white;
}

.image-btn img[b-90qa9ir85i] {
  margin: 0 !important;
}

.show-dropdown[b-90qa9ir85i] {
  overflow: visible;
}
/* Client/Components/Production/JobRoute.razor.rz.scp.css */
.table-responsive[b-dl9qi0obm2]{
  max-height: 85%;
}

thead td[b-dl9qi0obm2] {
  font-weight: bold;
}

.table-buttons[b-dl9qi0obm2] {
  max-width: 9.5rem;
  text-align: center;
}

.table-buttons button[b-dl9qi0obm2] {
  padding-left: 12px;
  padding-right: 12px;
}

.disabled-operation[b-dl9qi0obm2] {
  font-style: italic;
}

.button-column button:nth-of-type(n+2)[b-dl9qi0obm2] {
  margin-top: 6px;
}

.image-btn[b-dl9qi0obm2] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}

.image-btn img[b-dl9qi0obm2] {
  margin: 0 !important;
}

.subcontract-image[b-dl9qi0obm2] {
  margin-left: 0.5rem
}
/* Client/Components/Production/JobTestModal.razor.rz.scp.css */
.or-splitter[b-ogkvy53xhe] {
  width: 100%;
  text-align: center;
  position: relative;
}

.or-splitter[b-ogkvy53xhe]::before,
.or-splitter[b-ogkvy53xhe]::after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 50%; 
  transform: translateY(-50%); 
}

.or-splitter[b-ogkvy53xhe]::before {
  left: 17%; 
}

.or-splitter[b-ogkvy53xhe]::after {
  right: 17%; 
}

.switches[b-ogkvy53xhe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-ogkvy53xhe] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Production/JobTestResultModal.razor.rz.scp.css */
.switches[b-a0yqhghnck] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-a0yqhghnck] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}

label span[b-a0yqhghnck] {
  font-weight: normal;
  width: 100%;
  margin-left: 1rem;
  text-align: left;
}

table[b-a0yqhghnck] {
  color: #8a8d93;
}

th[b-a0yqhghnck] {
  text-align: center;
  font-size: 16px;
}

td[b-a0yqhghnck] {
  font-size: 13px;
}

.test-results[b-a0yqhghnck] {
  display: flex;
  gap: 10px;
}

.pass-result[b-a0yqhghnck],
.warning-result[b-a0yqhghnck],
.fail-result[b-a0yqhghnck] {
  padding: 10px 5px;
  border-radius: 8px;
  color: white;
  text-align: center;
  width: 4rem;
  border: 1px solid;
}

.pass-result[b-a0yqhghnck] {
  background-color: var(--success-background);
  color: var(--success);
}

.warning-result[b-a0yqhghnck] {
  background-color: var(--warning-background); 
  color: var(--warning);
}

.fail-result[b-a0yqhghnck] {
  background-color: var(--danger-background); 
  color: var(--danger);
}

.result-text[b-a0yqhghnck] {
  font-size: 11px; 
}

.result-number[b-a0yqhghnck] {
  font-size: 18px; 
}

.status-bar[b-a0yqhghnck] {
  padding: 10px 15px;
  border-radius: 8px;
  text-align: center;
  width: calc(100% - 2rem);
  border: 1px solid;
  margin: 1rem 0;
  font-size: 20px;
  /* font-weight: bold; */
  text-transform: uppercase;
}

.status-pass[b-a0yqhghnck],
.status-warning[b-a0yqhghnck],
.status-fail[b-a0yqhghnck] {
  transition: background-color 0.5s ease, color 0.5s ease;
}

.status-pass[b-a0yqhghnck] {
  background-color: var(--success-background);
  color: var(--success) !important;
}

.status-warning[b-a0yqhghnck] {
  background-color: var(--warning-background);
  color: var(--warning) !important;
}

.status-fail[b-a0yqhghnck] {
  background-color: var(--danger-background);
  color: var(--danger) !important;
}

.show-reject[b-a0yqhghnck] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}

.btn-image:hover[b-a0yqhghnck] {
  filter: invert(0.5);
}

.result-header[b-a0yqhghnck] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result-title[b-a0yqhghnck] {
  flex: 1;
  text-align: center;
}

.result-button[b-a0yqhghnck] {
  padding: 0;
  line-height: unset;
  height: 24px;
}

.btn-image[b-a0yqhghnck] {
  margin: 0;
}
/* Client/Components/Production/JobTree.razor.rz.scp.css */
.job-item[b-xfd1uqqc7y] {
  list-style-type: none;
}

.top-level-list[b-xfd1uqqc7y] {
  padding-inline-start: 0;
}

.card[b-xfd1uqqc7y] {
  padding: 1rem;
  overflow: auto;
  max-height: 23rem;
}
/* Client/Components/Production/OperationProgressModal.razor.rz.scp.css */
.clockings-card[b-9p9qr97jl5] {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  max-height: 100%;
  word-wrap: break-word;
  background-color: #303030;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  flex-grow: 1;
}

.sidebar-form-content .input-container[b-9p9qr97jl5] {
  margin-left: 0 !important;
}

.show-reject[b-9p9qr97jl5] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}

.btn-image[b-9p9qr97jl5] {
  margin-left: 0 !important;
}

.btn-image:hover[b-9p9qr97jl5] {
  filter: invert(0.5);
}

.sub-header[b-9p9qr97jl5] {
  display: flex;
  margin-left: 4rem;
  margin-right: 2rem;
}

.image-btn[b-9p9qr97jl5] {
  padding: 0.65rem;
  margin: auto;
  height: 44px;
}
/* Client/Components/Production/PartRouteModal.razor.rz.scp.css */
.or-splitter[b-xdjblphbmh] {
  width: 100%;
  text-align: center;
  position: relative;
}

.or-splitter[b-xdjblphbmh]::before,
.or-splitter[b-xdjblphbmh]::after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 50%; 
  transform: translateY(-50%); 
}

.or-splitter[b-xdjblphbmh]::before {
  left: 17%; 
}

.or-splitter[b-xdjblphbmh]::after {
  right: 17%; 
}
/* Client/Components/Production/PricingUnitList.razor.rz.scp.css */
.conversion-table[b-edg6b6dxnu] {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 2rem;
}

.conversion-table input[b-edg6b6dxnu] {
  margin-left: 0;
}

.vertical-align[b-edg6b6dxnu] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Client/Components/Production/RouteBOMList.razor.rz.scp.css */
.table-responsive[b-vbt3u7hvgs]{
  max-height: 85%;
}

thead td[b-vbt3u7hvgs] {
  font-weight: bold;
}

.image-btn[b-vbt3u7hvgs] {
  padding: 6px 8px 1px 8px;
  border-color: white;
}

.image-btn img[b-vbt3u7hvgs] {
  margin: 0 !important;
}

.show-dropdown[b-vbt3u7hvgs] {
  overflow: visible;
}
/* Client/Components/Production/RouteOperationList.razor.rz.scp.css */
.table-responsive[b-q28coqsb1k]{
  max-height: 85%;
}

thead td[b-q28coqsb1k] {
  font-weight: bold;
}

.image-btn[b-q28coqsb1k] {
  padding: 6px 8px 1px 8px;
  border-color: white;
}

.image-btn img[b-q28coqsb1k] {
  margin: 0 !important;
}
/* Client/Components/Purchase/PurchaseModal.razor.rz.scp.css */
.surcharge-value-column[b-go07c1eemu] {
  width: 3rem;
}

.vertical-align[b-go07c1eemu] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Client/Components/Purchase/PurchaseRequestModal.razor.rz.scp.css */
.modal-background[b-88vyik9aqa] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-88vyik9aqa] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-88vyik9aqa] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-88vyik9aqa] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-88vyik9aqa],
.summary-info label > select[b-88vyik9aqa],
.summary-info label > div[b-88vyik9aqa] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-88vyik9aqa] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-88vyik9aqa] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-88vyik9aqa] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Quality/CorrectiveActionsCard.razor.rz.scp.css */
.summary-info[b-zgexd8clu7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info-half[b-zgexd8clu7] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-zgexd8clu7] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-zgexd8clu7],
.summary-info label > select[b-zgexd8clu7],
.summary-info label > div[b-zgexd8clu7] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-zgexd8clu7] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-zgexd8clu7] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-zgexd8clu7] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-zgexd8clu7] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-zgexd8clu7] {
  row-gap: 0;
}

.span-style[b-zgexd8clu7] {
  display: block;
  margin-left: 5px;
  line-height: 32px;
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
  width: 200%;
  max-width: 200%;
  max-height: 32px;
  overflow: hidden;
}

.raci-grid[b-zgexd8clu7] {
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  height: 100%; 
}

.raci-grid span[b-zgexd8clu7] {
  flex: 1; 
  line-height: 40px;
  text-align: center; 
  cursor: help;
}

tr[b-zgexd8clu7] {
  cursor: default;
}

.button-cell[b-zgexd8clu7] {
  width: 6rem;
}

.max-width-raci[b-zgexd8clu7] {
  width: 14rem;
}

.max-width-date[b-zgexd8clu7] {
  width: 7rem;
}

.max-width-type[b-zgexd8clu7] {
  width: 7rem;
}

.header-card[b-zgexd8clu7] {
  padding-bottom: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.selectable[b-zgexd8clu7] {
  cursor: pointer;
}

.header-bar[b-zgexd8clu7] {
  margin-bottom: 0;
  border: none;
}

.edit-form[b-zgexd8clu7] {
  max-height: calc(100% - 0.5rem - 70px);  
  box-sizing: border-box;  
  overflow-y: auto;
}
/* Client/Components/Quality/InternalSpecApprovalModal.razor.rz.scp.css */
.modal-background[b-hmatubqfjq] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 200;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-hmatubqfjq] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  max-width: 1000px; 
  height: 80%;
  max-height: 800px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000; 
}

.first-issue[b-hmatubqfjq] {
  width: 400px; 
  height: 100px;
}

.summary-info[b-hmatubqfjq] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
  padding: 0 3rem 0 3rem;
  overflow-y: auto;
  max-height: calc(100% - 8rem);
}

.summary-info label[b-hmatubqfjq] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-hmatubqfjq],
.summary-info label > select[b-hmatubqfjq],
.summary-info label > div[b-hmatubqfjq] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-hmatubqfjq] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-hmatubqfjq] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-hmatubqfjq] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.card-body[b-hmatubqfjq] {
  position: relative;
  max-height: 100%;
}

h3[b-hmatubqfjq] {
  width: 100%;
}

h4[b-hmatubqfjq] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--background);
  padding-bottom: 1rem;
}

tr[b-hmatubqfjq] {
  height: unset;
}

td[b-hmatubqfjq] {
  padding: 0 0.75rem;
}
/* Client/Components/Quality/InternalSpecModal.razor.rz.scp.css */
.handle-container[b-h4or75vh2x] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-container[b-h4or75vh2x] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}

.sidebar-form-content[b-h4or75vh2x] {
  margin: 0 !important;
}

.image-btn[b-h4or75vh2x] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.issue-pair[b-h4or75vh2x] {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.issue-pair > input[b-h4or75vh2x] {
  margin-left: 2px;
}

.issue-pair > :first-child[b-h4or75vh2x] {
  flex: 100%;
  margin-left: 0;
}

.issue-pair > :nth-child(2)[b-h4or75vh2x] {
  min-width: 6rem;
  margin-left: 0;
}

.instruction-layout[b-h4or75vh2x] {
  margin-bottom: 6px;
  display: grid;
  grid-template-areas:
    "a b b b b b b b b b b b b c c"
    "e e e e e e e e e e e e e e e";
}

.instruction-layout > div[b-h4or75vh2x] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.a[b-h4or75vh2x] {grid-area: a;}
.b[b-h4or75vh2x] {grid-area: b;}
.c[b-h4or75vh2x] {grid-area: c;}
.d[b-h4or75vh2x] {grid-area: d;}
.e[b-h4or75vh2x] {grid-area: e;}

.data-capture-inner-container[b-h4or75vh2x] {
  width: 90%;
}

.buttons[b-h4or75vh2x] {
  display: flex;
  justify-content: space-between;
}
/* Client/Components/Quality/InternalSpecReviewModal.razor.rz.scp.css */
.modal-background[b-6ifq1zvkq9] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 200;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-6ifq1zvkq9] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  max-width: 600px; 
  height: 80%;
  max-height: 300px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000; 
}

.summary-info[b-6ifq1zvkq9] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
  padding: 0 3rem 0 3rem;
  overflow-y: auto;
  max-height: calc(100% - 8rem);
}

.summary-info label[b-6ifq1zvkq9] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-6ifq1zvkq9],
.summary-info label > select[b-6ifq1zvkq9],
.summary-info label > div[b-6ifq1zvkq9] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-6ifq1zvkq9] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-6ifq1zvkq9] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-6ifq1zvkq9] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.card-body[b-6ifq1zvkq9] {
  position: relative;
  max-height: 100%;
}

h3[b-6ifq1zvkq9] {
  width: 100%;
  text-align: center;
}

h4[b-6ifq1zvkq9] {
  display: flex;
  align-items: center;
  border-top: 1px solid var(--background);
  padding-top: 1rem;
}
/* Client/Components/Quality/LostPartModal.razor.rz.scp.css */
.modal-background[b-870eu84lfn] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.lost-part-modal[b-870eu84lfn] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-870eu84lfn] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-870eu84lfn] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-870eu84lfn],
.summary-info label > select[b-870eu84lfn],
.summary-info label > div[b-870eu84lfn] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-870eu84lfn] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-870eu84lfn] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-870eu84lfn] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Quality/RACIComponent.razor.rz.scp.css */
.raci-table[b-xw0kn73i58] {
  display: flex;
  justify-content: space-between;
  max-width: 8rem;
}
/* Client/Components/Quality/RejectCodeList.razor.rz.scp.css */
.image-btn[b-mjfqmr1g1q] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}
/* Client/Components/Quality/ReworkCard.razor.rz.scp.css */
.disabled-operation[b-mdef1wzcmy] {
  font-style: italic;
}
/* Client/Components/Quality/TestCard.razor.rz.scp.css */
.image-btn[b-7h4v984bb1] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}

.image-btn img[b-7h4v984bb1] {
  margin: 0 !important;
}

.button-cell[b-7h4v984bb1] {
  width: 100px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap;
}
/* Client/Components/Quality/TestList.razor.rz.scp.css */
.switches[b-xcggpdy904] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-xcggpdy904] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Quality/TestModal.razor.rz.scp.css */
.or-splitter[b-vjmfwi5kwj] {
  width: 100%;
  text-align: center;
  position: relative;
}

.or-splitter[b-vjmfwi5kwj]::before,
.or-splitter[b-vjmfwi5kwj]::after {
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 50%; 
  transform: translateY(-50%); 
}

.or-splitter[b-vjmfwi5kwj]::before {
  left: 17%; 
}

.or-splitter[b-vjmfwi5kwj]::after {
  right: 17%; 
}

.switches[b-vjmfwi5kwj] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-vjmfwi5kwj] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Quality/TestPlanList.razor.rz.scp.css */
.switches[b-epkrk0ozko] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-epkrk0ozko] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Reports/Dashboard.razor.rz.scp.css */
.dashboard-card[b-de4llqpkqk] {
  padding: 0.5rem;
}

.card-body[b-de4llqpkqk] {
  max-height: unset;
}

.edit-report[b-de4llqpkqk] {
  position: absolute;
  right: 2px;
  top: 2px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  z-index: 100;
  padding: 4px 6px;
  border-radius: 4px;
}

.edit-report:hover[b-de4llqpkqk] {
  filter: grayscale(0%);
  background-color: var(--background);
}

.edit-report-large[b-de4llqpkqk] {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  z-index: 100;
}

.edit-report-large:hover[b-de4llqpkqk] {
  filter: grayscale(0%);
}

.dashboard-report-title[b-de4llqpkqk] {
  width: 100%;
  text-align: center;
  font-weight: 600;
}

.chart-card[b-de4llqpkqk] {
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  border: dashed var(--background-3) 2px;
  padding: 0.5rem;
  height: 100%;
}

.layout[b-de4llqpkqk] {
  display: grid;
  min-height: 600px;
  max-height: 70dvh;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(6, 1fr);
  gap: 10px;
}

.layout-1[b-de4llqpkqk] {
  grid-template-areas:
    'a a a c c c c c'
    'a a a c c c c c'
    'a a a c c c c c'
    'b b b c c c c c'
    'b b b c c c c c'
    'b b b c c c c c';
}

.layout-2[b-de4llqpkqk] {
  grid-template-areas:
    'a a a a a b b b'
    'a a a a a b b b'
    'a a a a a b b b'
    'a a a a a c c c'
    'a a a a a c c c'
    'a a a a a c c c';
}

.layout-3[b-de4llqpkqk] {
  grid-template-areas:
    'a a a a a a a a'
    'a a a a a a a a'
    'a a a a a a a a'
    'a a a a a a a a'
    'b b c c d d e e'
    'b b c c d d e e';
}

.a[b-de4llqpkqk] {
  grid-area: a;
}

.b[b-de4llqpkqk] {
  grid-area: b;
} 

.c[b-de4llqpkqk] {
  grid-area: c;
}

.d[b-de4llqpkqk] {
  grid-area: d;
}

.e[b-de4llqpkqk] {
  grid-area: e;
}

.remove-dashboard[b-de4llqpkqk] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
}
/* Client/Components/Reports/DashboardEditModal.razor.rz.scp.css */
label[b-rjo395lt3s] {
  position: relative;
  display: grid;
  width: 88%;
  max-width: 88%;
  grid-template-columns: 1fr 4fr;
  align-items: center;
  text-align: right;
  margin-bottom: 15px;
  margin-right: 50px;
  line-height: 36px;
}

.modal-background[b-rjo395lt3s] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.filter-modal[b-rjo395lt3s] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 80dvh; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
  height: 70dvh;
}

.card-header[b-rjo395lt3s] {
  padding: 0 !important;
}

.select-container[b-rjo395lt3s] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.select-list[b-rjo395lt3s] {
  position: relative;
  max-height: calc(55vh - 116px);
  overflow-y: auto;
}

.select-item[b-rjo395lt3s] {
  width: 90%;
  background-color: var(--background);
  margin: 2px;
  line-height: 1.3rem;
  padding: 6px 10px;
  border-radius: 6px;
}

.item-grid[b-rjo395lt3s] {
  display: grid;
  grid-template-columns: 1.5rem auto 2rem 2rem ;
}

.item-grid div:first-child[b-rjo395lt3s] {
  text-align: center;
  font-size: 11px;
  margin-right: 10px;
  color: #aaaaaa;
}

.item-grid div[b-rjo395lt3s] {
  display: flex;
  align-items: center;
  height: 100%;
}

.item-grid div img[b-rjo395lt3s] {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.item-grid div:hover img[b-rjo395lt3s] {
  filter: grayscale(0%);
}

.column-heading[b-rjo395lt3s] {
  margin: 0;
}

.filter-display[b-rjo395lt3s] {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
}

.filter-display div[b-rjo395lt3s] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid var(--light-border);
  padding: 6px;
  border-radius: 4px;
  width: 100%;
  line-height: 22px;
  min-height: 22px;
}
/* Client/Components/Reports/MultiSelectModal.razor.rz.scp.css */
.modal-background[b-mhdjuq9ak0] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.filter-modal[b-mhdjuq9ak0] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
  height: 60vh;
}

.card-header[b-mhdjuq9ak0] {
  padding: 0 !important;
}

.select-container[b-mhdjuq9ak0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.select-list[b-mhdjuq9ak0] {
  position: relative;
  max-height: calc(55vh - 116px);
  overflow-y: auto;
}

.select-item[b-mhdjuq9ak0] {
  width: 90%;
  background-color: var(--background);
  margin: 2px;
  padding: 6px 10px;
  border-radius: 6px;
}

.column-heading[b-mhdjuq9ak0] {
  margin: 0;
}

.filter-display[b-mhdjuq9ak0] {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
}

.filter-display div[b-mhdjuq9ak0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid var(--light-border);
  padding: 6px;
  border-radius: 4px;
  width: 100%;
  line-height: 22px;
  min-height: 22px;
}
/* Client/Components/Reports/ReportAccessButton.razor.rz.scp.css */
.image-btn[b-gtn3bgt445] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}

.image-btn img[b-gtn3bgt445] {
  margin: 0 !important;
}

.select-container[b-gtn3bgt445] {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 1rem;
}

.select-list[b-gtn3bgt445] {
  position: relative;
  overflow-y: auto;
}

.select-item[b-gtn3bgt445] {
  width: 90%;
  background-color: var(--background);
  margin: 2px;
  padding: 6px 10px;
  border-radius: 6px;
}

.column-heading[b-gtn3bgt445] {
  padding: 0;
  margin: 0;
}

.permissions-grid[b-gtn3bgt445] {
  display: grid;
  grid-template-columns: auto 8.5rem;
}

.selected-user[b-gtn3bgt445] {
  display: flex;
  align-items: center;
}

.buttons[b-gtn3bgt445] {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.btn-grey[b-gtn3bgt445] {
  color: #fff;
  background-color: var(--background-2);
}

.disabled[b-gtn3bgt445] {
  color: #aaa;
  cursor: default;
}
/* Client/Components/Reports/ReportEditButton.razor.rz.scp.css */
.header-labels[b-8kjdbt6vpw] {
  display: flex;
  flex-direction: column;
}

.type-label[b-8kjdbt6vpw] {
  width: 25px;
  margin-right: 1rem !important;
}

.drag-layout[b-8kjdbt6vpw] {
  display: grid;
  grid-template-columns: 2rem 1fr;
  Width: 100%;
  height: 100%;
}

.drag-handle[b-8kjdbt6vpw] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.summary-info[b-8kjdbt6vpw] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-8kjdbt6vpw] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-8kjdbt6vpw],
.summary-info label > select[b-8kjdbt6vpw],
.summary-info label > div[b-8kjdbt6vpw] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-8kjdbt6vpw] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-8kjdbt6vpw] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.label > span[b-8kjdbt6vpw] {
  font-weight: bold;
  font-size: small;
}

.image-btn[b-8kjdbt6vpw] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
  margin-right: 0.5rem !important;
}

.image-btn img[b-8kjdbt6vpw] {
  margin: 0 !important;
}

.label[b-8kjdbt6vpw] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  text-align: right;
  margin-right: 20px;
  line-height: 36px;
}

.grid-container[b-8kjdbt6vpw] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1rem;
  padding-right: 1rem;
  height: calc(100vh - 15.2rem);
  overflow: hidden;
}

.field-card[b-8kjdbt6vpw] {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--background);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
  height: 36px;
  max-height: 36px;
  transition: filter 0.2s ease, box-shadow 0.2s ease;
}

.field-card:hover[b-8kjdbt6vpw] {
  cursor: pointer;
  filter: brightness(0.85);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.report-card[b-8kjdbt6vpw] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--background);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
}

.remove-button[b-8kjdbt6vpw] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 40px;
  padding: 6px !important;
  z-index: 10;
}

.filter-button[b-8kjdbt6vpw] {
  position: absolute;
  top: 0.5rem;
  right: 3.2rem;
  height: 40px;
  padding: 6px !important;
  z-index: 10;
}

.show-hide-button[b-8kjdbt6vpw] {
  position: absolute;
  top: 0.5rem;
  right: 5.8rem;
  height: 40px;
  padding: 6px !important;
  z-index: 10;
}

.report-card-header[b-8kjdbt6vpw] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
}

.report-card-options[b-8kjdbt6vpw] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  align-items: center;
  padding: 0.5rem;
}

.report-card-options label[b-8kjdbt6vpw] {
  grid-column: span 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.report-card-options label > span[b-8kjdbt6vpw] {
  margin-right: 0.5rem;
}

.invisible[b-8kjdbt6vpw] {
  color: transparent !important;
  border: none;
  box-shadow: none;
}

.type-image[b-8kjdbt6vpw] {
  margin: 0 0.5rem;
}

.image-btn btn[b-8kjdbt6vpw] {
  margin: 0 0.5rem;
}

.scrollable[b-8kjdbt6vpw] {
  padding-right: 0.3rem;
}

/* Chart Builder */
.chart-grid[b-8kjdbt6vpw] {
  display: grid;
  width: 90%;
  height: calc(100% - 6rem);
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 4fr 1fr;
}

.chart-image[b-8kjdbt6vpw] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.chart-y-axis[b-8kjdbt6vpw] {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: end;
  justify-content: center;
  padding-left: 1rem;
}

.chart-x-axis[b-8kjdbt6vpw] {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: start;
  justify-content: center;
}

.chart-y-axis label[b-8kjdbt6vpw],
.chart-x-axis label[b-8kjdbt6vpw] {
  flex-direction: column;
  width: 200px;
}

.chart-y-axis label span[b-8kjdbt6vpw],
.chart-x-axis label span[b-8kjdbt6vpw] {
  line-height: 32px;
}

.filter-container[b-8kjdbt6vpw] {
  grid-column: span 3;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
}
/* Client/Components/Reports/ReportFieldFilter.razor.rz.scp.css */
.filter-header[b-m66brcy4wj] {
  padding: 8px 1rem;
  margin-bottom: 8px;
  width: 100%;
  text-align: left;
  font-size: 15px;
  box-sizing: border-box;
  position: relative; 
}

.filter-header[b-m66brcy4wj]::after {
  width: 95%;
  display: block;
  margin: 0 auto;
  border: none;
  border-top: 2px solid var(--background-2);
  content: '';
  position: absolute; 
  bottom: -1px; 
  left: 50%;
  transform: translateX(-50%);
  opacity: 80%;
}

.radio-filters[b-m66brcy4wj] {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 40px;
  justify-items: center;
  align-items: center;
  margin: 0 2rem;
}

.radio-filters label[b-m66brcy4wj] {
  margin-right: 0;
  text-align: right;
}

.radio-filters label > :first-child[b-m66brcy4wj] {
  width: 8rem;
}

/* Client/Components/Reports/ReportFilters.razor.rz.scp.css */
.filters-container[b-d0nfoq4f0a] {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  background-clip: border-box;
  height: calc(100vh - 15rem);
  width: 950px;
  z-index: 101;
  top: 10rem;
  right: 0;
  background-color: #303030;
  transition: right 1.5s ease-in-out;
  overflow-x: hidden;
}

.modal-hidden[b-d0nfoq4f0a] {
  right: -900px;
}

.modal-hidden img[b-d0nfoq4f0a] {
  transform: scaleX(-1);
}

.toggle-filters-image[b-d0nfoq4f0a] {
  transition: transform 1.5s ease-in-out;
}

.close-button[b-d0nfoq4f0a] {
  border-radius: 0.5rem;
  background-color: var(--background);
  color: white;
  cursor: pointer;
  width: 35px;
  padding: 0;
  font-size: 20px;
}

.header-labels[b-d0nfoq4f0a] {
  display: flex;
  flex-direction: column;
}

.type-label[b-d0nfoq4f0a] {
  width: 25px;
  margin-right: 1rem !important;
}
.summary-info[b-d0nfoq4f0a] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-d0nfoq4f0a] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-d0nfoq4f0a],
.summary-info label > select[b-d0nfoq4f0a],
.summary-info label > div[b-d0nfoq4f0a] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-d0nfoq4f0a] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-d0nfoq4f0a] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.label > span[b-d0nfoq4f0a] {
  font-weight: bold;
  font-size: small;
}

.image-btn[b-d0nfoq4f0a] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}

.image-btn img[b-d0nfoq4f0a] {
  margin: 0 !important;
}

.label[b-d0nfoq4f0a] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  text-align: right;
  margin-right: 20px;
  line-height: 36px;
}

.grid-container[b-d0nfoq4f0a] {
  display: grid;
  grid-template-columns: 35px 1fr 3fr;
  gap: 1rem;
  padding-right: 1rem;
  height: calc(100vh - 15.2rem);
  overflow: hidden;
}

.field-card[b-d0nfoq4f0a] {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--background);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
  height: 36px;
  max-height: 36px;
  transition: filter 0.2s ease, box-shadow 0.2s ease;
}

.field-card:hover[b-d0nfoq4f0a] {
  cursor: pointer;
  filter: brightness(0.85);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.report-card[b-d0nfoq4f0a] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--background);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
}

.remove-button[b-d0nfoq4f0a] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 40px;
  padding: 6px !important;
  z-index: 10;
}

.filter-button[b-d0nfoq4f0a] {
  position: absolute;
  top: 0.5rem;
  right: 3.2rem;
  height: 40px;
  padding: 6px !important;
  z-index: 10;
}

.report-card-header[b-d0nfoq4f0a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
}

.report-card-options[b-d0nfoq4f0a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  align-items: center;
  padding: 0.5rem;
}

.report-card-options label[b-d0nfoq4f0a] {
  grid-column: span 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.report-card-options label > span[b-d0nfoq4f0a] {
  margin-right: 0.5rem;
}

.invisible[b-d0nfoq4f0a] {
  color: transparent !important;
  border: none;
  box-shadow: none;
}

.type-image[b-d0nfoq4f0a] {
  margin: 0 0.5rem;
}

.image-btn btn[b-d0nfoq4f0a] {
  margin: 0 0.5rem;
}

.scrollable[b-d0nfoq4f0a] {
  padding-right: 0.3rem;
}

/* Chart Builder */
.chart-grid[b-d0nfoq4f0a] {
  display: grid;
  width: 90%;
  height: calc(100% - 6rem);
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 4fr 1fr;
}

.chart-image[b-d0nfoq4f0a] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.chart-y-axis[b-d0nfoq4f0a] {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: end;
  justify-content: center;
  padding-left: 1rem;
} 

.chart-x-axis[b-d0nfoq4f0a] {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: start;
  justify-content: center;
} 

.chart-y-axis label[b-d0nfoq4f0a],
.chart-x-axis label[b-d0nfoq4f0a] {
  flex-direction: column;
  width: 200px;
}

.chart-y-axis label span[b-d0nfoq4f0a],
.chart-x-axis label span[b-d0nfoq4f0a] {
  line-height: 32px;
}
/* Client/Components/Sales/QuoteComplete.razor.rz.scp.css */
.modal-background[b-zhl0gjkeun] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.card-body[b-zhl0gjkeun] {
  max-height: 100%;
}

.modal[b-zhl0gjkeun] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%; /* Adjust width as needed */
  min-width: 800px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-zhl0gjkeun] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-zhl0gjkeun] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-zhl0gjkeun],
.summary-info label > select[b-zhl0gjkeun],
.summary-info label > div[b-zhl0gjkeun] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-zhl0gjkeun] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-zhl0gjkeun] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-zhl0gjkeun] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.status-card[b-zhl0gjkeun] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 6px;
  padding: 0.1rem;
  box-sizing: border-box;
  cursor: pointer;  
  transition: background-color 0.3s ease;
}

.won[b-zhl0gjkeun] {
  background-color: var(--success);
  color: var(--background-2);  
}

.not-won:hover[b-zhl0gjkeun] {
  background-color: var(--success);
  color: var(--background-2);  
}

.lost[b-zhl0gjkeun] {
  background-color: var(--danger);  
  color: var(--background-2);  
}

.not-lost:hover[b-zhl0gjkeun] {
  background-color: var(--danger);  
  color: var(--background-2);  
}

.outstanding[b-zhl0gjkeun] {
  background-color: var(--light-border);  
  color: var(--background-2);  
}

.not-won[b-zhl0gjkeun] {
  border: 1px solid var(--success);
  color: var(--success);
}

.not-lost[b-zhl0gjkeun] {
  border: 1px solid var(--danger);
  color: var(--danger);  
}

.not-outstanding:hover[b-zhl0gjkeun] {
  background-color: var(--light-border);  
  color: var(--background-2);  
}

.not-outstanding[b-zhl0gjkeun] {
  border: 1px solid var(--light-border);
  color: var(--light-border);  
}

.disabled-hover[b-zhl0gjkeun] {
  cursor: default;
}

.disabled-hover:hover[b-zhl0gjkeun] {
  background-color: inherit;
  color: inherit;
  cursor: default;
}
/* Client/Components/Sales/ScheduleCard.razor.rz.scp.css */
.button-column[b-sx4vunz0iw] {
  padding: 0;
}

.image-btn[b-sx4vunz0iw] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.btn-image[b-sx4vunz0iw] {
  margin: 0;
  bottom: 0;
}
/* Client/Components/Search/AdvancedFilterModal.razor.rz.scp.css */
.filter-modal[b-84luh1tuc0] {
  width: 90%;
  margin-left: 5%;
}

.date-filter-grid[b-84luh1tuc0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.filter-options[b-84luh1tuc0] {
  display: grid;
  width: 400px;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  overflow: hidden;
}

.search[b-84luh1tuc0] {
  display: flex; /* Use flexbox */
  justify-content: flex-end;
  padding: 2px;
  border: 1px solid #555;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  max-height: 2rem;
  overflow: hidden;
}

.search input[type='search'][b-84luh1tuc0] {
  border: none;
  background: transparent;
  margin: 0;
  color: white;
  padding: 7px 8px;
  font-size: 13px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  flex-grow: 1;
  min-width: 0;
}

.search input[type='search'][b-84luh1tuc0]::placeholder {
  color: #bbb;
  max-width: 8rem;
}

.search button[type='button'][b-84luh1tuc0] {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
  background-position: center;
  cursor: pointer;
  opacity: 0.7;
  min-width: 25px;
}

.search .filter-button[type='button'][b-84luh1tuc0] {
  background: transparent
    url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' width='16' height='16' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d='M30.646 1.62c-0.133-0.223-0.372-0.37-0.646-0.37h-28c-0.414 0-0.75 0.336-0.75 0.75 0 0.134 0.035 0.259 0.096 0.368l-0.002-0.004 9.905 17.831v5.805c0 0.292 0.167 0.545 0.411 0.668l0.004 0.002 7.999 4c0.096 0.050 0.211 0.080 0.332 0.080 0.002 0 0.003 0 0.005 0h-0c0.001 0 0.001 0 0.002 0 0.413 0 0.748-0.335 0.748-0.748 0-0.001 0-0.001 0-0.002v0-9.805l9.906-17.831c0.059-0.105 0.094-0.23 0.094-0.364 0-0.14-0.039-0.272-0.106-0.384l0.002 0.003zM19.344 19.637c-0.059 0.105-0.093 0.23-0.094 0.363v8.787l-6.5-3.25v-5.537c0-0 0-0 0-0.001 0-0.133-0.035-0.258-0.097-0.366l0.002 0.004-9.381-16.887h25.45z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
}

.search button[type='submit']:hover[b-84luh1tuc0] {
  opacity: 1;
}

.filter-dropdown[b-84luh1tuc0] {
  margin-left: -1rem;
  margin-right: 1rem;
}

label[b-84luh1tuc0] {
  align-items: center;
}

.input-multi[b-84luh1tuc0] {
  margin-left: 0;
}
/* Client/Components/Search/SearchBar.razor.rz.scp.css */
.filter-button[b-q7k2mpkmn2] {
  position: relative;
}

h4[b-q7k2mpkmn2] {
  margin: 10px 0;
}

.modal-background[b-q7k2mpkmn2] {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 1;
}

.filter-modal[b-q7k2mpkmn2] {
  position: absolute;
  background-color: #424242;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 10px;
  border-radius: 4px;
  z-index: 101;
  display: block;
  transform: translate(21px, 37px);
}

.filter-options[b-q7k2mpkmn2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.filter-options label[b-q7k2mpkmn2] {
  font-weight: normal;
  align-items: center;
}

/* Search */
.search[b-q7k2mpkmn2] {
  display: flex; /* Use flexbox */
  justify-content: flex-end;
  padding: 2px;
  border: 1px solid #555;
  border-radius: 5px;
  margin-left: auto;
  margin-right: 1rem;
  max-height: 2rem;
  min-width: 9rem;
  max-width: 16rem;
  overflow: hidden;
}

.search-card[b-q7k2mpkmn2] {
  align-items: center;
  max-width: 30%;
}

.search input[type='search'][b-q7k2mpkmn2] {
  border: none;
  background: transparent;
  margin: 0;
  color: white;
  padding: 7px 8px;
  font-size: 13px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  flex-grow: 1;
  min-width: 0;
}

.search input[type='search'][b-q7k2mpkmn2]::placeholder {
  color: #bbb;
  max-width: 8rem;
}

.search button[type='button'][b-q7k2mpkmn2] {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
  background-position: center;
  cursor: pointer;
  opacity: 0.7;
  min-width: 25px;
  margin-top: auto;
  margin-bottom: auto;
}

.search .filter-button[type='button'][b-q7k2mpkmn2] {
  background: transparent
    url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' width='16' height='16' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d='M30.646 1.62c-0.133-0.223-0.372-0.37-0.646-0.37h-28c-0.414 0-0.75 0.336-0.75 0.75 0 0.134 0.035 0.259 0.096 0.368l-0.002-0.004 9.905 17.831v5.805c0 0.292 0.167 0.545 0.411 0.668l0.004 0.002 7.999 4c0.096 0.050 0.211 0.080 0.332 0.080 0.002 0 0.003 0 0.005 0h-0c0.001 0 0.001 0 0.002 0 0.413 0 0.748-0.335 0.748-0.748 0-0.001 0-0.001 0-0.002v0-9.805l9.906-17.831c0.059-0.105 0.094-0.23 0.094-0.364 0-0.14-0.039-0.272-0.106-0.384l0.002 0.003zM19.344 19.637c-0.059 0.105-0.093 0.23-0.094 0.363v8.787l-6.5-3.25v-5.537c0-0 0-0 0-0.001 0-0.133-0.035-0.258-0.097-0.366l0.002 0.004-9.381-16.887h25.45z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
}

.search button[type='submit']:hover[b-q7k2mpkmn2] {
  opacity: 1;
}

.filter-dropdown[b-q7k2mpkmn2] {
  grid-column: span 2;
  width: 90%;
}

/* Date Filter Grid */
.date-filter-grid[b-q7k2mpkmn2] {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns */
  gap: 10px; /* Optional: Adds spacing between grid items */
  margin-bottom: 10px; /* Add some space below the date filters */
}

.date-filter-item[b-q7k2mpkmn2] {
  display: flex;
  flex-direction: column;
}

.date-filter-item input[type='date'][b-q7k2mpkmn2] {
  width: 100%;
  padding: 5px;
  border: 1px solid #777;
  border-radius: 4px;
  background-color: #424242; /* Match modal background */
  color: white;
}
/* Client/Components/Settings/ShippingModal.razor.rz.scp.css */
.outer-container[b-dakqgc670n] {
  display: flex;
  justify-content: center;
}

.services-container[b-dakqgc670n] {
  width: 90%;
}

.sidemodal-table[b-dakqgc670n] {
  table-layout: fixed;
  width: 100%;
}

.table-select select[b-dakqgc670n] {
  vertical-align: none;
  height: 30px;
}

.table-button-cell[b-dakqgc670n] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
}

.sidemodal-table th:nth-child(1)[b-dakqgc670n] {
  width: 180px;
}

.sidemodal-table th:nth-child(2)[b-dakqgc670n] {
  width: 300px;
}

.sidemodal-table th:nth-child(3)[b-dakqgc670n] {
  width: 90px;
}

.sidemodal-table th:nth-child(4)[b-dakqgc670n] {
  width: 90px;
}

.sidemodal-table th:nth-child(5)[b-dakqgc670n] {
  width: 90px;
}

.sidemodal-table th:nth-child(6)[b-dakqgc670n] {
  width: 70px;
}

.sidemodal-table th:nth-child(7)[b-dakqgc670n] {
  width: 70px;
}
/* Client/Components/Status/Forbidden403.razor.rz.scp.css */
.outer-container[b-apdk9p0npq] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  /* height: calc(100vh - 18.5rem); */
}

.container[b-apdk9p0npq] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.image-container[b-apdk9p0npq] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image[b-apdk9p0npq] {
  height: 80%;
  opacity: 0.8;
}

.text-container[b-apdk9p0npq] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-right: 3rem;
}

.text-container h2[b-apdk9p0npq] {
  font-size: 2.5rem;
  margin: 0;
}

.text-container h1[b-apdk9p0npq] {
  font-size: 18rem;
  margin: 0;
}

.text-container p[b-apdk9p0npq] {
  font-size: 1.4rem;
  line-height: 1.75;
  margin: 0;
}
/* Client/Components/Stock/CopyPartModal.razor.rz.scp.css */
.modal-background[b-buhqyusy7e] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.copy-part-modal[b-buhqyusy7e] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-buhqyusy7e] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-buhqyusy7e] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-buhqyusy7e],
.summary-info label > select[b-buhqyusy7e],
.summary-info label > div[b-buhqyusy7e] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-buhqyusy7e] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-buhqyusy7e] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-buhqyusy7e] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.switches[b-buhqyusy7e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-buhqyusy7e] {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}
/* Client/Components/Stock/COSHH.razor.rz.scp.css */
.summary-info[b-g79lvlmckt] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

.single-column[b-g79lvlmckt] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info-half[b-g79lvlmckt] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-g79lvlmckt] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
  line-height: 32px;
}

.single-column > label[b-g79lvlmckt] {
  grid-template-columns: 1fr 7.5fr;
}

.summary-info label > input[b-g79lvlmckt],
.summary-info label > select[b-g79lvlmckt],
.summary-info label > div[b-g79lvlmckt] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-g79lvlmckt] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-g79lvlmckt] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-g79lvlmckt] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-g79lvlmckt] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-g79lvlmckt] {
  row-gap: 0;
}

.span-style[b-g79lvlmckt] {
  display: block;
  margin-left: 1rem;
  line-height: 32px;
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color: #8a8d93;
  overflow: hidden;
}

.raci-grid[b-g79lvlmckt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.raci-grid span[b-g79lvlmckt] {
  flex: 1;
  line-height: 40px;
  text-align: center;
  cursor: help;
}

tr[b-g79lvlmckt] {
  cursor: default;
}

.button-cell[b-g79lvlmckt] {
  width: 6rem;
}

.max-width-raci[b-g79lvlmckt] {
  width: 14rem;
}

.max-width-date[b-g79lvlmckt] {
  width: 7rem;
}

.max-width-type[b-g79lvlmckt] {
  width: 7rem;
}

.header-card[b-g79lvlmckt] {
  padding-bottom: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.selectable[b-g79lvlmckt] {
  cursor: pointer;
}

.header-bar[b-g79lvlmckt] {
  margin-bottom: 0;
  border: none;
}

.edit-form[b-g79lvlmckt] {
  max-height: calc(100% - 0.5rem - 70px);
  box-sizing: border-box;
  overflow-y: auto;
}

.table-btn[b-g79lvlmckt] {
  margin-right: 1rem;
}

.image-btn[b-g79lvlmckt] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.disabled-value[b-g79lvlmckt] {
  margin-left: 1rem;
  margin-right: 1rem;
}

.draft-label[b-g79lvlmckt] {
  position: absolute;
  width: calc(100% - 48px);
  text-align: center;
  font-size: 32px;
  color: #8a8d93;
}
/* Client/Components/Stock/InspectionReportManagement.razor.rz.scp.css */
.header-buttons[b-bhtvwudo0w] {
  justify-content: end;
}

.image-btn[b-bhtvwudo0w] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

label span:nth-of-type(2)[b-bhtvwudo0w] {
  padding-left: 22px;
  color: #8a8d93;
  text-align: left;
  font-weight: 400;
  font-size: medium;
}
/* Client/Components/Stock/RelatedGINs.razor.rz.scp.css */
.image-btn[b-912tegq8gt] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}

.image-btn img[b-912tegq8gt] {
  margin: 0 !important;
}

.btn-container[b-912tegq8gt] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
/* Client/Components/Stock/WarningSymbols.razor.rz.scp.css */
.icon-grid[b-i0ysth7kkg] {
  display: flex;
  gap: 1rem;
}
/* Client/Components/Stores/GoodsInModal.razor.rz.scp.css */
.modal-background[b-tkbovrlowp] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.gin-modal[b-tkbovrlowp] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  min-width: 700px; 
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
  z-index: 1000;
}

.summary-info[b-tkbovrlowp] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-tkbovrlowp] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-tkbovrlowp],
.summary-info label > select[b-tkbovrlowp],
.summary-info label > div[b-tkbovrlowp] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-tkbovrlowp] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-tkbovrlowp] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-tkbovrlowp] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/Tests/ChemicalTestModal.razor.rz.scp.css */
.modal-background[b-mu6ubml99w] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 200;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.popup-modal[b-mu6ubml99w] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  max-width: 1000px; 
  max-height: 80%;
  max-height: 800px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000; 
}

.first-issue[b-mu6ubml99w] {
  width: 400px; 
  height: 100px;
}

.summary-info[b-mu6ubml99w] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
  padding: 0 3rem 0 3rem;
  overflow-y: auto;
  max-height: calc(100% - 8rem);
}

.summary-info label[b-mu6ubml99w] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-mu6ubml99w],
.summary-info label > select[b-mu6ubml99w],
.summary-info label > div[b-mu6ubml99w] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-mu6ubml99w] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-mu6ubml99w] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-mu6ubml99w] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.card-body[b-mu6ubml99w] {
  position: relative;
  max-height: 100%;
}

.status-set[b-mu6ubml99w] {
  display: grid;
  grid-template-columns: 3rem 3rem 3rem;
}

.result-set[b-mu6ubml99w] {
  display: grid;
  grid-template-columns: 1fr 8rem;

}

.dimension-set[b-mu6ubml99w] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 8rem;
}

.status-card[b-mu6ubml99w] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 6px;
  padding: 0.1rem;
  box-sizing: border-box;
  cursor: pointer;  
  transition: background-color 0.3s ease;
}

.pass[b-mu6ubml99w] {
  background-color: var(--success);
  color: var(--background-2);  
}

.not-pass:hover[b-mu6ubml99w] {
  background-color: var(--success);
  color: var(--background-2);  
}

.fail[b-mu6ubml99w] {
  background-color: var(--danger);  
  color: var(--background-2);  
}

.not-fail:hover[b-mu6ubml99w] {
  background-color: var(--danger);  
  color: var(--background-2);  
}

.outstanding[b-mu6ubml99w] {
  background-color: var(--light-border);  
  color: var(--background-2);  
}

.not-outstanding:hover[b-mu6ubml99w] {
  background-color: var(--light-border);  
  color: var(--background-2);  
}

.not-pass[b-mu6ubml99w] {
  border: 1px solid var(--success);
  color: var(--success);
}

.not-fail[b-mu6ubml99w] {
  border: 1px solid var(--danger);
  color: var(--danger);  
}

.not-outstanding[b-mu6ubml99w] {
  border: 1px solid var(--light-border);
  color: var(--light-border);  
}
/* Client/Components/TimeAttendance/PayrollModal.razor.rz.scp.css */
.modal-background[b-fed9de73y5] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.payroll-modal[b-fed9de73y5] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-fed9de73y5] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-fed9de73y5] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-fed9de73y5],
.summary-info label > select[b-fed9de73y5],
.summary-info label > div[b-fed9de73y5] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-fed9de73y5] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-fed9de73y5] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-fed9de73y5] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.toggle-switch[b-fed9de73y5] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: 100%;
  justify-content: center;
  margin-bottom: 1rem;
}

.toggle-button[b-fed9de73y5] {
  padding: 0.5rem 1rem;
  border: solid 2px var(--primary);
  border-radius: 0.5rem;
  color: var(--primary);
  width: 8rem;
  text-align: center;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}

.selected[b-fed9de73y5],
.toggle-button:hover[b-fed9de73y5] {
  background-color: var(--primary);
  color: var(--background-2);
}
/* Client/Components/Training/LessonModal.razor.rz.scp.css */
.modal-background[b-8abp663gwu] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.lesson-modal[b-8abp663gwu] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90dvw;
  height: 90dvh;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.card-header[b-8abp663gwu] {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.form-header[b-8abp663gwu] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.lesson-container[b-8abp663gwu] {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(90dvh - 102px);
  padding-bottom: 2rem;
  box-sizing: border-box;
}

.media-container[b-8abp663gwu] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 50dvh;
  width: 100%;
  overflow: hidden;
}

.media[b-8abp663gwu] {
  max-width: 100%;
  max-height: 100%;
}

.modal-body-image[b-8abp663gwu] {
  position: relative;
}

.video-player[b-8abp663gwu] {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.description[b-8abp663gwu] {
  padding: 1rem;
  text-align: center;
}

.instruction[b-8abp663gwu] {
  display: grid;
  grid-template-columns: 4rem auto;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.instruction[b-8abp663gwu]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 2%;
  width: 96%;
  height: 1px;
  background-color: var(--background);
}

.sequence[b-8abp663gwu] {
  text-align: center;
}

.instructions[b-8abp663gwu] {
  width: calc(100% - 2rem);
}

.instruction-table[b-8abp663gwu] {
  width: calc(100% - 4rem);
  margin-left: 2rem; 
  margin-right: 2rem"
}

.summary-info[b-8abp663gwu] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.horizontal-grid[b-8abp663gwu] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-8abp663gwu] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-8abp663gwu],
.summary-info label > select[b-8abp663gwu],
.summary-info label > div[b-8abp663gwu] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-8abp663gwu] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-8abp663gwu] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.upload-container[b-8abp663gwu] {
  position: relative;
  width: calc(100% - 2rem);
  height: 8rem;
  margin: 1rem;
  box-sizing: border-box;
}

.file-upload-container[b-8abp663gwu] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.file-drop-zone[b-8abp663gwu] {
  display: flex;
  width: calc(100% - 5px);
  min-height: 8rem;
  border: 3px dotted #888888;
  align-items: center;
  margin-top: auto;
  margin-bottom: 2px;
  box-sizing: border-box;
  align-self: flex-end;
  justify-content: center;
}

.hover[b-8abp663gwu] {
  border-style: none;
  background-color: #888888;
  color: #202020;
  font-size: 18px;
  opacity: 0.5;
  z-index: 100000;
}

.buttons[b-8abp663gwu] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
}
/* Client/Components/UI/Button/ActiveButton.razor.rz.scp.css */
.table-button[b-cm541q34ha] {
  margin: 0;
  padding: 0.3rem 0.7rem;
  max-height: 100%;
}
/* Client/Components/UI/Button/ButtonContainer.razor.rz.scp.css */
.button-container[b-8p84knpbcm] {
  position: relative;
  display: inline-block;
}

.button-container-background[b-8p84knpbcm] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.menu[b-8p84knpbcm] {
  display: block;
  position: absolute;
  bottom: 105%; 
  /* left: 4px; */
  background-color: var(--background-2);
  border-radius: 0.5rem;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  z-index: 101;
  padding: 0.5rem 1rem;
  width: 200px;
}

.menu-left[b-8p84knpbcm] {
  right: 4px;
}

.menu-right[b-8p84knpbcm] {
  right: 0;
}

.menu button:hover[b-8p84knpbcm] {
  background-color: #ddd;
}
/* Client/Components/UI/Button/HoldButton.razor.rz.scp.css */
.image-btn[b-q1x6w6fgvf] {
  padding: 6px 8px 1px 8px;
}

.btn-image[b-q1x6w6fgvf] {
  margin: 0;
  bottom: 0;
}

.modal-background[b-q1x6w6fgvf] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.hold-reason-modal[b-q1x6w6fgvf] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.summary-info[b-q1x6w6fgvf] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
}

.summary-info label[b-q1x6w6fgvf] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-q1x6w6fgvf],
.summary-info label > select[b-q1x6w6fgvf],
.summary-info label > div[b-q1x6w6fgvf] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-q1x6w6fgvf] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-q1x6w6fgvf] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-header[b-q1x6w6fgvf] {
  padding: 0 !important;
  margin-bottom: 1rem;
}
/* Client/Components/UI/Button/OnStopButton.razor.rz.scp.css */
.on-stop[b-n0ys0269sr] {
  border-color: #d90000; 
  background-color: #d90000; 
  color: #424242;
  box-shadow: none;
  width: 7.5rem;
  font-size: 13px;
  padding: 6px 22px 4px 22px;
}

.off-stop[b-n0ys0269sr] {
  border-color: #d90000;
  color: #d90000;
  box-shadow: none;
  width: 7.5rem;
}
/* Client/Components/UI/CalendarCard.razor.rz.scp.css */
table[b-0x1131yzbo] {
  width: 100%;
  table-layout: fixed;
}

.nav-button[b-0x1131yzbo] {
  border: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
}

.card-body[b-0x1131yzbo] {
  max-height: unset;
}

.month-label[b-0x1131yzbo] {
  width: 12rem;
  text-align: center;
}

th[b-0x1131yzbo] {
  width: 10rem;
  padding-bottom: 1rem;
}

.week-row[b-0x1131yzbo] {
  height: 7rem;
}

.day[b-0x1131yzbo] {
  position: relative;
  height: 7rem;
  width: 10rem;
}

.day-card[b-0x1131yzbo] {
  background-color: var(--background);
  border-radius: 8px;
  height: 100%;
  width: 100%;
}

.day .label[b-0x1131yzbo] {
  position: absolute;
  left: 7px;
  top: 7px;
  font-weight: 500;
  font-size: 13px;
}

.entry-container[b-0x1131yzbo] {
  padding-top: 1.6rem;
}

.entry-card[b-0x1131yzbo] {
  margin: 4px;
  padding: 2px 4px;
  font-size: 0.7rem;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.shift-overlay[b-0x1131yzbo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  margin: 4px;
  border-radius: 3px;
  font-size: 0.7rem;
  text-align: center;
  cursor: pointer;
}

.national-holiday[b-0x1131yzbo] {
  background-color: var(--success);
  color: var(--background-2);
}

.public-holiday[b-0x1131yzbo] {
  background-color: var(--primary);
  color: var(--background-2);
}

.company-shutdown[b-0x1131yzbo] {
  background-color: var(--warning);
  color: var(--background-2);
}

.custom-non-working[b-0x1131yzbo] {
  background-color: #808080;
  color: var(--background-2);
}

.working-day[b-0x1131yzbo] {
  /* opacity: 0.25; */
}

.calendar-grid[b-0x1131yzbo] {
  display: flex;
  gap: 10px;
}

.shift-setup[b-0x1131yzbo] {
  width: 20vw;
  min-width: 450px;
}

.shift-calendar[b-0x1131yzbo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin: 4px;
  border-radius: 3px;
  font-size: 0.7rem;
  text-align: center;
  background-color: var(--primary-background);
  color: var(--off-white);
}

/* Shift overlay styles */
.shift-overlay[b-0x1131yzbo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  margin: 4px;
  border-radius: 3px;
  font-size: 0.7rem;
  text-align: center;
}

.shift-working[b-0x1131yzbo] {
  border: 2px solid var(--primary-background);
  color: var(--off-white);
}

.shift-off[b-0x1131yzbo] {
  background-color: var(--warning-background);
  color: var(--off-white);
}

/* Day cell background colors */
.has-shift-working[b-0x1131yzbo] {
  background-color: rgba(40, 167, 69, 0.05);
}

.has-shift-off[b-0x1131yzbo] {
  background-color: rgba(255, 193, 7, 0.05);
}

.day-card[b-0x1131yzbo] {
  position: relative;
  min-height: 80px;
}

.entry-container[b-0x1131yzbo] {
  position: relative;
  z-index: 1;
}

.shift-selected[b-0x1131yzbo] {
  background-color: var(--success-background);
  color: var(--off-white);
  border: 1px solid var(--success);
}

.show-shift[b-0x1131yzbo] {
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
/* Client/Components/UI/Charts/BasicBarChart.razor.rz.scp.css */
.sample-wrap[b-drgnkep369] {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}

.chart-header[b-drgnkep369] {
  width: 100%;
  text-align: center;
  margin-top: 0;
}
/* Client/Components/UI/Charts/BasicGauge.razor.rz.scp.css */
.sample-wrap[b-hiqissc2lv] {
  display: inline-block;
  height: 200px;
  width: 200px;
}

.chart-header[b-hiqissc2lv] {
  width: 100%;
  text-align: center;
  margin-top: 0;
}
/* Client/Components/UI/Charts/LineChartComponent.razor.rz.scp.css */
.sample-wrap[b-60jbyqj5y8] {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-bottom: 1rem;
  overflow: hidden;
}

.chart-header[b-60jbyqj5y8] {
  width: 100%;
  text-align: center;
  margin-top: 0;
}
/* Client/Components/UI/Charts/TableReport.razor.rz.scp.css */
.number[b-rgyhu0fps3] {
  text-align: center;
}

.text[b-rgyhu0fps3] {
  text-align: left;
}

.currency[b-rgyhu0fps3] {
  text-align: right;
  white-space: nowrap;
}

.date[b-rgyhu0fps3] {
  text-align: center;
}

.bool[b-rgyhu0fps3] {
  text-align: center;
}

.enum[b-rgyhu0fps3] {
  text-align: center;
}
/* Client/Components/UI/Display/ItemPicture.razor.rz.scp.css */
.picture-container[b-afoyrw5xte] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
}

.image[b-afoyrw5xte] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.file-drop-zone[b-afoyrw5xte] {
  display: flex;
  width: 90%;
  height: 90%;
  min-height: 5rem;
  border: 3px dotted #888888;
  align-items: center;
  box-sizing: border-box;
  /* align-self: flex-end; */
  justify-content: center;
}

.hover[b-afoyrw5xte] {
  border-style: none;
  background-color: #888888;
  color: #202020;
  font-size: 18px;
  opacity: 0.5;
  z-index: 100000;
}
/* Client/Components/UI/FooterControl.razor.rz.scp.css */
.control-container[b-kh6flsqj0c] {
  position: fixed;
  width: 100%;
  height: 2.5rem;
  background-color: #424242;
  border-top: 1px solid #686868;
  left: 0;
  bottom: 0;
  z-index: 50;
  padding: 1rem 0;
  transition: transform 0.75s ease-in-out, opacity 0.75s ease-in-out;
  opacity: 0;
  transform: translateY(100%);
}

.control-container.active[b-kh6flsqj0c] {
  opacity: 1;
  transform: translateY(0);
}

.control-content[b-kh6flsqj0c] {
  height: 2.5rem;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  gap: 4px;
  padding-right: 1rem;
}
/* Client/Components/UI/InfiniteScrollTable.razor.rz.scp.css */
.small-height-table[b-f1wiejj1xq] {
  max-height: 15rem;
}

.full-height-table[b-f1wiejj1xq] {
  max-height: calc(100dvh - 27rem) !important;
}

.planning-table[b-f1wiejj1xq] {
  max-height: 60rem !important;
}

.full-height-list[b-f1wiejj1xq] {
  max-height: calc(100dvh - 22rem) !important;
}

.full-height-sidemodal[b-f1wiejj1xq] {
  max-height: calc(100dvh - 10rem) !important;
  margin-right: 1rem;
}

.full-card[b-f1wiejj1xq] {
  max-height: 56dvh !important;
}

.invoice-page[b-f1wiejj1xq] {
  min-height: 15rem;
  max-height: calc(100dvh - 36rem);
  margin-bottom: 1rem;
}

.report[b-f1wiejj1xq] {
  min-height: 100%;
  max-height: calc(55dvh - 60px);
}

.dashboard-table[b-f1wiejj1xq] {
  min-height: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
}

.full-table[b-f1wiejj1xq] {
  height: 25rem;
}

.invoice-sucharge[b-f1wiejj1xq] {
  height: 25rem;
}

.invoice-sucharge table[b-f1wiejj1xq] {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}

.no-max-height[b-f1wiejj1xq] {
  max-height: unset;
}

.planning-sheet[b-f1wiejj1xq] {
  max-height: calc(100vh - 11rem) !important;
}
/* Client/Components/UI/Input/InputAddress.razor.rz.scp.css */
.show-address[b-8mqdgkqloc] {
  display: flex;
  justify-content: center;  
  align-items: center; 
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}

.btn-image[b-8mqdgkqloc] {
  margin-left: 0;
}

.btn-image:hover[b-8mqdgkqloc] {
  filter: invert(0.5);
}
/* Client/Components/UI/Input/InputAsset.razor.rz.scp.css */
.span-style[b-x4to4qtgwv] {
  display: inline-block;
  line-height: 32px;
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
  width: 100%;
  margin-left: 1rem;
}
/* Client/Components/UI/Input/InputBusinessAddress.razor.rz.scp.css */
.show-address[b-uvuyqh3av0] {
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
}
/* Client/Components/UI/Input/InputCompany.razor.rz.scp.css */
.search-select-container[b-jeiqhoa3nu] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container select[b-jeiqhoa3nu] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-jeiqhoa3nu] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

td .searchable-dropdown[b-jeiqhoa3nu] {
  margin-left: 0;
}

.chevron-icon[b-jeiqhoa3nu] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-jeiqhoa3nu] {
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-width: 350px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

.list-container[b-jeiqhoa3nu] {
  position: relative;
  top: 0;
  left: 0;
}

ul > li[b-jeiqhoa3nu] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-jeiqhoa3nu] {
  background-color: dodgerblue;
  cursor: pointer;
}

.company-dropdown[b-jeiqhoa3nu] {
  left: 1rem;
}

td .company-dropdown[b-jeiqhoa3nu] {
  min-width: 12rem;
}

/* Client/Components/UI/Input/InputContact.razor.rz.scp.css */
.show-contact[b-ghscndd17p] {
  display: flex;
  justify-content: center;  
  align-items: center; 
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}

.btn-image[b-ghscndd17p] {
  margin-left: 0;
}

.btn-image:hover[b-ghscndd17p] {
  filter: invert(0.5);
}
/* Client/Components/UI/Input/InputCustSpec.razor.rz.scp.css */
.search-select-container[b-844p4nxddv] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container select[b-844p4nxddv] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-844p4nxddv] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

td .searchable-dropdown[b-844p4nxddv] {
  margin-left: 0;
}

.chevron-icon[b-844p4nxddv] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-844p4nxddv] {
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-width: 350px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

.list-container[b-844p4nxddv] {
  position: relative;
  top: 0;
  left: 0;
}

ul > li[b-844p4nxddv] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-844p4nxddv] {
  background-color: dodgerblue;
  cursor: pointer;
}

.company-dropdown[b-844p4nxddv] {
  left: 1rem;
}

td .company-dropdown[b-844p4nxddv] {
  min-width: 12rem;
}

/* Client/Components/UI/Input/InputDateNoLabel.razor.rz.scp.css */
.input-container[b-fkxgcz4051] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-fkxgcz4051] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-fkxgcz4051] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

/* .input-no-label:focus + .input-label,
.input-no-label:not(:placeholder-shown) + .input-label {
  top: -4px;
  left: 2px;
  font-size: 10px;
  color: white;
  background-color: #303030;
  opacity: 0.95;
  z-index: 1;
  padding: 0 3px;
  line-height: 10px;
  transition: top 0.3s ease-out, left 0.3s ease-out, font-size 0.3s ease-out, color 0.3s ease-out, padding 0.3s ease-out, line-height 0.3s ease-out;
} */
/* Client/Components/UI/Input/InputDateTime.razor.rz.scp.css */
.input-container[b-aableiz7eh] {
  position: relative;
  margin: 0;
}

.input-no-label[b-aableiz7eh] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-aableiz7eh] {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  top: -4px;
  left: 2px;
  font-size: 10px;
  color: white;
  background-color: #303030;
  opacity: 0.95;
  z-index: 1;
  padding: 0 3px;
  line-height: 10px;
}
/* Client/Components/UI/Input/InputDateTimeLocal.razor.rz.scp.css */
[b-9hqxwh0l2p]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
/* Client/Components/UI/Input/InputDay.razor.rz.scp.css */
.outer-container[b-vjgm7vshso] {
  width: 34px;
  height: 34px;
}

.input-container[b-vjgm7vshso] {
  border: 2px solid transparent;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}

.input-container-selected[b-vjgm7vshso] {
  border: 2px solid #757575;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  overflow: hidden;
  transition: border 0.3s ease, color 0.3s ease-out;
}

.input-day[b-vjgm7vshso] {
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.input-container[b-vjgm7vshso] {
  color: #757575;
}

.input-container:hover[b-vjgm7vshso],
.input-container-selected:hover[b-vjgm7vshso] {
  background-color: #202020;
  color: #757575;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); Adjust shadow as needed */
  border: 2px solid transparent;
}
/* Client/Components/UI/Input/InputDaysOfWeek.razor.rz.scp.css */
.day-table[b-4iqds15h1e] {
  display: flex;
  justify-content: space-between;
  max-width: 450px;
}

.days-container[b-4iqds15h1e] {
  margin-left: 16px;
  width: 100%;
}
/* Client/Components/UI/Input/InputDictionary.razor.rz.scp.css */
.input-container[b-85h736uy9r] {
  width: 100%;
  margin: 0;
  height: 2rem;
  vertical-align: middle;
  font-size: 13px;
}

.input-container select[b-85h736uy9r] {
  width: 100%;
  margin: 0;
  padding: 0;
}

.input-container select option[b-85h736uy9r] {
  width: 100%;
  margin: 0;
}


.search-select-container[b-85h736uy9r] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container select[b-85h736uy9r] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-85h736uy9r] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

td .searchable-dropdown[b-85h736uy9r] {
  margin-left: 0;
}

.chevron-icon[b-85h736uy9r] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-85h736uy9r] {
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-width: 350px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

.list-container[b-85h736uy9r] {
  position: relative;
  top: 0;
  left: 0;
}

ul > li[b-85h736uy9r] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-85h736uy9r] {
  background-color: dodgerblue;
  cursor: pointer;
}

.company-dropdown[b-85h736uy9r] {
  left: 1rem;
}

td .company-dropdown[b-85h736uy9r] {
  min-width: 12rem;
}

.disabled-value[b-85h736uy9r] {
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color: #8a8d93;
  line-height: 32px;
}
/* Client/Components/UI/Input/InputInternalSpec.razor.rz.scp.css */
.search-select-container[b-9rly0p1mma] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container select[b-9rly0p1mma] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-9rly0p1mma] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

td .searchable-dropdown[b-9rly0p1mma] {
  margin-left: 0;
}

.chevron-icon[b-9rly0p1mma] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-9rly0p1mma] {
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-width: 350px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

.list-container[b-9rly0p1mma] {
  position: relative;
  top: 0;
  left: 0;
}

ul > li[b-9rly0p1mma] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-9rly0p1mma] {
  background-color: dodgerblue;
  cursor: pointer;
}

.company-dropdown[b-9rly0p1mma] {
  left: 1rem;
}

td .company-dropdown[b-9rly0p1mma] {
  min-width: 12rem;
}

/* Client/Components/UI/Input/InputManufacturer.razor.rz.scp.css */
.add-button[b-ahcrozv3mo] {
  display: flex;
  justify-content: center;  
  align-items: center; 
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  padding: 4px;
}

.btn-image[b-ahcrozv3mo] {
  margin-left: 0;
}

.btn-image:hover[b-ahcrozv3mo] {
  filter: invert(0.5);
}

.disabled-value[b-ahcrozv3mo] {
  margin-right: 1rem;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color: #8a8d93;
  line-height: 32px;
  width: 100%;
}
/* Client/Components/UI/Input/InputMultiUser.razor.rz.scp.css */
.input-no-label[b-lqzgqwxqmx] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
  margin-left: 0;
}

.input-label[b-lqzgqwxqmx] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

/* .input-no-label:focus + .input-label,
.input-no-label:not(:placeholder-shown) + .input-label {
  top: 0;
  left: 2px;
  font-size: 10px;
  color: white;
  background-color: #303030;
  opacity: 0.95;
  z-index: 1;
  padding: 0 3px;
  line-height: 10px;
  transition: top 0.3s ease-out, left 0.3s ease-out, font-size 0.3s ease-out, color 0.3s ease-out, padding 0.3s ease-out, line-height 0.3s ease-out;
} */

.span-style[b-lqzgqwxqmx] {
  margin-left: 5px;
  line-height: 32px;
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
}

.single[b-lqzgqwxqmx] {
  width: 100%;
}

.double[b-lqzgqwxqmx] {
  width: 200%;
}
/* Client/Components/UI/Input/InputNumberNoLabel.razor.rz.scp.css */
.input-container[b-6az88sxlgb] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-6az88sxlgb] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-6az88sxlgb] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.post-unit[b-6az88sxlgb] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  pointer-events: none;
  max-width: 3rem;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.small-box[b-6az88sxlgb] {
  width: 8rem;
}

.sidebar-form-content .input-no-label:focus + .input-label[b-6az88sxlgb],
.sidebar-form-content .input-no-label:not(:placeholder-shown) + .input-label[b-6az88sxlgb] {
  top: 0px !important;
}
/* Client/Components/UI/Input/InputOperation.razor.rz.scp.css */
.search-select-container[b-vav3xraq9b] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container select[b-vav3xraq9b] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-vav3xraq9b] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

td .searchable-dropdown[b-vav3xraq9b] {
  margin-left: 0;
}

.chevron-icon[b-vav3xraq9b] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-vav3xraq9b] {
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-width: 350px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 4px;
  color: white;
}

.list-container[b-vav3xraq9b] {
  position: relative;
  top: 0;
  left: 0;
}

ul > li[b-vav3xraq9b] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-vav3xraq9b] {
  background-color: dodgerblue;
  cursor: pointer;
}

.dropdown[b-vav3xraq9b] {
  left: 1rem;
}

td .dropdown[b-vav3xraq9b] {
  min-width: 12rem;
}

.header-buttons .dropdown[b-vav3xraq9b] {
  transform: unset !important;
  right: 0;
  left: auto;
  /* transform: translateX(-100%) !important; */
}
/* Client/Components/UI/Input/InputOrder.razor.rz.scp.css */
.search-select-container[b-oectgxlorj] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container select[b-oectgxlorj] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-oectgxlorj] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

.chevron-icon[b-oectgxlorj] {
  position: absolute;
  right: 10px; 
  top: 50%; 
  transform: translateY(-50%); 
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

.searchable-dropdown ul[b-oectgxlorj] {
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  z-index: 10;
  position: absolute;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
  min-width: 100%;
}

.hide[b-oectgxlorj] {
  height: 0;
}

.searchable-dropdown ul > li[b-oectgxlorj] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

.searchable-dropdown ul > li:hover[b-oectgxlorj] {
  background-color: dodgerblue;
  cursor: pointer;
}
/* Client/Components/UI/Input/InputPercentage.razor.rz.scp.css */
.input-container[b-yog1uy8pvh] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-yog1uy8pvh] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-yog1uy8pvh] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

/* .input-no-label:focus + .input-label,
.input-no-label:not(:placeholder-shown) + .input-label {
  top: 0;
  left: 2px;
  font-size: 10px;
  color: white;
  background-color: #303030;
  opacity: 0.95;
  z-index: 1;
  padding: 0 3px;
  line-height: 10px;
  transition: top 0.3s ease-out, left 0.3s ease-out, font-size 0.3s ease-out, color 0.3s ease-out, padding 0.3s ease-out, line-height 0.3s ease-out;
} */

.percent-symbol[b-yog1uy8pvh] {
  position: absolute;
  font-weight: normal;
  right: 10px;
  pointer-events: none;
  color: #888;
}

/* Client/Components/UI/Input/InputPrice.razor.rz.scp.css */
.input-container[b-5j0ajrecx8] {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
}

.input-no-label[b-5j0ajrecx8] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-5j0ajrecx8] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 20px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.currency-symbol[b-5j0ajrecx8] {
  position: absolute;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  width: 15px;
  max-width: 15px;
  left: 0;
  padding-left: 8px;
  height: 2rem;
  line-height: 2rem;
  pointer-events: none;
  color: #888;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar-form-content .currency-symbol[b-5j0ajrecx8] {
  transform: translateY(6px);
}

.clickable[b-5j0ajrecx8] {
  pointer-events: auto;
  cursor: pointer;
}

.push[b-5j0ajrecx8] {
  top: 2px;
}

ul[b-5j0ajrecx8] {
  position: absolute;
  z-index: 100;
  width: 250px;
  max-width: 250px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

ul > li[b-5j0ajrecx8] {
  pointer-events: auto;
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-5j0ajrecx8] {
  background-color: dodgerblue;
  cursor: pointer;
}

.input-no-label:focus + .input-label[b-5j0ajrecx8],
.input-no-label:not(:placeholder-shown) + .input-label[b-5j0ajrecx8] {
  top: -4px !important;
}
/* Client/Components/UI/Input/InputPriority.razor.rz.scp.css */
.slider-label[b-tsllki6mpu] {
  height: 2rem;
  min-width: 100%;
}

.slider-input[b-tsllki6mpu] {
  height: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
}

.slider-text[b-tsllki6mpu] {
  margin-left: 1rem;
  width: 6rem;
  max-width: 6rem;
  text-align: center;
  font-weight: 400;
  transform: translateY(-4px);
}
/* Client/Components/UI/Input/InputProgressOperation.razor.rz.scp.css */
.span-style[b-js8gc3q2aq] {
  margin-left: 25px;
  text-align: left;
  font-weight: normal;
}

.input-container-progress[b-js8gc3q2aq] {
  position: relative;
  width: 100%;
  margin: 0;
  margin-left: 1rem;
}

.input-label[b-js8gc3q2aq] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.input-no-label + .input-label[b-js8gc3q2aq] {
  top: -4px;
  left: 2px;
  font-size: 10px;
  color: white;
  background-color: #303030;
  opacity: 0.95;
  z-index: 1;
  padding: 0 3px;
  line-height: 10px;
  transition: top 0.3s ease-out, left 0.3s ease-out, font-size 0.3s ease-out, color 0.3s ease-out, padding 0.3s ease-out, line-height 0.3s ease-out;
}
/* Client/Components/UI/Input/InputRoute.razor.rz.scp.css */
.search-select-container[b-fupmci6osr] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container input[type='search'][b-fupmci6osr] {
  border: none;
  flex-grow: 1;
  padding: 5px;
  outline: none;
}

.search-select-container select[b-fupmci6osr] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-fupmci6osr] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
  cursor: pointer;
}

td .searchable-dropdown[b-fupmci6osr] {
  margin-left: 0;
  left: 0 !important;
}

.chevron-icon[b-fupmci6osr] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-fupmci6osr] {
  position: absolute;
  z-index: 2;
  width: 100%;
  min-width: 250px;
  max-width: 400px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

.list-container[b-fupmci6osr] {
  position: relative;
  top: 0;
  left: 0;
}

.list-container .route-dropdown[b-fupmci6osr] {
  left: 1rem;
}

ul > li[b-fupmci6osr] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-fupmci6osr] {
  background-color: dodgerblue;
  cursor: pointer;
}

.right-dropdown[b-fupmci6osr] {
  margin-left: 0;
  right: 0;
}

.right-dropdown-container ul[b-fupmci6osr] {
  top: -1rem;
  margin-right: 1rem;
}

.show-stock[b-fupmci6osr] {
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
}

.route-dropdown[b-fupmci6osr] {
  left: 1;
}

td  .route-dropdown[b-fupmci6osr] {
  left: none;
  min-width: 12rem;
}
/* Client/Components/UI/Input/InputStock.razor.rz.scp.css */
.search-select-container[b-pyyp31r4yy] {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container input[type='search'][b-pyyp31r4yy] {
  border: none;
  flex-grow: 1;
  padding: 5px;
  outline: none;
}

.search-select-container select[b-pyyp31r4yy] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-pyyp31r4yy] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

.chevron-icon[b-pyyp31r4yy] {
  position: absolute;
  right: 10px; 
  top: 50%; 
  transform: translateY(-50%); 
  cursor: pointer;
  font-size: 16px;
  z-index: 0;
}

ul[b-pyyp31r4yy] {
  position: absolute;
  z-index: 100;
  top: 32px !important;
  left: 0;
  width: 300px;
  max-width: 300px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

ul > li[b-pyyp31r4yy] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-pyyp31r4yy] {
  background-color: dodgerblue;
  cursor: pointer;
}

.show-stock[b-pyyp31r4yy] {
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
}

.list-container[b-pyyp31r4yy] {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}

.image-btn[b-pyyp31r4yy] {
  padding: 3px 6px 4px 6px;
  margin-left: 0;
}

.btn-image[b-pyyp31r4yy] {
  margin: 0;
  bottom: 0;
}

.btn-image.disabled[b-pyyp31r4yy] {
  opacity: 0.3;
}

button[b-pyyp31r4yy] {
  all: unset;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
}
/* Client/Components/UI/Input/InputSurcharge.razor.rz.scp.css */
.search-select-container[b-pfboc1quam] {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container input[type='search'][b-pfboc1quam] {
  border: none;
  flex-grow: 1;
  padding: 5px;
  outline: none;
}

.search-select-container select[b-pfboc1quam] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown[b-pfboc1quam] {
  /* max-height: 2rem; */
  margin-left: 1rem;
  width: inherit;
  max-width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
  
}

.modal-content td .searchable-dropdown[b-pfboc1quam] {
  max-height: 2rem;
  margin-left: 0;
  width: 21.4rem;
}

.chevron-icon[b-pfboc1quam] {
  position: absolute;
  right: 10px; 
  top: 50%; 
  transform: translateY(-50%); 
  font-size: 16px;
  z-index: 2;
}

.chevron-icon:hover[b-pfboc1quam] {
  cursor: pointer;
}

ul[b-pfboc1quam] {
  position: absolute;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  z-index: 2;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
  margin-left: 1rem;
  width: 16rem;
  border-radius: 4px;
}

.modal-content td ul[b-pfboc1quam] {
  margin-left: 0;
  width: calc(100% - 20px);
}

.hide[b-pfboc1quam] {
  height: 0;
}

ul > li[b-pfboc1quam] {
  background: #424242;
  width: 100%;
  min-width: unset;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-pfboc1quam] {
  background-color: dodgerblue;
  cursor: pointer;
}

/* Client/Components/UI/Input/InputTemperature.razor.rz.scp.css */
.input-container[b-xl1nbtrbwz] {
  display: block;
  width: 100%;
  margin: 0;
  height: 2rem;
}

.input-container select[b-xl1nbtrbwz] {
  width: 100%;
  margin: 0;
  padding: 0;
}

.input-container select option[b-xl1nbtrbwz] {
  width: 100%;
  margin: 0;
}

.disabled-value[b-xl1nbtrbwz] {
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color: #8a8d93;
  line-height: 32px;
}
/* Client/Components/UI/Input/InputTest.razor.rz.scp.css */
.search-select-container[b-pci06q709z] {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}

.search-select-container input[type='search'][b-pci06q709z] {
  border: none;
  flex-grow: 1;
  padding: 5px;
  outline: none;
}

.search-select-container select[b-pci06q709z] {
  border: none;
  padding: 5px;
  background: transparent;
  cursor: pointer;
}

.searchable-dropdown-route[b-pci06q709z] {
  max-height: 2rem;
  margin-left: 1rem;
  width: 100%;
  max-width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: relative;
}

td .searchable-dropdown-route[b-pci06q709z] {
  max-height: 2rem;
  margin-left: 1rem;
  width: inherit;
  transform: translate(-1rem, -1rem);
  max-width: 100%;
  font-weight: inherit;
  font-family: inherit;
  position: absolute;
  z-index: 2; 
}

.chevron-icon[b-pci06q709z] {
  position: absolute;
  right: 10px; 
  top: 50%; 
  transform: translateY(-50%); 
  cursor: pointer;
  font-size: 16px;
}

ul[b-pci06q709z] {
  position: absolute;
  z-index: 100;
  transform: translateY(1rem);
  width: 250px;
  max-width: 250px;
  margin-top: 1px;
  border: 1px solid #888888;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  color: white;
}

ul > li[b-pci06q709z] {
  background: #424242;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
}

ul > li:hover[b-pci06q709z] {
  background-color: dodgerblue;
  cursor: pointer;
}

.right-dropdown[b-pci06q709z] {
  margin-left: 0;
  right: 0;
}

.right-dropdown-container ul[b-pci06q709z] {
  top: -1rem;
  margin-right: 1rem;
}

.show-stock[b-pci06q709z] {
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
}

/* Client/Components/UI/Input/InputTestResult.razor.rz.scp.css */
.input-container[b-amj9lrnxzk] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-amj9lrnxzk] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-amj9lrnxzk] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

/* .input-no-label:focus + .input-label,
.input-no-label:not(:placeholder-shown) + .input-label {
  top: 0;
  left: 2px;
  font-size: 10px;
  color: white;
  background-color: #303030;
  opacity: 0.95;
  z-index: 1;
  padding: 0 3px;
  line-height: 10px;
  transition: top 0.3s ease-out, left 0.3s ease-out, font-size 0.3s ease-out, color 0.3s ease-out, padding 0.3s ease-out, line-height 0.3s ease-out;
} */

.input-unit[b-amj9lrnxzk] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  right: 5px;
  translate: transformY(50%);
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.status-pass[b-amj9lrnxzk] {
  color: var(--success) !important;
  border-radius: 2px;
}

.status-warning[b-amj9lrnxzk] {
  color: var(--warning) !important;
  border-radius: 2px;
}

.status-fail[b-amj9lrnxzk] {
  color: var(--danger) !important;
  border-radius: 2px;
}
/* Client/Components/UI/Input/InputTextNoLabel.razor.rz.scp.css */
.input-container[b-lvrctt11sq] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-lvrctt11sq] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-lvrctt11sq] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.sidebar-form .input-no-label:focus + .input-label[b-lvrctt11sq],
.sidebar-form .input-no-label:not(:placeholder-shown) + .input-label[b-lvrctt11sq] {
  top: -4px !important;
}
/* Client/Components/UI/Input/InputTime.razor.rz.scp.css */
.input-container[b-rc52hrdyqc] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-rc52hrdyqc] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-rc52hrdyqc] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.sidebar-form .input-no-label:focus + .input-label[b-rc52hrdyqc],
.sidebar-form .input-no-label:not(:placeholder-shown) + .input-label[b-rc52hrdyqc] {
  top: -4px !important;
}
/* Client/Components/UI/Input/InputTimeSpan.razor.rz.scp.css */
.input-container[b-khz4rl2m9b] {
  position: relative;
  width: 100%;
  margin: 0;
}

.input-no-label[b-khz4rl2m9b] {
  border: 1px solid #424242;
  outline: none;
  padding: 5px;
  line-height: 32px;
}

.input-label[b-khz4rl2m9b] {
  font-size: 13px;
  color: #757575;
  font-weight: normal;
  position: absolute;
  line-height: 32px;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  padding: 0 8px 0 3px;
}

.sidebar-form .input-no-label:focus + .input-label[b-khz4rl2m9b],
.sidebar-form .input-no-label:not(:placeholder-shown) + .input-label[b-khz4rl2m9b] {
  top: -4px !important;
}
/* Client/Components/UI/Input/InputUrl.razor.rz.scp.css */
.open-url[b-g2x5wy1gje] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  padding: 0;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
}

.open-url :hover[b-g2x5wy1gje] {
  cursor: pointer;
  filter: invert(0.5);
}


.image[b-g2x5wy1gje] {
  height: 20px;
  width: 20px;
}
/* Client/Components/UI/Input/InputUser.razor.rz.scp.css */
.span-style[b-q3vn5ayb1t] {
    margin-left: 25px;
    text-align: left;
    font-weight: normal;
}

.input-container-user[b-q3vn5ayb1t] {
    position: relative;
    width: 100%;
    margin: 0;
    margin-left: 1rem;
}

.input-label[b-q3vn5ayb1t] {
    font-size: 13px;
    color: #757575;
    font-weight: normal;
    position: absolute;
    line-height: 32px;
    top: 0;
    left: 5px;
    pointer-events: none;
    transition: 0.5s ease-in-out;
    padding: 0 8px 0 3px;
}

.input-no-label + .input-label[b-q3vn5ayb1t] {
    top: -4px;
    left: 2px;
    font-size: 10px;
    color: white;
    background-color: #303030;
    opacity: 0.95;
    z-index: 1;
    padding: 0 3px;
    line-height: 10px;
    transition: top 0.3s ease-out, left 0.3s ease-out, font-size 0.3s ease-out, color 0.3s ease-out, padding 0.3s ease-out, line-height 0.3s ease-out;
}

.table-input[b-q3vn5ayb1t] {
  margin-left: 0;
}

.disabled-value[b-q3vn5ayb1t] {
  margin-left: 1rem;
  margin-right:1rem;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color: #8a8d93;
  line-height: 32px;
}
/* Client/Components/UI/Menu/UserMenu.razor.rz.scp.css */
.modal-dialog[b-9s4bfynlqf] {
  position: fixed;
  height: auto;
  width: 250px;
  z-index: 200;
  top: 4rem;
  right: 1rem;
  background-color: #424242;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1rem 0;
}

.modal-background[b-9s4bfynlqf] {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #ffffff33;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.modal-content ul[b-9s4bfynlqf] {
  list-style-type: none;
  padding: 0 1rem;
  margin: 0;
}

.modal-content ul:hover[b-9s4bfynlqf] {
  background-color: #323232;
}

.modal-content li[b-9s4bfynlqf] {
  cursor: pointer;
  padding: 10px 0;
}

.user-container[b-9s4bfynlqf] {
  display: grid;
  grid-template-columns: 50px 1fr;
  height: 50px;
  margin: 0 1rem;
  border-bottom: solid 1px #666666;
}

.username[b-9s4bfynlqf] {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}

.name[b-9s4bfynlqf] {
  margin: 3px 0 0 0;
}
/* Client/Components/UI/Overlay/LoadingOverlay.razor.rz.scp.css */
.loading-overlay[b-oz9ub1o6wq] {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 50;
    background-color: #ffffff13;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.loading-overlay.hidden[b-oz9ub1o6wq] {
    opacity: 0;
}
/* Client/Components/UI/SideModal.razor.rz.scp.css */
.modal-background[b-4ab6b4fyo5] {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #ffffff33;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.modal-dialog[b-4ab6b4fyo5] {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  background-clip: border-box;
  height: 100vh;
  width: 500px;
  z-index: 101;
  top: 0;
  right: 0;
  background-color: #303030;
  transition: right 2.5s ease-in-out;
  overflow-x: hidden;
}

.modal-content[b-4ab6b4fyo5] {
  position: relative; 
  padding: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  overflow: hidden; 
}

.modal-header[b-4ab6b4fyo5] {
  padding: 0 0 1rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  border-bottom: 2px solid #424242;
}

.modal-body[b-4ab6b4fyo5] {
  margin: 1rem 0 0 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 11rem);
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-footer[b-4ab6b4fyo5] {
  padding: 1rem 0 0 0;
  display: flex;
  justify-content: flex-end;
  height: 3.5rem;
  width: 100%;
  bottom: 0;
}

.fade-right[b-4ab6b4fyo5]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, transparent, #383838);
}
/* Client/Components/UI/Summary.razor.rz.scp.css */
.card[b-o52sw8rrlk] {
  transition: height 0.5s ease-in-out;
}

.card:has(.kpi-currency-balance) .kpi[b-o52sw8rrlk] {
  padding-top: 0;
}

.kpi-card[b-o52sw8rrlk] {
  display: grid;
  grid-template-rows: 30px 65px 45px;
  align-items: center; 
  justify-content: center;
  height: 140px;
  box-sizing: border-box;
  text-align: center;
}

.hide[b-o52sw8rrlk] {
  height: 0;
}

.kpi > span[b-o52sw8rrlk] {
  color: white;
  transition: color 1.5s ease-in-out;
}

.kpi-currency-balance > span[b-o52sw8rrlk] {
  color: white;
  transition: color 1.5s ease-in-out;
}

h5[b-o52sw8rrlk] {
  transition: opacity 1.5s ease-in-out;
}

.kpi-warning[b-o52sw8rrlk] {
  color: var(--warning) !important;
}

.kpi-bad[b-o52sw8rrlk] {
  color: var(--danger) !important;
}

.kpi-good[b-o52sw8rrlk] {
  color: var(--success) !important;
}
/* Client/Components/User/AvatarSelector.razor.rz.scp.css */
.modal-background[b-nnt8stynsp] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.avatar-modal[b-nnt8stynsp] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 688px; /* Adjust width as needed */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
  padding-bottom: 24px;
  overflow-y: auto;
}

.avatar-grid[b-nnt8stynsp] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  max-height: 45vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.container-button[b-nnt8stynsp] {
  width: 120px;
  height: 120px;
}

.container-button:hover[b-nnt8stynsp] {
  cursor: pointer;
  filter: invert(0.3);
}
/* Client/Components/User/PasswordReset.razor.rz.scp.css */
.modal-background[b-ggc364n0fg] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.password-modal[b-ggc364n0fg] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px; /* Adjust width as needed */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
  padding-bottom: 24px;
}

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

.password[b-ggc364n0fg] {
  width: 15rem;
}
/* Client/Layout/BodyContainer.razor.rz.scp.css */
.fullscreen[b-lh3m3b4z8y] {
  position: absolute;
  background-color: var(--background);
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  overflow-x: hidden;
}

.fullscreen-container[b-lh3m3b4z8y] {
  position: relative;
}

.fullscreen > .fullscreen-container[b-lh3m3b4z8y] {
  margin-left: 1rem;
  width: calc(100vw - 2.5rem);
  height: calc(100vh - 4rem);
}

.header[b-lh3m3b4z8y] {
  position: relative;
  height: 3rem;
  max-height: 3rem;
  width: 100vw;
}

.logo[b-lh3m3b4z8y] {
  position: absolute;
  height: 1rem;
  top: 1.0rem;
  left: 2.4rem;
}

.image-btn[b-lh3m3b4z8y] {
  height: 36px;
  width: 48px !important;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 0 !important;
  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.btn:hover[b-lh3m3b4z8y] {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.btn-image[b-lh3m3b4z8y] {
  margin: 0;
  bottom: 0;
}
/* Client/Layout/Header.razor.rz.scp.css */
.header[b-e94nhbuled] {
  position: sticky;
  top: 0;
  background-color: #303030;
  justify-content: flex-start;
  height: 3.5rem;
  max-height: 3.5rem;
  max-width: 100vw;
  display: flex;
  align-items: center;
  z-index: 100;
  padding: 0.5rem 1.5rem 0 0.5rem;
}

.logo[b-e94nhbuled] {
  position: absolute;
  height: 1.8rem;
  top: 1.2rem;
  left: 2.4rem;
}

.holiday-logo[b-e94nhbuled] {
  position: absolute;
  height: 2.35rem;
  top: 0.65rem;
  left: 2.25rem;
}

.header-text[b-e94nhbuled] {
  font-weight: 600;
  margin: 0 1rem;
  color: white;
}

.button[b-e94nhbuled] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  margin: 0 0.25rem;
  margin-left: 0.5rem;
  padding: 0;
}

.button:hover[b-e94nhbuled] {
  filter: invert(0.3);
}

.header-image[b-e94nhbuled] {
  height: 2rem;
  width: 2rem;
}

.filter-button[b-e94nhbuled] {
  position: relative;
}

.filter-modal[b-e94nhbuled] {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 4px;
  z-index: 101;
  display: block;
  transform: translate(172px, 36px);
}

.filter-modal[b-e94nhbuled]::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

/* Search */
.search[b-e94nhbuled] {
  color: #555;
  display: flex;
  padding: 2px;
  border: 1px solid currentColor;
  border-radius: 5px;
}

.search-card[b-e94nhbuled] {
  align-items: right;
  max-width: 20%;
}

.search input[type='search'][b-e94nhbuled] {
  border: none;
  background: transparent;
  margin: 0;
  padding: 7px 8px;
  font-size: 13px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
  color: white;
}

.search input[type='search'][b-e94nhbuled]::placeholder {
  color: #bbb;
}

.search input[type='search']:focus-visible[b-e94nhbuled] {
    outline: none;
    box-shadow: none;
}

.search-button[b-e94nhbuled] {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E")
    no-repeat center;
  cursor: pointer;
  opacity: 0.7;
}

.search button[type='submit']:hover[b-e94nhbuled] {
  opacity: 1;
}

.search-container[b-e94nhbuled] {
  position: relative;
  margin-left: auto;
  margin-right: 1rem;
  max-width: 20rem;
}

ul[b-e94nhbuled] {
  position: absolute;
  z-index: 100;
  top: 32px !important;
  left: -12.4rem;
  width: 400px;
  margin-top: 6px;
  border: 1px solid #888888;
  border-radius: 5px;
  background-color: #424242;
  max-height: 16rem;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  text-align: left;
  padding: 8px;
  color: white;
}

ul > li[b-e94nhbuled] {
  display: grid;
  grid-template-columns: 4rem 7rem 13rem;
  gap: 0.5rem;
  background: #424242;
  width: calc(100% - 18px);
  font-weight: 400;
  font-size: 16px;
  padding: 5px 10px;
  line-height: 22px;
}

ul > li:hover[b-e94nhbuled] {
  background-color: #323232;
  cursor: pointer;
}

.col-1[b-e94nhbuled] {
  text-align: center;
}

.col-2[b-e94nhbuled] {
  text-align: center;
}
/* Client/Layout/MainLayout.razor.rz.scp.css */
.page[b-g3rv2v5dbs] {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  /* overflow: hidden; */
}

.container[b-g3rv2v5dbs] {
  display: flex;
  margin: 0;
  max-height: 100%;
  flex: 1;
}

.content[b-g3rv2v5dbs] {
  flex: 1;
  width: 100%;
  height: 100%;
  background-color: #424242;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 57px); 
}

.body[b-g3rv2v5dbs] {
  height: calc(100% - 18.5rem);
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  color: white;
  background-color: inherit;
  flex-grow: 1; 
}

main[b-g3rv2v5dbs] {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 1.5rem;
}
/* Client/Layout/NavMenu.razor.rz.scp.css */
.nav-container[b-zg092zfllq] {
  max-height: calc(100vh - 6.5rem);
}

.sidebar-header[b-zg092zfllq] {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 41px;
  overflow: hidden;
}

.container-fluid[b-zg092zfllq] {
  width: 100%;
}

.navbar-toggler[b-zg092zfllq] {
  width: 1.5rem;
  height: 1.5rem;
}

.navbar-toggler-icon[b-zg092zfllq] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(187deg) brightness(106%) contrast(102%);
}

.top-row[b-zg092zfllq] {
  height: 2rem;
}

.navbar-brand[b-zg092zfllq] {
  font-size: 1.1rem;
}

.oi[b-zg092zfllq] {
  width: 2rem;
  font-size: 1.1rem;
  vertical-align: text-top;
  top: -2px;
}

.nav-item[b-zg092zfllq] {
  padding: 0 0.5rem 0.5rem 0.5rem;
  font-size: 0.9rem;
}

.nav-item:last-of-type[b-zg092zfllq] {
  padding-bottom: 1rem;
}

.nav-link-container[b-zg092zfllq] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 3rem;
  padding: 0 10px 0 10px;
  color: #d7d7d7;
  border-radius: 4px;
  height: 3rem;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--primary) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: 99.8% bottom;
  transition:
    color 0.4s ease-in-out,
    font-weight 0.4s ease-in-out,
    background-position 0.4s ease-in-out,
    padding 0.4s ease-in-out;
}

.collapse .nav-link-container[b-zg092zfllq] {
  background-position: 100.1% bottom;
}

[b-zg092zfllq] .popup-menu-container .nav-link-container{
  background-position: right bottom;
}

.nav-item:hover > .nav-link-container[b-zg092zfllq] {
  background-position: left bottom;
  color: var(--background-2);
  font-weight: 500;
}

.nav-item:hover > .nav-link-container img[b-zg092zfllq] {
  filter: invert(0);
}

[b-zg092zfllq] .nav-link-container .open-button img {
  transition: filter 0.4s ease-in-out;
}

[b-zg092zfllq] .nav-item:hover .nav-link-container .open-button img {
  filter: invert(1);
}

[b-zg092zfllq] .popup-menu-container .nav-link-container {
  font-weight: normal;
}

[b-zg092zfllq] .popup-menu-container .nav-link-container:hover {
  background-position: left bottom !important;
  color: var(--background-2) !important;
  font-weight: 500;
}

.nav-link-container a[b-zg092zfllq] {
  width: 100%;
}

.nav-link-container.active[b-zg092zfllq] {
  background-color: rgba(136, 140, 255);
  color: white;
}

.nav-scrollable[b-zg092zfllq] {
  height: calc(100% - 41px);
  overflow-y: auto;
  max-height: calc(100vh - 5.5rem);
  transition: width 0.4s ease-in-out;
}

.image-btn[b-zg092zfllq] {
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}

.collapse[b-zg092zfllq] {
  width: 60px;
}

.collapse-button[b-zg092zfllq] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  margin-right: 0.5rem;
  cursor: pointer;
  border-radius: 8px;
  height: 24px;
  width: 24px;
  padding: 0;
  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}

.expand[b-zg092zfllq] {
  transform: scaleX(-1);
}

.collapse-button img[b-zg092zfllq] {
  filter: invert(1);
  transition: transform 0.3s ease-in-out;
}

.collapse-button:hover[b-zg092zfllq] {
  color: var(--background-2);
  background-color: var(--primary);
}

.sidebar[b-zg092zfllq] {
  width: 200px;
  background-color: #303030;
  color: #fff;
  overflow-y: auto;
  z-index: 99;
  transition: width 0.4s ease-in-out;
}

.sidebar:has(.collapse)[b-zg092zfllq] {
  width: 60px;
}

[b-zg092zfllq] nav > .nav-item > .nav-link-container > .nav-link {
  display: grid;
  grid-template-columns: 32px 100px;
  transition: grid-template-columns 0.4s ease-in-out;
}

[b-zg092zfllq] .collapse > nav > .nav-item > .nav-link-container > .nav-link {
  grid-template-columns: 32px 0;
  overflow: hidden;
  white-space: nowrap;
}

[b-zg092zfllq] .collapse .nav-link-container .open-button img {
  display: none;
}

[b-zg092zfllq] .menu-icon {
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-right: auto;
}

[b-zg092zfllq] .menu-icon img {
  transition: filter 0.4s ease-in-out;
  filter: invert(1);
}

[b-zg092zfllq] .collapse .popup-menu-container {
  left: 60px !important;
}

.pin-button[b-zg092zfllq] {
  background: none;
  border: none;
  border-radius: 8px;
  padding: 4px;
  transition:
    filter 0.4s ease-in-out,
    background-color 0.4s ease-in-out;
  cursor: pointer;
  margin-right: 6px;
}

.pin-button img[b-zg092zfllq] {
  filter: invert(1);
}

.pin-button:hover[b-zg092zfllq] {
  background-color: var(--primary);
}

.expand.icon[b-zg092zfllq] {
  filter: invert(1);
  width: 16px;
  height: 16px;
  transition: filter 0.4s ease-in-out;
}

.expand.icon:hover[b-zg092zfllq] {
  filter: invert(0);
}

.pin-icon:hover[b-zg092zfllq] {
  filter: invert(0);
}

.icon-wrapper[b-zg092zfllq] {
  position: relative;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pin-icon[b-zg092zfllq] {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transition: opacity 0.4s ease-in-out;
}

.pin-icon.hidden[b-zg092zfllq] {
  opacity: 0;
  pointer-events: none;
}

.pin-icon.visible[b-zg092zfllq] {
  opacity: 1;
}
/* Client/Layout/PopupMenu.razor.rz.scp.css */
.open-button[b-90vomhlqci] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-menu-container[b-90vomhlqci] {
  position: absolute;
  background-color: var(--background-2);
  z-index: 1000;
  left: 200px;
  width: 250px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow:
    2px -2px 2px #6e6e6e71,
    2px 2px 2px #6e6e6e71;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s;
}

.popup-menu-container.is-visible[b-90vomhlqci] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* Client/Layout/TopMenu.razor.rz.scp.css */
.top-menu[b-9mame6yhil] {
  position: sticky;
  background-color: #303030;
  border-bottom: 1px solid #d6d5d571;
  display: flex;
  justify-content: flex-start;
  height: 1.5rem;
  max-width: 100%;
  align-items: center;
  margin-top: 0; 
  padding : 0.5rem;
  z-index: 51;
}

.top-menu ul[b-9mame6yhil] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; 
  flex-grow: 1;
}

.top-menu li[b-9mame6yhil] {
  display: block;
  margin: 0 1rem;
}

.top-menu li a[b-9mame6yhil] {
  font-weight: 500;
  text-decoration: none;
  color: white;
}

.image-btn[b-9mame6yhil] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: auto;
  padding: 0 !important;
  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.btn:hover[b-9mame6yhil] {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.btn-image[b-9mame6yhil] {
  margin: 0;
  bottom: 0;
}
/* Client/Pages/Account/UserAccountPage.razor.rz.scp.css */
.summary-info[b-qtow7k8kzz] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.single-column[b-qtow7k8kzz] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-qtow7k8kzz] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-qtow7k8kzz],
.summary-info label > select[b-qtow7k8kzz],
.summary-info label > div[b-qtow7k8kzz] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-qtow7k8kzz] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-qtow7k8kzz] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-qtow7k8kzz] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-qtow7k8kzz] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-qtow7k8kzz] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-qtow7k8kzz] {
  row-gap: 0;
}

.table-responsive[b-qtow7k8kzz] {
  max-height: 85%;
}

.input-verification[b-qtow7k8kzz] {
  width: 100%;
  position: relative;
}

.tick-icon[b-qtow7k8kzz] {
  position: absolute;
  right: 15px;
  transform: translateY(6px);
  color: green; 
}

.roles-table-content[b-qtow7k8kzz] {
  text-align: left;
  font-size: 13px;
  font-weight: 400;
}

.roles-table[b-qtow7k8kzz] {
  margin-left: 22px;
}

.avatar[b-qtow7k8kzz] {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}

.avatar:hover[b-qtow7k8kzz] {
  cursor: pointer;
  filter: invert(0.3);
}
/* Client/Pages/Account/UserNotificationPage.razor.rz.scp.css */
.summary-info[b-mq7xtfb2e7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.single-column[b-mq7xtfb2e7] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-mq7xtfb2e7] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-mq7xtfb2e7],
.summary-info label > select[b-mq7xtfb2e7],
.summary-info label > div[b-mq7xtfb2e7] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-mq7xtfb2e7] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-mq7xtfb2e7] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-mq7xtfb2e7] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-mq7xtfb2e7] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-mq7xtfb2e7] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-mq7xtfb2e7] {
  row-gap: 0;
}

.table-responsive[b-mq7xtfb2e7] {
  max-height: 85%;
}

.input-verification[b-mq7xtfb2e7] {
  width: 100%;
  position: relative;
}

.tick-icon[b-mq7xtfb2e7] {
  position: absolute;
  right: 15px;
  transform: translateY(6px);
  color: green;
}

.table-switches[b-mq7xtfb2e7] {
  width: 8rem;
}

.checkbox-container[b-mq7xtfb2e7] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Client/Pages/Admin/Business/BusinessPage.razor.rz.scp.css */
.summary-info[b-3hc4d4s7cq] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.single-set[b-3hc4d4s7cq] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.summary-info label[b-3hc4d4s7cq] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-3hc4d4s7cq],
.summary-info label > select[b-3hc4d4s7cq],
.summary-info label > div[b-3hc4d4s7cq] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-3hc4d4s7cq] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-3hc4d4s7cq] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-3hc4d4s7cq] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
/* Client/Pages/Admin/Business/CustomisationPage.razor.rz.scp.css */
.layout-horizontal[b-palwqm1cvs] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-palwqm1cvs] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-palwqm1cvs] {
  max-height: 360px;
}

.summary-info[b-palwqm1cvs] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info-switches-full[b-palwqm1cvs] {
  grid-template-columns: repeat(4, 1fr);
}

.summary-info > label[b-palwqm1cvs] {
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info-standard label[b-palwqm1cvs] {
  grid-template-columns: 1fr 3fr !important;
}

.summary-info > label > input[b-palwqm1cvs],
.summary-info > label > select[b-palwqm1cvs],
.summary-info > label > div[b-palwqm1cvs] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info > label > button[b-palwqm1cvs] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-palwqm1cvs] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-palwqm1cvs] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
/* Client/Pages/Admin/Business/EmailSettingsPage.razor.rz.scp.css */
.layout-horizontal[b-feqjbbym4s] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-feqjbbym4s] {
  /* max-height: 500px; */
  width: 100%;
  flex: 1;
}

.summary-info[b-feqjbbym4s] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.summary-info > label[b-feqjbbym4s] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info > label > input[b-feqjbbym4s],
.summary-info > label > select[b-feqjbbym4s],
.summary-info > label > div[b-feqjbbym4s] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info > label > button[b-feqjbbym4s] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-feqjbbym4s] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-feqjbbym4s] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.cc-inputs[b-feqjbbym4s] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.cc-inputs select[b-feqjbbym4s] {
  height: 100px;
}

.cc-inputs select option[b-feqjbbym4s] {
  height: 20px !important;
}
/* Client/Pages/Admin/Business/PaperworkSettingsPage.razor.rz.scp.css */
.layout-horizontal[b-b9rjyvt2ix] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-b9rjyvt2ix] {
  /* max-height: 500px; */
  width: 100%;
  flex: 1;
}

.card-body[b-b9rjyvt2ix] {
  max-height: unset;
}

.summary-info[b-b9rjyvt2ix] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info > label[b-b9rjyvt2ix] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 34px;
}

.summary-info > label > input[b-b9rjyvt2ix],
.summary-info > label > select[b-b9rjyvt2ix],
.summary-info > label > div[b-b9rjyvt2ix] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info > label > button[b-b9rjyvt2ix] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-b9rjyvt2ix] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-b9rjyvt2ix] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.full-width[b-b9rjyvt2ix] {
  grid-column: span 2;
  grid-template-columns: 1fr 7fr !important;
  transform: translateX(-7px);
  max-width: calc(100% + 7px);
  margin-left: 0;
  margin-right: 43px;
}

.files-container[b-b9rjyvt2ix] {
  min-width: 20rem;
  max-width: 50rem;
  display: flex;
  flex-direction: row;
}

.files-container .btn[b-b9rjyvt2ix] {
  padding: 5px 0.5rem 5px 0.5rem;
  height: 18px;
  margin: auto 5px;
}

.files-container button[b-b9rjyvt2ix] {
  height: 36px !important;
}

.file-card[b-b9rjyvt2ix] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  background-color: #424242;
  align-items: center;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
  font-weight: normal;
  pointer-events: auto;
}

.file-card:hover[b-b9rjyvt2ix] {
  cursor: pointer;
}

.file-info[b-b9rjyvt2ix] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  margin-right: 1rem;
  width: 100%;
}

.file-header[b-b9rjyvt2ix] {
  font-size: 13px;
  line-height: unset;
  margin: 0;
}

.file-detail[b-b9rjyvt2ix] {
  margin: 0 0 6px 0;
  font-size: 13px;
  line-height: 1.2rem;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-align: left;
}

.file-date[b-b9rjyvt2ix] {
  font-style: italic;
  font-size: 11px;
  text-align: right;
  margin: auto 0 0 0;
}

.footer-container[b-b9rjyvt2ix] {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.label-button[b-b9rjyvt2ix] {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 12px;
  height: 26px;
}

.btn-remove-image[b-b9rjyvt2ix] {
  margin: 5px auto;
  width: 12px;
  height: 12px;
}

.file-upload-container[b-b9rjyvt2ix] {
  margin-left: 1rem;
}

.image-btn[b-b9rjyvt2ix] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.btn-image[b-b9rjyvt2ix] {
  margin: 0;
  bottom: 0;
}

.button-container[b-b9rjyvt2ix] {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Client/Pages/Admin/Business/SettingsPage.razor.rz.scp.css */
.layout-horizontal[b-kqboejgf38] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-kqboejgf38] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-kqboejgf38] {
  max-height: 360px;
}

.summary-info[b-kqboejgf38] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info > label[b-kqboejgf38] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info > label > input[b-kqboejgf38],
.summary-info > label > select[b-kqboejgf38],
.summary-info > label > div[b-kqboejgf38] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info > label > button[b-kqboejgf38] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-kqboejgf38] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-kqboejgf38] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

/* Client/Pages/Admin/Calendar/WorkingCalendar.razor.rz.scp.css */
table[b-j9j4uo7111] {
  width: 100%; 
  table-layout: fixed;
}

.nav-button[b-j9j4uo7111] {
  border: none;
  background-color: transparent;
  color: white;
  cursor: pointer;
}

.card-body[b-j9j4uo7111] {
  max-height: unset;
}

.month-label[b-j9j4uo7111] {
  width: 12rem;
  text-align: center;
}

th[b-j9j4uo7111] {
  width: 10rem;
  padding-bottom: 1rem;
}

.week-row[b-j9j4uo7111] {
  height: 7rem;
}

.day[b-j9j4uo7111] {
  position: relative;
  height: 7rem;
  width: 10rem;
}

.day-card[b-j9j4uo7111] {
  background-color: var(--background);
  border-radius: 8px;
  height: 100%;
  width: 100%;
}

.day .label[b-j9j4uo7111] {
  position: absolute;
  left: 7px;
  top: 7px;
  font-weight: 500;
  font-size: 13px;
}

.holiday-container[b-j9j4uo7111] {
  padding-top: 1.6rem;
}

.holiday-card[b-j9j4uo7111] {
  margin: 4px;
  padding: 4px;
  font-size: 13px;;
  border-radius: 4px;
  height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.national-holiday[b-j9j4uo7111] {
  background-color: var(--success);
  color: var(--background-2);
}

.public-holiday[b-j9j4uo7111] {
  background-color: var(--primary);
  color: var(--background-2);
}

.company-shutdown[b-j9j4uo7111] {
  background-color: var(--warning);
  color: var(--background-2);
}

.custom-non-working[b-j9j4uo7111] {
  background-color: #808080;
  color: var(--background-2);
}

.working-day[b-j9j4uo7111] {
  opacity: 0.25;
}
/* Client/Pages/Admin/Capture/CaptureAdminPage.razor.rz.scp.css */
.layout-horizontal[b-qn6vuhwb9b] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-qn6vuhwb9b] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-qn6vuhwb9b] {
  max-height: 360px;
}

.table-header th[b-qn6vuhwb9b] {
  font-size: small;
  font-weight: 400;
  text-align: center;
  width: 1fr;
}

.table-body td[b-qn6vuhwb9b] {
  text-align: center;
}
/* Client/Pages/Admin/Data/FileManagement.razor.rz.scp.css */
.broken-link[b-3i2mymierx] {
  color: var(--danger) !important;
}
/* Client/Pages/Admin/Finance/FinancePage.razor.rz.scp.css */
.layout-horizontal[b-ljcezeza0l] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-ljcezeza0l] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-ljcezeza0l] {
  max-height: 360px;
}
/* Client/Pages/Admin/Integrations/Integrations.razor.rz.scp.css */
.layout-horizontal[b-h3wo4ky0yf] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-h3wo4ky0yf] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-h3wo4ky0yf] {
  max-height: 360px;
}

.conversion-table[b-h3wo4ky0yf] {
  width: 90%;
  table-layout: fixed;
  margin-bottom: 2rem;
}

.table-header th[b-h3wo4ky0yf] {
  font-size: small;
  font-weight: 400;
  text-align: center;
  width: 1fr;
}

.table-body td[b-h3wo4ky0yf] {
  text-align: center;
}
/* Client/Pages/Admin/License/LicenseManagement.razor.rz.scp.css */
.layout-horizontal[b-3ikf12844u] {
  height: 100px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 0;
}

h2[b-3ikf12844u] {
  margin-bottom: 0;
}

.card[b-3ikf12844u] {
  height: 100px;
  width: 100%;
  flex: 1;
}

.license-table[b-3ikf12844u] {
  height: auto;
}

.header[b-3ikf12844u] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
}

.image[b-3ikf12844u] {
  max-height: 20%;
}

.selected[b-3ikf12844u] {
  box-sizing: border-box;
  border: solid 2px var(--success);
}

.selected .image[b-3ikf12844u] {
  max-height: 25%;
}

.description[b-3ikf12844u] {

}


.card-body[b-3ikf12844u] {
  max-height: 360px;
}

.conversion-table[b-3ikf12844u] {
  width: 90%;
  table-layout: fixed;
  margin-bottom: 2rem;
}

.table-header th[b-3ikf12844u] {
  font-size: small;
  font-weight: 400;
  text-align: center;
  width: 1fr;
}

.table-body td[b-3ikf12844u] {
  text-align: center;
}

.modal-background[b-3ikf12844u] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.login-modal[b-3ikf12844u] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 15rem;
  width: 80%; /* Adjust width as needed */
  max-width: 600px; /* Maximum width */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */
  z-index: 1000; /* Ensure it is above other elements */
}

.formwrap[b-3ikf12844u] {
  margin: 0 1rem 0.5rem;
  display: grid;
  gap: 1rem;
  color: white;
}
/* Client/Pages/Admin/Other/OtherPage.razor.rz.scp.css */
.layout-horizontal[b-63efmlab9s] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-63efmlab9s] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-63efmlab9s] {
  max-height: 360px;
}

.table-header th[b-63efmlab9s] {
  font-size: small;
  font-weight: 400;
  text-align: center;
  width: 1fr;
}

.table-body td[b-63efmlab9s] {
  text-align: center;
}
/* Client/Pages/Admin/Planning/AssetPage.razor.rz.scp.css */
.summary-info[b-v985vn95rd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-v985vn95rd] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-v985vn95rd],
.summary-info label > select[b-v985vn95rd],
.summary-info label > div[b-v985vn95rd] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-v985vn95rd] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-v985vn95rd] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-v985vn95rd] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.add-button[b-v985vn95rd] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  padding: 4px;
}

.btn-image[b-v985vn95rd] {
  margin-left: 0;
}

.btn-image:hover[b-v985vn95rd] {
  filter: invert(0.5);
}
/* Client/Pages/Admin/Planning/LabsPage.razor.rz.scp.css */
.summary-info[b-zt4gwq9equ] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.single-column[b-zt4gwq9equ] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-zt4gwq9equ] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-zt4gwq9equ],
.summary-info label > select[b-zt4gwq9equ],
.summary-info label > div[b-zt4gwq9equ] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-zt4gwq9equ] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-zt4gwq9equ] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-zt4gwq9equ] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.add-button[b-zt4gwq9equ] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  padding: 4px;
}

.btn-image[b-zt4gwq9equ] {
  margin-left: 0;
}

.btn-image:hover[b-zt4gwq9equ] {
  filter: invert(0.5);
}

.tag-container[b-zt4gwq9equ] {
  justify-content: start;
}

.summary-info-inputs label[b-zt4gwq9equ] {
  line-height: 2rem;
}

.chemistry label[b-zt4gwq9equ] {
  grid-template-columns: 1fr 2fr;
}

.summary-grid[b-zt4gwq9equ] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 120px;
  gap: 10px;
}

.results[b-zt4gwq9equ] {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
  overflow-y: auto;
  height: 100%;
  justify-content: flex-start;
}

.result-card[b-zt4gwq9equ] {
  position: relative;
  background-color: var(--background);
  /* color: var(--background); */
  width: 100px;
  height: 75px;
  border-radius: 10px;
}

.header[b-zt4gwq9equ] {
  position: absolute;
  width: calc(100% - 10px);
  padding: 0 2px;
  text-align: center;
  font-size: 10px;
  top: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.result-value[b-zt4gwq9equ] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 40px);
  width: calc(100% - 10px);
  padding: 20px 5px;
  text-align: center;
  font-weight: semi-bold;
  font-size: 1.7rem;
}

.result-unit[b-zt4gwq9equ] {
  bottom: 5px;
  position: absolute;
  width: calc(100% - 10px);
  text-align: center;
  font-size: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pass[b-zt4gwq9equ] {
  color: var(--success);
}

.fail[b-zt4gwq9equ] {
  color: var(--danger);
}

.warning-result[b-zt4gwq9equ] {
  color: var(--warning);
}

.chart-selected[b-zt4gwq9equ] {
   border: 2px solid #777777;
   background-color: #555555;
   box-sizing: border-box;
}

label span:nth-of-type(2)[b-zt4gwq9equ] {
  text-align: left;
  font-weight: normal;
  line-height: 32px;
  margin-left: 1rem;
  color: #8a8d93;
  font-size: 16px;
}
/* Client/Pages/Admin/Planning/PlanningAdminPage.razor.rz.scp.css */
.layout-horizontal[b-r4s1rvvom2] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-r4s1rvvom2] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-r4s1rvvom2] {
  max-height: 360px;
}

.conversion-table[b-r4s1rvvom2] {
  width: 90%;
  table-layout: fixed;
  margin-bottom: 2rem;
}

.table-header th[b-r4s1rvvom2] {
  font-size: small;
  font-weight: 400;
  text-align: center;
  width: 1fr;
}

.table-body td[b-r4s1rvvom2] {
  text-align: center;
}
/* Client/Pages/Admin/Planning/RoutePage.razor.rz.scp.css */
.summary-info[b-uh5tcb74n2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-uh5tcb74n2] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-uh5tcb74n2],
.summary-info label > select[b-uh5tcb74n2],
.summary-info label > div[b-uh5tcb74n2] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-uh5tcb74n2] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-uh5tcb74n2] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-uh5tcb74n2] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
/* Client/Pages/Admin/Planning/ToolPage.razor.rz.scp.css */
.summary-info[b-axjriiokgq] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-axjriiokgq] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-axjriiokgq],
.summary-info label > select[b-axjriiokgq],
.summary-info label > div[b-axjriiokgq] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-axjriiokgq] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-axjriiokgq] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-axjriiokgq] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.add-button[b-axjriiokgq] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  padding: 4px;
}

.btn-image[b-axjriiokgq] {
  margin-left: 0;
}

.btn-image:hover[b-axjriiokgq] {
  filter: invert(0.5);
}
/* Client/Pages/Admin/Qualifications/SkillsPage.razor.rz.scp.css */
.tag-container[b-hmug5vr4tl] {
  margin: 0 0 1rem 2rem;
}

.center-align-image[b-hmug5vr4tl] {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Client/Pages/Admin/Quality/QualityPage.razor.rz.scp.css */
.layout-horizontal[b-en1ew23433] {
  min-height: 350px;
  max-height: 500px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

.card[b-en1ew23433] {
  max-height: 500px;
  width: 100%;
  flex: 1;
}

.card-body[b-en1ew23433] {
  max-height: 360px;
}
/* Client/Pages/Admin/Quality/TestPlanPage.razor.rz.scp.css */
.summary-info[b-u4935rk4e4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-u4935rk4e4] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-u4935rk4e4],
.summary-info label > select[b-u4935rk4e4],
.summary-info label > div[b-u4935rk4e4] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-u4935rk4e4] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-u4935rk4e4] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-u4935rk4e4] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
/* Client/Pages/Admin/Systems/SystemManagement.razor.rz.scp.css */
.update-grid[b-a0mw1628v0] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: left;
}

.no-updates[b-a0mw1628v0] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

label[b-a0mw1628v0] {
  justify-content: center;
}

label span:first-of-type[b-a0mw1628v0] {
  font-weight: normal;
  margin-right: 1rem;
} 

label span:nth-of-type(2)[b-a0mw1628v0] {
  font-size: 13;
}

.status-label[b-a0mw1628v0] {
  min-width: 200px;
  width: 50%;
  text-align: center;
  padding: 8px;
  border: solid 2px var(--background);
  border-radius: 6px;
  margin: auto;
}

.status-container[b-a0mw1628v0] {
  width: 100%;
}

.status-success[b-a0mw1628v0] {
  border: solid 2px var(--success) !important;
  color: var(--success);
}

.status-failed[b-a0mw1628v0] {
  border: solid 2px var(--danger) !important;
  color: var(--danger);
}
/* Client/Pages/Admin/Utility/UtilityPage.razor.rz.scp.css */
.update-grid[b-zoucypws5n] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: left;
}

.no-updates[b-zoucypws5n] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

label[b-zoucypws5n] {
  justify-content: center;
}

label span:first-of-type[b-zoucypws5n] {
  font-weight: normal;
  margin-right: 1rem;
} 

label span:nth-of-type(2)[b-zoucypws5n] {
  font-size: 13;
}

.status-label[b-zoucypws5n] {
  min-width: 200px;
  width: 50%;
  text-align: center;
  padding: 8px;
  border: solid 2px var(--background);
  border-radius: 6px;
  margin: auto;
}

.status-container[b-zoucypws5n] {
  width: 100%;
}

.status-success[b-zoucypws5n] {
  border: solid 2px var(--success) !important;
  color: var(--success);
}

.status-failed[b-zoucypws5n] {
  border: solid 2px var(--danger) !important;
  color: var(--danger);
}

.global-information[b-zoucypws5n] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.global-information label[b-zoucypws5n] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.global-information label > input[b-zoucypws5n],
.global-information label > select[b-zoucypws5n],
.global-information label > div[b-zoucypws5n] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.global-information select[b-zoucypws5n] {
  height: 36px;
  padding: 2px 6px;
}

.global-information[b-zoucypws5n]  .input-container {
  margin-left: 1rem;
}

[b-zoucypws5n] .percent-symbol {
  top: 6px;
}
/* Client/Pages/Auth/LoginPage.razor.rz.scp.css */
main[b-mvefyvpz1m] {
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
}

.background[b-mvefyvpz1m] {
  height: 100%;
  width: 100%;
  margin: 0;
  background-image: url('/images/login/powder.jpg');
  filter: brightness(90%) contrast(92%);
}

.login-box[b-mvefyvpz1m] {
  position: relative;
  width: 400px;
  height: 250px;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  display: grid;
}

.card-body[b-mvefyvpz1m] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1.5rem;
  padding-top: 0 !important;
}

.card-footer[b-mvefyvpz1m] {
  display: grid;
}

.form-header[b-mvefyvpz1m] {
  padding: 1rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 36px;
  border-bottom: 2px solid #424242;
}

.form-header h3[b-mvefyvpz1m] {
  margin: 0;
  color: white;
}

.form-header[b-mvefyvpz1m]:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid black;
}

.formwrap[b-mvefyvpz1m] {
  margin: 1.5rem 1rem 0.5rem;
  display: grid;
  gap: 1rem;
  color: white;
}

.forgotten-password[b-mvefyvpz1m] {
  position: relative;
  bottom: 0;
  transform: translate(0, 0.5rem);
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: small;
  color: white;
}

.logo[b-mvefyvpz1m] {
  position: absolute;
  margin: 3rem 0 0 3rem;
  height: 50px;
}

.holiday-logo[b-mvefyvpz1m] {
  position: absolute;
  margin: 2rem 0 0 43px;
  height: 66px;
}

.yeti-container[b-mvefyvpz1m] {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  padding: 1rem;
}

.yeti[b-mvefyvpz1m] {
  position: relative;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: white;
  display: inline-block;
  margin: 0;
}

.sub-header[b-mvefyvpz1m] {
  position: relative;
  text-align: center;
  font-size: 0.5rem;
  font-weight: 400;
  color: white;
  letter-spacing: 1px;
  z-index: 1;
  top: 0.1rem;
  margin: 0;
}

.yeti[b-mvefyvpz1m]::before {
  content: '';
  display: block;
  width: 30%;
  margin: 0 auto;
  left: 0;
  height: 1px;
  background-color: white;
  position: absolute;
  bottom: -0.5rem;
}

.yeti[b-mvefyvpz1m]::after {
  content: '';
  display: block;
  width: 30%;
  margin: 0 auto;
  right: 0;
  height: 1px;
  background-color: white;
  position: absolute;
  bottom: -0.5rem;
}
/* Client/Pages/Auth/ResetPassword.razor.rz.scp.css */
main[b-k20bolz8oh] {
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
}

.background[b-k20bolz8oh] {
  height: 100%;
  width: 100%;
  margin: 0;
  background-image: url('/images/auth/lost.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(90%) contrast(92%);
}

.login-box[b-k20bolz8oh] {
  position: relative;
  width: 400px;
  height: 250px;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  display: grid;
}

.card-body[b-k20bolz8oh] {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 1.5rem;
  padding-top: 0 !important;
}

.card-footer[b-k20bolz8oh] {
  display: grid;
}

.form-header[b-k20bolz8oh] {
  padding: 1rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 36px;
  border-bottom: 2px solid #424242;
}

.form-header h3[b-k20bolz8oh] {
  margin: 0;
  color: white;
}

.form-header[b-k20bolz8oh]:after {
  content: ' ';
  display: block;
  border-bottom: 2px solid black;
}

.formwrap[b-k20bolz8oh] {
  margin: 1.5rem 1rem 0.5rem;
  display: grid;
  gap: 1rem;
  color: white;
}

.forgotten-password[b-k20bolz8oh] {
  position: relative;
  bottom: 0;
  transform: translate(0, 0.5rem);
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: small;
  color: white;
}

.logo[b-k20bolz8oh] {
  position: absolute;
  margin: 3rem 0 0 3rem;
  height: 50px;
}

.holiday-logo[b-k20bolz8oh] {
  position: absolute;
  margin: 2rem 0 0 43px;
  height: 66px;
}

.yeti-container[b-k20bolz8oh] {
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  padding: 1rem;
}

.yeti[b-k20bolz8oh] {
  position: relative;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #424242;
  display: inline-block;
  margin: 0;
}

.sub-header[b-k20bolz8oh] {
  position: relative;
  text-align: center;
  font-size: 0.5rem;
  font-weight: 400;
  color: #424242;
  letter-spacing: 1px;
  z-index: 1;
  top: 0.1rem;
  margin: 0;
}

.yeti[b-k20bolz8oh]::before {
  content: '';
  display: block;
  width: 30%;
  margin: 0 auto;
  left: 0;
  height: 1px;
  background-color: #424242;
  position: absolute;
  bottom: -0.5rem;
}

.yeti[b-k20bolz8oh]::after {
  content: '';
  display: block;
  width: 30%;
  margin: 0 auto;
  right: 0;
  height: 1px;
  background-color: #424242;
  position: absolute;
  bottom: -0.5rem;
}
/* Client/Pages/Company/CompanyDetailPage.razor.rz.scp.css */
.summary-info[b-xv5tfnhg6e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.single-set[b-xv5tfnhg6e] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: auto;
}

.summary-info > label[b-xv5tfnhg6e],
.summary-info > div > label[b-xv5tfnhg6e] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info > label > input[b-xv5tfnhg6e],
.summary-info > label > select[b-xv5tfnhg6e],
.summary-info > label > div[b-xv5tfnhg6e] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info > label > button[b-xv5tfnhg6e] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-xv5tfnhg6e] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-xv5tfnhg6e] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-xv5tfnhg6e] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-xv5tfnhg6e] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-xv5tfnhg6e] {
  row-gap: 0;
}

.table-responsive[b-xv5tfnhg6e] {
  max-height: 85%;
}

.btn-outline-company[b-xv5tfnhg6e],
.btn-outline-company:hover[b-xv5tfnhg6e] {
  color: var(--company-color, transparent);
  border-color: var(--company-color, transparent);
}

.btn-outline-company:hover[b-xv5tfnhg6e] {
  color: var(--background-2, transparent);
  background-color: var(--company-color, transparent);
}

.summary-info-switches[b-xv5tfnhg6e] {
  margin-right: unset;
}

.summary-info-switches label[b-xv5tfnhg6e] {
  margin-right: 25px;
  grid-template-columns: 3fr 1fr !important;
}
/* Client/Pages/Company/CompanyListPage.razor.rz.scp.css */
.card[b-mte4to8tbq] {
  margin-bottom: 2rem;
}

td button[b-mte4to8tbq] {
  padding: 0.5rem 0 0.375rem;
}

.card-body[b-mte4to8tbq] {
  max-height: unset;
}
/* Client/Pages/Delivery/DeliveryList.razor.rz.scp.css */
.card-half-height[b-23n5h9kvzp] {
  max-height: 25rem;
}
/* Client/Pages/Delivery/DeliveryPage.razor.rz.scp.css */
.summary-info[b-i2dqakvazh] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-i2dqakvazh] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-i2dqakvazh],
.summary-info label > select[b-i2dqakvazh],
.summary-info label > div[b-i2dqakvazh],
.summary-info label > span:nth-of-type(2)[b-i2dqakvazh] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-i2dqakvazh] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-i2dqakvazh] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

/* .summary-info label > span:nth-of-type(2) {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding-left: 12px;
} */

.input-post-fix[b-i2dqakvazh] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-i2dqakvazh] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-i2dqakvazh] {
  row-gap: 0;
}

.strikeout[b-i2dqakvazh] {
  text-decoration: line-through;
}
/* Client/Pages/Delivery/ShippingPage.razor.rz.scp.css */
.summary-info[b-gizz8e1g9h] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-gizz8e1g9h] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-gizz8e1g9h],
.summary-info label > select[b-gizz8e1g9h],
.summary-info label > div[b-gizz8e1g9h],
.summary-info label > span:nth-of-type(2)[b-gizz8e1g9h] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-gizz8e1g9h] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-gizz8e1g9h] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.summary-info label > span:nth-of-type(2)[b-gizz8e1g9h] {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  padding-left: 12px;
}

.input-post-fix[b-gizz8e1g9h] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-gizz8e1g9h] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-gizz8e1g9h] {
  row-gap: 0;
}

.strikeout[b-gizz8e1g9h] {
  text-decoration: line-through;
}
/* Client/Pages/Finance/InvoiceList.razor.rz.scp.css */
.card-half-height[b-qa7s7csn0x] {
  max-height: 25rem;
}
/* Client/Pages/Finance/InvoicePage.razor.rz.scp.css */
.summary-info[b-hg2oi7asdl] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-hg2oi7asdl] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-hg2oi7asdl],
.summary-info label > select[b-hg2oi7asdl],
.summary-info label > div[b-hg2oi7asdl] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-hg2oi7asdl] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-hg2oi7asdl] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.summary-info span[b-hg2oi7asdl] {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-weight: normal;
}

.input-post-fix[b-hg2oi7asdl] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-hg2oi7asdl] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-hg2oi7asdl] {
  row-gap: 0;
}

.inline-button-cell[b-hg2oi7asdl] {
  text-align: center;
  vertical-align: middle;
}

.btn-inline[b-hg2oi7asdl] {
  outline: none;
  border: none;
  font-size: 13px;
  padding: 3px;
  /* width: 20px; */
}

.strikeout[b-hg2oi7asdl] {
  text-decoration: line-through;
}

.item-card[b-hg2oi7asdl] {
  min-height: 21rem;
  max-height: calc(100dvh - 30rem);
}

.item-card .card-body[b-hg2oi7asdl] {
  padding-bottom: 0 !important;
  max-height: unset;
}
/* Client/Pages/HomePage.razor.rz.scp.css */
.container[b-exv4idbt9m] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 100%;
  max-height: calc(100vh - 7.5rem); 
  width: 100%;
  overflow: hidden;
}

.container h1[b-exv4idbt9m] {
  font-size: 4vh;
  text-align: center;
  margin-bottom: 4rem;
  font-weight: normal;
}

.image-container[b-exv4idbt9m]
{
  display: flex;
  justify-content: center;
  width: 100%;
  max-height: 60vh;
}

.image-container img[b-exv4idbt9m] {
  transform: scaleX(-1);
  filter: invert(1) drop-shadow(0 0 0 #ffffff70);
  width: 40vh;
  height: 40vh;
}

.yeti-forge[b-exv4idbt9m] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.header[b-exv4idbt9m] {
  text-align: center;
  font-size: 6vh;
  font-weight: 600;
  letter-spacing: 3px;
  display: inline-block;
  position: relative;
}

.sub-header[b-exv4idbt9m] {
  position: relative;
  text-align: center;
  font-size: 1.5vh;
  font-weight: 400;
  letter-spacing: 3px;
  /* top: -7.5rem; */
  transform: translateY(-7.5vh);
  padding: 0;
  z-index: 1;
}

.header[b-exv4idbt9m]::before {
  content: '';
  display: block;
  width: 28%;
  margin: 0 auto;
  left: 0;
  height: 2px;
  background-color: white;
  position: absolute;
  bottom: -1vh;
}

.header[b-exv4idbt9m]::after {
  content: '';
  display: block;
  width: 28%;
  margin: 0 auto;
  right: 0;
  height: 2px;
  background-color: white;
  position: absolute;
  bottom: -1vh;
}


/* Client/Pages/HR/RoleDetailPage.razor.rz.scp.css */
.summary-info[b-625cniw6m9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-625cniw6m9] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 25px;
  margin-top: 25px;
  margin-right: 50px;
}

.card-full-page[b-625cniw6m9] {
  height: calc(100vh - 15rem);
}

.group-row[b-625cniw6m9] {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #424242;
  height: 24px;
  margin-top: 8px;
}

.group-content[b-625cniw6m9] {
  color: white;
  font-size: 13px;
  max-height: 24px;
}

.group-header[b-625cniw6m9] {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  border-bottom: 1px solid #888888;
}

thead[b-625cniw6m9]::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 44px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: inherit; 
  z-index: 10; 
}

.group-header th[b-625cniw6m9] {
  padding: 4px;
}

.permission-table[b-625cniw6m9] {
  height: calc(100vh - 24rem);
}

.permission[b-625cniw6m9] {
  text-align: center;
  vertical-align: middle;
  width: 8%;
}

tr td input[type="checkbox"][b-625cniw6m9] {
  display: block;
  margin: 0 auto;
}

.parent[b-625cniw6m9] {
  font-weight: bold;
  border-top: solid 1px #424242; 
  border-bottom: solid 1px #424242; 
}

.permission[b-625cniw6m9] {
  padding-left: 1rem;
}

.full-page[b-625cniw6m9] {
  height: calc(100vh - 15rem);
}
/* Client/Pages/HR/ShiftDetailPage.razor.rz.scp.css */
.summary-info[b-gfdtktf57s] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-gfdtktf57s] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-right: 50px;
}

.single-column[b-gfdtktf57s] {
  grid-template-columns: repeat(1, 1fr);
  align-self: start;
}

.image-td[b-gfdtktf57s] {
  padding: 4px;
}

.image-btn[b-gfdtktf57s] {
  height: 36px;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 6px 8px 1px 8px !important;
}
/* Client/Pages/HR/TimeAttendance.razor.rz.scp.css */
.toggle-switch[b-jlzbqxlgif] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.toggle-button[b-jlzbqxlgif] {
  padding: 0.5rem 1rem ;
  border: solid 2px var(--primary);
  border-radius: 0.5rem;
  color: var(--primary);
  width: 4rem;
  text-align: center;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}

.selected[b-jlzbqxlgif],
.toggle-button:hover[b-jlzbqxlgif] {
  background-color: var(--primary);
  color: var(--background-2);
}

.card[b-jlzbqxlgif],
.card-body[b-jlzbqxlgif] {
  max-height: unset;
}
/* Client/Pages/HR/UserDetailPage.razor.rz.scp.css */
.summary-info[b-cqw5n3yyeh] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.single-column[b-cqw5n3yyeh] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-cqw5n3yyeh] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-cqw5n3yyeh],
.summary-info label > select[b-cqw5n3yyeh],
.summary-info label > div[b-cqw5n3yyeh] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info label > button[b-cqw5n3yyeh] {
  margin: 0 0 0 16px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-cqw5n3yyeh] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-cqw5n3yyeh] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-cqw5n3yyeh] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-cqw5n3yyeh] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-cqw5n3yyeh] {
  row-gap: 0;
}

.table-responsive[b-cqw5n3yyeh] {
  max-height: 85%;
}

.input-verification[b-cqw5n3yyeh] {
  width: 100%;
  position: relative;
}

.tick-icon[b-cqw5n3yyeh] {
  position: absolute;
  right: 15px;
  transform: translateY(6px);
  color: green; 
}

.roles-table-content[b-cqw5n3yyeh] {
  text-align: left;
  font-size: 13px;
  font-weight: 400;
}

.roles-table[b-cqw5n3yyeh] {
  margin-left: 22px;
}

.roles-list[b-cqw5n3yyeh] {
  margin-left: 1rem;
  text-align: left;
  font-weight: normal;
}

.avatar[b-cqw5n3yyeh] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-body[b-cqw5n3yyeh] {
  max-height: unset;
}

th[b-cqw5n3yyeh] {
  padding-top: 0;
}
/* Client/Pages/LostParts/LostPartPage.razor.rz.scp.css */
.summary-info[b-i91pw7vtre] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info-half[b-i91pw7vtre] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-i91pw7vtre] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-i91pw7vtre],
.summary-info label > select[b-i91pw7vtre],
.summary-info label > div[b-i91pw7vtre] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-i91pw7vtre] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-i91pw7vtre] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-i91pw7vtre] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-i91pw7vtre] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-i91pw7vtre] {
  row-gap: 0;
}

.span-style[b-i91pw7vtre] {
  display: block;
  margin-left: 5px;
  line-height: 32px;
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
  width: 200%;
  max-width: 200%;
  max-height: 32px;
  overflow: hidden;
}
/* Client/Pages/Production/JobPage.razor.rz.scp.css */
.summary-info[b-fta56hn0eo] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-fta56hn0eo] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-fta56hn0eo],
.summary-info label > select[b-fta56hn0eo],
.summary-info label > div[b-fta56hn0eo] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-fta56hn0eo] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-fta56hn0eo] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-fta56hn0eo] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-fta56hn0eo] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-fta56hn0eo] {
  row-gap: 0;
}

form[b-fta56hn0eo] {
  margin-bottom: 5rem;
}

.show-part[b-fta56hn0eo] {
  display: flex;
  justify-content: center;  
  align-items: center; 
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  box-sizing: border-box;
}

.btn-image[b-fta56hn0eo] {
  margin-left: 0;
}

.btn-image:hover[b-fta56hn0eo] {
  filter: invert(0.5);
}

.warning-icon[b-fta56hn0eo] {
  filter: brightness(0) saturate(100%) invert(74%) sepia(96%) saturate(1815%) hue-rotate(2deg) brightness(104%) contrast(103%);
  margin-right: 0.5rem;
}
/* Client/Pages/Production/JobSplitPage.razor.rz.scp.css */
.summary-info[b-1qrpi51djj] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-1qrpi51djj] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-1qrpi51djj],
.summary-info label > select[b-1qrpi51djj],
.summary-info label > div[b-1qrpi51djj] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-1qrpi51djj] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-1qrpi51djj] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-1qrpi51djj] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-1qrpi51djj] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-1qrpi51djj] {
  row-gap: 0;
}

form[b-1qrpi51djj] {
  margin-bottom: 5rem;
}
/* Client/Pages/Production/LoadPlanning.razor.rz.scp.css */
.load-plan-modal[b-va7l6qc2s1] {
  position: fixed;
  top: 3rem;
  left: 1rem;
  width: calc(100dvw - 2rem);
  height: calc(100dvh - 4rem);
  z-index: 100;
  border: 1px solid white;
}

.planning-grid[b-va7l6qc2s1] {
  display: grid;
  gap: 10px;
  grid-template-columns: 13rem auto;
}

.image-btn[b-va7l6qc2s1] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.load-card[b-va7l6qc2s1] {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background-color: var(--background);
  max-height: 9rem;
  width: 12rem;
  margin-top: 0.75rem;
  padding: 1rem;
  box-sizing: border-box;
}

.load-buttons[b-va7l6qc2s1] {
  position: absolute;
  display: flex;
  top: 8px;
  right: 8px;
  gap: 6px;
}

.invisible[b-va7l6qc2s1] {
  color: transparent !important;
  border: none;
  box-shadow: none;
  width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.selected[b-va7l6qc2s1] {
  border: 2px dashed var(--primary);
}

.group-header[b-va7l6qc2s1] {
  height: 20px;
}

.group-header th[b-va7l6qc2s1] {
  position: sticky;
  top: 48px;
  height: 1rem;
  background: var(--background);
  padding: 8px 0 0 0;
  z-index: 2;
}

.group-divider[b-va7l6qc2s1]{
  height: 1px;
  background-color: white;
}

.load-header[b-va7l6qc2s1] {
  font-weight: bold;
  margin-bottom: 6px;
}

.load-name[b-va7l6qc2s1] {
  margin-bottom: 6px;
}

.load-summary[b-va7l6qc2s1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.matching[b-va7l6qc2s1] {
  color: var(--success);
}

.modal-background[b-va7l6qc2s1] {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100;
  background-color: #ffffff22;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.auto-load-modal[b-va7l6qc2s1] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  max-width: 600px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
  z-index: 1000;
}

.summary-info[b-va7l6qc2s1] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  margin-bottom: 1rem;
  margin: 0 76px;
  width: 400px;
}

.summary-info label[b-va7l6qc2s1] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.load-container[b-va7l6qc2s1] {
  height: calc(100dvh - 14rem);
  overflow-y: auto;
}
/* Client/Pages/Production/PlanningPage.razor.rz.scp.css */
.plan-toggle[b-lx0m9b94az] {
    position: relative; /* Essential for absolute positioning of slider */
    display: flex;
    flex-direction: row;
    padding: 1rem;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    isolation: isolate; /* Keeps the slider behind the text */
}

.plan-toggle-slider[b-lx0m9b94az] {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1rem; /* Half of height (2rem) to center vertically */
    width: 10rem;
    height: 2rem;
    background-color: var(--primary);
    border-radius: 1rem;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1;
}

.plan-toggle-option[b-lx0m9b94az] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    width: 10rem;
    height: 2rem;
    border-radius: 1rem;
    box-sizing: border-box;
    cursor: pointer;
    background: transparent; 
    transition: background-color 0.3s;
    user-select: none;
}

.plan-toggle-option:not(.active):hover[b-lx0m9b94az] {
  background-color: var(--background-3);
}

.plan-toggle-option.active[b-lx0m9b94az] {
    cursor: default;
    background-color: transparent; 
}

.layout-container[b-lx0m9b94az] {
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: 100%;
}

.scroll-top[b-lx0m9b94az] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--primary);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1000;
    display: none;

    --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-8 8h5v8h6v-8h5z'/%3E%3C/svg%3E");

    -webkit-mask: var(--arrow) no-repeat center / 60%, linear-gradient(#fff 0 0);
    mask: var(--arrow) no-repeat center / 60%, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.scroll-top.visible[b-lx0m9b94az] {
    display: block;
}
/* Client/Pages/Production/ProductionPlanningPage.razor.rz.scp.css */
h3[b-1zg5w6ensa] {
  margin: 0;
}

.layout-vertical[b-1zg5w6ensa] {
  gap: 10px;
}

.summary-info[b-1zg5w6ensa] {
  display: grid;
  grid-template-areas:
    "a b b b b c c"
    "x b b b b d d";
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  margin: 0 1.5rem 1.5rem 1.5rem;
}

.a[b-1zg5w6ensa] { grid-area: a; }
.b[b-1zg5w6ensa] { grid-area: b; }
.c[b-1zg5w6ensa] { grid-area: c; }
.d[b-1zg5w6ensa] { grid-area: d; }

.summary-info label[b-1zg5w6ensa] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-1zg5w6ensa],
.summary-info label > select[b-1zg5w6ensa],
.summary-info label > div[b-1zg5w6ensa] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-1zg5w6ensa] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-1zg5w6ensa] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.card-layout[b-1zg5w6ensa] {
  display: grid;
  grid-template-areas:
    "a b b b b b"
    "a c c c c c";
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.card-a[b-1zg5w6ensa] { grid-area: a; }
.card-b[b-1zg5w6ensa] { grid-area: b; }
.card-c[b-1zg5w6ensa] { grid-area: c; }

.image-btn[b-1zg5w6ensa] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

.header-select[b-1zg5w6ensa] {
  display: flex;
  align-items: center;
  max-width: 60%;
  margin-left: auto;
  font-size: 13px;
}

.group-header[b-1zg5w6ensa] {
  height: 20px;
}

.group-header th[b-1zg5w6ensa] {
  position: sticky;
  top: 50px;
  height: 1rem;
  background: var(--background);
  z-index: 2;
}

.drag-handle[b-1zg5w6ensa] {
  padding: 0 !important;  
}

.drag-handle div[b-1zg5w6ensa] {
  display: flex; 
  justify-content: center; 
  align-items: center;
  height: 100%;
}
/* Client/Pages/Purchase/PurchaseItemPage.razor.rz.scp.css */
.summary-info[b-4ysg8skw7z] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-4ysg8skw7z] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-4ysg8skw7z],
.summary-info label > select[b-4ysg8skw7z],
.summary-info label > div[b-4ysg8skw7z] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-4ysg8skw7z] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-4ysg8skw7z] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.pricing-info[b-4ysg8skw7z] {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  gap: 5px;
}

.column-1[b-4ysg8skw7z],
.column-2[b-4ysg8skw7z],
.column-3[b-4ysg8skw7z] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pricing-info label[b-4ysg8skw7z] {
  display: grid;
  grid-template-columns: 2fr 2fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 25px;
}

.pricing-info label > input[b-4ysg8skw7z],
.pricing-info label > select[b-4ysg8skw7z] {
  margin: 0 2px 0 10px;
  padding: 2px 2px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info label > div[b-4ysg8skw7z] {
  margin: 0 0 0 16px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info select[b-4ysg8skw7z] {
  height: 36px;
  padding: 2px 6px;
}

.pricing-info option[b-4ysg8skw7z] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.net-price-container[b-4ysg8skw7z] {
  font-weight: 400;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  align-items: end;
  font-size: 26px;
}

.input-post-fix[b-4ysg8skw7z] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-4ysg8skw7z] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.order-status[b-4ysg8skw7z] {
  margin-right: 1rem;
}
/* Client/Pages/Purchase/PurchaseListPage.razor.rz.scp.css */
.card-half-height[b-ka2nbvxqda] {
  max-height: 25rem;
}
/* Client/Pages/Purchase/PurchasePage.razor.rz.scp.css */
.summary-info[b-g4go2qvtx6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-g4go2qvtx6] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-g4go2qvtx6],
.summary-info label > select[b-g4go2qvtx6],
.summary-info label > div[b-g4go2qvtx6] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-g4go2qvtx6] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-g4go2qvtx6] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-g4go2qvtx6] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-g4go2qvtx6] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-g4go2qvtx6] {
  row-gap: 0;
}

.order-status[b-g4go2qvtx6] {
  margin-right: 1rem;
}

.sub-table thead[b-g4go2qvtx6] {
  font-size: 13px;
  color: #eeeeee;
}

.gin-table[b-g4go2qvtx6] {
  width: 100%;
}

table .input-multi[b-g4go2qvtx6] {
  margin-left: 0 !important;
}

.image-btn[b-g4go2qvtx6] {
  height: 36px;
  width: 48px !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 8px !important;
  padding: 6px 8px 1px 8px !important;
}

li[b-g4go2qvtx6] {
  font-size: 15px;
}

.image-btn[b-g4go2qvtx6] {
  margin: 0;
  margin-right: 0.5rem;
  padding: 6px 8px 1px 8px;
}

.image-btn img[b-g4go2qvtx6] {
  margin: 0;
}
/* Client/Pages/Quality/RejectPage.razor.rz.scp.css */
.summary-info[b-pehw05fsyr] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info-half[b-pehw05fsyr] {
  grid-template-columns: repeat(1, 1fr);
}

.summary-info label[b-pehw05fsyr] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-pehw05fsyr],
.summary-info label > select[b-pehw05fsyr],
.summary-info label > div[b-pehw05fsyr] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-pehw05fsyr] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-pehw05fsyr] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-pehw05fsyr] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-pehw05fsyr] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-pehw05fsyr] {
  row-gap: 0;
}

.span-style[b-pehw05fsyr] {
  display: block;
  margin-left: 5px;
  line-height: 32px;
  padding: 2px 0;
  text-align: left;
  font-weight: normal;
  width: 100%;
  max-width: 100%;
  max-height: 32px;
  overflow: hidden;
  white-space: normal;
  word-break: normal;
}
/* Client/Pages/Reports/ReportListPage.razor.rz.scp.css */
.favorite-outline-icon[b-mgj9vgq1b4] {
  opacity: 0.5;
  text-align: center;
}

.favorite-icon[b-mgj9vgq1b4] {
  opacity: 0.8;
  text-align: center;
}

.table-indicator-image[b-mgj9vgq1b4] {
  margin: 0;
}
/* Client/Pages/Reports/ReportPage.razor.rz.scp.css */
.report-header[b-ycrsh8tgwo]{
  margin-bottom: 10px;
}

.report-description[b-ycrsh8tgwo]{
  font-size: 15px;
  font-style: italic;
  color: #8a8d93;
}

.card[b-ycrsh8tgwo] {
  max-width: 100%; 
  min-height: calc(100vh - 9rem);
  max-height: calc(100vh - 9rem);
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}

.card-header[b-ycrsh8tgwo] {
  padding: 0 1.5rem;
}

.table > :not(caption) > * > *[b-ycrsh8tgwo] {
  padding: 0 0.5rem;
}

.card-body[b-ycrsh8tgwo] {
  padding: 1.5rem 0 0 0;
  min-height: calc(100vh - 12.2rem);
  max-height: calc(100vh - 12.2rem);
  overflow-y: hidden;
}

.summary-body[b-ycrsh8tgwo] {
  min-height: calc(100vh - 20.5rem) !important;
  max-height: calc(100vh - 20.5rem) !important;
}

.summary-footer[b-ycrsh8tgwo] {
  color: #8a8d93;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center;
  height: 6rem;
  margin-top: 0.5rem;
}

.summary-value[b-ycrsh8tgwo] {
  height: 5rem;
  width: 11rem;
  max-width: 10rem;
  border-radius: 8px;
  background-color: #424242;
  display: grid;
  grid-template-rows: 1fr 4fr;
  text-align: center;
  padding: 0.25rem;
  overflow: hidden;
}

.summary-value label[b-ycrsh8tgwo] {
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.summary-number[b-ycrsh8tgwo] {
  white-space: nowrap;
  color: #c6c9d0;
  display: flex;
  justify-content: center;
  align-items: center; 
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
  max-width: 100%;
  overflow: hidden;
  padding: 10px 0;
  height: 100%; 
  width: 100%;
  box-sizing: border-box;
}

.number[b-ycrsh8tgwo] {
  text-align: center;
}

.text[b-ycrsh8tgwo] {
  text-align: left;
}

.currency[b-ycrsh8tgwo] {
  text-align: right;
  white-space: nowrap;
}

.date[b-ycrsh8tgwo] {
  text-align: center;
}

.bool[b-ycrsh8tgwo] {
  text-align: center;
}

.enum[b-ycrsh8tgwo] {
  text-align: center;
}

.sub-title[b-ycrsh8tgwo] {
  color: #8a8d93 !important;
  font-size: 10px !important;
  text-transform: uppercase;
}

.image-btn[b-ycrsh8tgwo] {
  margin: 0;
  margin-right: 0.5rem;
  padding: 6px 8px 1px 8px;
}

.image-btn img[b-ycrsh8tgwo] {
  margin: 0;
}

/* Client/Pages/Sales/OrderItemPage.razor.rz.scp.css */
.summary-info[b-6ubaa7plb5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-receive-gin[b-6ubaa7plb5] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.summary-receive-gin label[b-6ubaa7plb5],
.summary-info label[b-6ubaa7plb5] {
  display: grid;
  grid-template-columns: 1fr minmax(0, 3fr);
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-6ubaa7plb5],
.summary-info label > select[b-6ubaa7plb5],
.summary-info label > div[b-6ubaa7plb5] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-6ubaa7plb5] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-6ubaa7plb5] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.pricing-info[b-6ubaa7plb5] {
  display: grid;
  grid-template-columns: 2fr 2fr 3fr;
  gap: 5px;
}

.column-1[b-6ubaa7plb5],
.column-2[b-6ubaa7plb5],
.column-3[b-6ubaa7plb5] {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.pricing-info label[b-6ubaa7plb5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 25px;
}

.column-1 label[b-6ubaa7plb5],
.column-2 label[b-6ubaa7plb5] {
  grid-template-columns: 2fr 4fr;
}

.pricing-info label > input[b-6ubaa7plb5],
.pricing-info label > select[b-6ubaa7plb5] {
  margin: 0 2px 0 10px;
  padding: 2px 2px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info label > div[b-6ubaa7plb5] {
  margin: 0 0 0 16px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info select[b-6ubaa7plb5] {
  height: 36px;
  padding: 2px 6px;
}

.pricing-info option[b-6ubaa7plb5] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.net-price-container[b-6ubaa7plb5] {
  font-weight: 400;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  align-items: end;
  font-size: 26px;
}

.input-post-fix[b-6ubaa7plb5] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-6ubaa7plb5] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.data-field[b-6ubaa7plb5] {
  font-weight: normal;
  text-align: left;
  width: 100%;
  margin-left: 1.5rem;
}

.surcharge-table[b-6ubaa7plb5] {
  table-layout: fixed;
  margin-left: 1rem;
  border-collapse: separate;
  border-spacing: 0 12px;
  margin-top: -12px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.surcharge-table-column-1[b-6ubaa7plb5] {
  position: unset;
  max-width: 50%;
  margin-left: 1rem;
}

.surcharge-table-column-1 input[b-6ubaa7plb5] {
  max-width: 100%;
}

.surcharge-table-row[b-6ubaa7plb5] {
  line-height: 2rem;
  padding: 0;
  margin-bottom: 15px;
  margin-right: 25px;
  font-size: 13px;
}

.h3-label[b-6ubaa7plb5] {
  font-size: 12px;
  vertical-align: middle;
  margin-right: 1rem;
  line-height: 2rem;
}

.vertical-align[b-6ubaa7plb5] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-part[b-6ubaa7plb5] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  box-sizing: border-box;
}

.btn-image[b-6ubaa7plb5] {
  margin-left: 0;
}

.btn-image:hover[b-6ubaa7plb5] {
  filter: invert(0.5);
}

.input-item[b-6ubaa7plb5] {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.summary-info-switches[b-6ubaa7plb5] {
  margin-left: 2rem;
}

.copy-item[b-6ubaa7plb5] {
  position: absolute;
  color: var(--warning);
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.schedule-table[b-6ubaa7plb5] {
  display: block;
  overflow-y: auto;
  max-height: 15rem;
}

.override[b-6ubaa7plb5] {
  color: var(--danger);
  text-decoration: line-through;
}

.image-btn[b-6ubaa7plb5] {
  padding: 3px 4px;
  margin-left: 0;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  box-shadow: none;
}
/* Client/Pages/Sales/OrderList.razor.rz.scp.css */
.card-half-height[b-g8ic1otwcs] {
  max-height: 25rem;
}

.kpi-currency[b-g8ic1otwcs] {
  vertical-align: middle;
}
/* Client/Pages/Sales/OrderPage.razor.rz.scp.css */
.summary-info[b-0a62v0gwvl] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-0a62v0gwvl] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-0a62v0gwvl],
.summary-info label > select[b-0a62v0gwvl],
.summary-info label > div[b-0a62v0gwvl] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-0a62v0gwvl] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-0a62v0gwvl] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-0a62v0gwvl] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-0a62v0gwvl] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-0a62v0gwvl] {
  row-gap: 0;
}

.order-status[b-0a62v0gwvl] {
  margin-right: 1rem;
}

.image-container[b-0a62v0gwvl] {
  margin-right: 0.25rem;
}
/* Client/Pages/Sales/Quotes/QuoteItemPage.razor.rz.scp.css */
.summary-info[b-otizbuj5sc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-receive-gin[b-otizbuj5sc] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.summary-receive-gin label[b-otizbuj5sc],
.summary-info label[b-otizbuj5sc] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-otizbuj5sc],
.summary-info label > select[b-otizbuj5sc],
.summary-info label > div[b-otizbuj5sc] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-otizbuj5sc] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-otizbuj5sc] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.pricing-info[b-otizbuj5sc] {
  display: grid;
  grid-template-columns: 2fr 2fr 3fr;
  gap: 5px;
}

.column-1[b-otizbuj5sc],
.column-2[b-otizbuj5sc],
.column-3[b-otizbuj5sc] {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.pricing-info label[b-otizbuj5sc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 25px;
}

.column-1 label[b-otizbuj5sc],
.column-2 label[b-otizbuj5sc] {
  grid-template-columns: 2fr 4fr;
}

.pricing-info label > input[b-otizbuj5sc],
.pricing-info label > select[b-otizbuj5sc] {
  margin: 0 2px 0 10px;
  padding: 2px 2px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info label > div[b-otizbuj5sc] {
  margin: 0 0 0 16px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info select[b-otizbuj5sc] {
  height: 36px;
  padding: 2px 6px;
}

.pricing-info option[b-otizbuj5sc] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.net-price-container[b-otizbuj5sc] {
  font-weight: 400;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  align-items: end;
  font-size: 26px;
}

.input-post-fix[b-otizbuj5sc] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-otizbuj5sc] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.data-field[b-otizbuj5sc] {
  font-weight: normal;
  text-align: left;
  width: 100%;
  margin-left: 1.5rem;
}

.surcharge-table[b-otizbuj5sc] {
  table-layout: fixed;
  margin-left: 1rem;
  border-collapse: separate;
  border-spacing: 0 12px;
  margin-top: -12px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.surcharge-table-column-1[b-otizbuj5sc] {
  position: unset;
  max-width: 50%;
  margin-left: 1rem;
}

.surcharge-table-column-1 input[b-otizbuj5sc] {
  max-width: 100%;
}

.surcharge-table-row[b-otizbuj5sc] {
  line-height: 2rem;
  padding: 0;
  margin-bottom: 15px;
  margin-right: 25px;
  font-size: 13px;
}

.h3-label[b-otizbuj5sc] {
  font-size: 12px;
  vertical-align: middle;
  margin-right: 1rem;
  line-height: 2rem;
}

.vertical-align[b-otizbuj5sc] {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-part[b-otizbuj5sc] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  box-sizing: border-box;
}

.btn-image[b-otizbuj5sc] {
  margin-left: 0;
}

.btn-image:hover[b-otizbuj5sc] {
  filter: invert(0.5);
}

.input-item[b-otizbuj5sc] {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.summary-info-switches[b-otizbuj5sc] {
  margin-left: 2rem;
}

.copy-item[b-otizbuj5sc] {
  position: absolute;
  color: var(--warning);
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.schedule-table[b-otizbuj5sc] {
  display: block;
  overflow-y: auto;
  max-height: 15rem;
}

.override[b-otizbuj5sc] {
  color: var(--danger);
  text-decoration: line-through;
}

.image-btn[b-otizbuj5sc] {
  padding: 3px 4px;
  margin-left: 0;
  background-color: transparent;
  border: 1px solid #424242;
  border-radius: 4px;
  box-shadow: none;
}
/* Client/Pages/Sales/Quotes/QuoteList.razor.rz.scp.css */
.card-half-height[b-jwk39fytwv] {
  max-height: 25rem;
}
/* Client/Pages/Sales/Quotes/QuotePage.razor.rz.scp.css */
.summary-info[b-vu5ztd2z3y] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-vu5ztd2z3y] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-vu5ztd2z3y],
.summary-info label > select[b-vu5ztd2z3y],
.summary-info label > div[b-vu5ztd2z3y] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-vu5ztd2z3y] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-vu5ztd2z3y] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-vu5ztd2z3y] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-vu5ztd2z3y] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-vu5ztd2z3y] {
  row-gap: 0;
}

.order-status[b-vu5ztd2z3y] {
  margin-right: 1rem;
}

.image-container[b-vu5ztd2z3y] {
  margin-right: 0.25rem;
}
/* Client/Pages/Stock/GoodsInPage.razor.rz.scp.css */
.summary-info[b-qiydz1rbdd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-qiydz1rbdd] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-qiydz1rbdd],
.summary-info label > select[b-qiydz1rbdd],
.summary-info label > div[b-qiydz1rbdd] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-qiydz1rbdd] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-qiydz1rbdd] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.pricing-info[b-qiydz1rbdd] {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  gap: 5px;
}

.column-1[b-qiydz1rbdd],
.column-2[b-qiydz1rbdd],
.column-3[b-qiydz1rbdd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pricing-info label[b-qiydz1rbdd] {
  display: grid;
  grid-template-columns: 2fr 2fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 25px;
}

.pricing-info label > input[b-qiydz1rbdd],
.pricing-info label > select[b-qiydz1rbdd] {
  margin: 0 2px 0 10px;
  padding: 2px 2px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info label > div[b-qiydz1rbdd] {
  margin: 0 0 0 16px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info select[b-qiydz1rbdd] {
  height: 36px;
  padding: 2px 6px;
}

.pricing-info option[b-qiydz1rbdd] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.net-price-container[b-qiydz1rbdd] {
  font-weight: 400;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  align-items: end;
  font-size: 26px;
}

.input-post-fix[b-qiydz1rbdd] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-qiydz1rbdd] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.data-field[b-qiydz1rbdd] {
  font-weight: normal;
  text-align: left;
  width: 100%;
  margin-left: 1.5rem;
}

.surcharge-table[b-qiydz1rbdd] {
  margin-left: 1rem;
  border-collapse: separate;
  border-spacing: 0 12px;
  margin-top: -12px;
}

.surcharge-table-column-1[b-qiydz1rbdd] {
  width: 60%;
  margin-left: 1rem;
}

.surcharge-table-column-2[b-qiydz1rbdd] {
  width: 30%;
}

.surcharge-table-row[b-qiydz1rbdd] {
  line-height: 2rem;
  padding: 0;
  margin-bottom: 15px;
  margin-right: 25px;
}

.vertical-align[b-qiydz1rbdd] {
  align-items: center;
}
/* Client/Pages/Stock/PartPage.razor.rz.scp.css */
.summary-info[b-zk992u21bw] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info-inputs[b-zk992u21bw] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.summary-info label[b-zk992u21bw] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-zk992u21bw],
.summary-info label > select[b-zk992u21bw],
.summary-info label > div[b-zk992u21bw] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-zk992u21bw] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-zk992u21bw] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-zk992u21bw] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-zk992u21bw] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.no-gap[b-zk992u21bw] {
  row-gap: 0;
}

.card-space-bottom[b-zk992u21bw] {
  margin-bottom: 1.5rem;
}

.checkbox-label[b-zk992u21bw] {
  display: inline-flex;
  align-items: center;
}

.picture-container[b-zk992u21bw] {
  max-height: 233px;
}

.price-table-row[b-zk992u21bw] {
  height: 32px;
}

.stock-levels[b-zk992u21bw] {
  padding: 0 1rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  margin-right: 1rem;
  width: calc(100% - 66px);
  justify-content: center;
}

.standard-form[b-zk992u21bw] {
  overflow-y: visible; 
}

.right-dropdown-container[b-zk992u21bw] {
  position: relative;
  margin-left: -1rem;
}
/* Client/Pages/Stock/SolutionPage.razor.rz.scp.css */
.summary-info[b-5hufqgkdpm] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-5hufqgkdpm] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-5hufqgkdpm],
.summary-info label > select[b-5hufqgkdpm],
.summary-info label > div[b-5hufqgkdpm] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-5hufqgkdpm] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-5hufqgkdpm] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-5hufqgkdpm] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-5hufqgkdpm] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-5hufqgkdpm] {
  row-gap: 0;
}

.card-space-bottom[b-5hufqgkdpm] {
  margin-bottom: 1.5rem;
}

.switches[b-5hufqgkdpm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-5hufqgkdpm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}

.chemistry label[b-5hufqgkdpm] {
  grid-template-columns: 1fr 2fr;
}
/* Client/Pages/Stock/StockItemPage.razor.rz.scp.css */
.summary-info[b-twmb4woow3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-twmb4woow3] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-twmb4woow3],
.summary-info label > select[b-twmb4woow3],
.summary-info label > div[b-twmb4woow3] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-twmb4woow3] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-twmb4woow3] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.input-post-fix[b-twmb4woow3] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-twmb4woow3] {
  margin: 0 auto;
  padding: 0;
  align-items: left; 
}

.no-gap[b-twmb4woow3] {
  row-gap: 0;
}

.card-space-bottom[b-twmb4woow3] {
  margin-bottom: 1.5rem;
}

.switches[b-twmb4woow3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.switches > label[b-twmb4woow3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 20px;
  line-height: 36px;
}

.stock-levels[b-twmb4woow3] {
  padding: 0 1rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  margin-right: 1rem;
  width: calc(100% - 66px);
  justify-content: center;
}
/* Client/Pages/Stock/StoresPage.razor.rz.scp.css */
.summary-info[b-mdxwf8obxy] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.summary-info label[b-mdxwf8obxy] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-mdxwf8obxy],
.summary-info label > select[b-mdxwf8obxy],
.summary-info label > div[b-mdxwf8obxy] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-mdxwf8obxy] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-mdxwf8obxy] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.pricing-info[b-mdxwf8obxy] {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  gap: 5px;
}

.column-1[b-mdxwf8obxy],
.column-2[b-mdxwf8obxy],
.column-3[b-mdxwf8obxy] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pricing-info label[b-mdxwf8obxy] {
  display: grid;
  grid-template-columns: 2fr 2fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 25px;
}

.pricing-info label > input[b-mdxwf8obxy],
.pricing-info label > select[b-mdxwf8obxy] {
  margin: 0 2px 0 10px;
  padding: 2px 2px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info label > div[b-mdxwf8obxy] {
  margin: 0 0 0 16px;
  max-width: 100%;
  line-height: 2rem;
  vertical-align: middle;
  align-items: center;
}

.pricing-info select[b-mdxwf8obxy] {
  height: 36px;
  padding: 2px 6px;
}

.pricing-info option[b-mdxwf8obxy] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.net-price-container[b-mdxwf8obxy] {
  font-weight: 400;
  box-sizing: border-box;
  margin-left: auto;
  display: flex;
  align-items: end;
  font-size: 26px;
}

.input-post-fix[b-mdxwf8obxy] {
  position: relative;
  right: 0;
  transform: translate(305%, -18px);
  opacity: 0.5;
  line-height: 0;
}

.no-styling[b-mdxwf8obxy] {
  margin: 0 auto;
  padding: 0;
  align-items: left;
}

.data-field[b-mdxwf8obxy] {
  font-weight: normal;
  text-align: left;
  width: 100%;
  margin-left: 1.5rem;
}

.surcharge-table[b-mdxwf8obxy] {
  margin-left: 1rem;
  border-collapse: separate;
  border-spacing: 0 12px;
  margin-top: -12px;
}

.surcharge-table-column-1[b-mdxwf8obxy] {
  width: 60%;
  margin-left: 1rem;
}

.surcharge-table-column-2[b-mdxwf8obxy] {
  width: 30%;
}

.surcharge-table-row[b-mdxwf8obxy] {
  line-height: 2rem;
  padding: 0;
  margin-bottom: 15px;
  margin-right: 25px;
}

.vertical-align[b-mdxwf8obxy] {
  align-items: center;
}

.summary-card[b-mdxwf8obxy] {
  justify-content: flex-end;
}

.warning[b-mdxwf8obxy] {
  color: var(--warning) !important;
  outline: none !important;
}
/* Client/Pages/Training/TrainingCoursePage.razor.rz.scp.css */
.card[b-bnadlunk3a] {
  overflow: hidden;
}

.subscribe-to-course[b-bnadlunk3a] {
  position: absolute;
  right: 0;
  top: 2rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0rem;
  z-index: 10;
  background-color: var(--danger);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 1s ease-in-out;
}

.subscribe[b-bnadlunk3a] {
  width: 10rem;
}

.subscribe-to-course span[b-bnadlunk3a] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.course-header[b-bnadlunk3a] {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.course-progress[b-bnadlunk3a] {
  position: relative;
  width: 44px;
  height: 44px;
  cursor: default;
}

.course-progress svg[b-bnadlunk3a] {
  width: 100%;
  height: 100%;
}

.course-progress path[b-bnadlunk3a] {
  fill: none;
  stroke-width: 3;
}

.course-progress .bg[b-bnadlunk3a] {
  stroke: #333;
}

.course-progress .meter[b-bnadlunk3a] {
  stroke: var(--primary);
  stroke-linecap: round;
  animation: progress-fill-b-bnadlunk3a 1.5s ease-out forwards;
}

@keyframes progress-fill-b-bnadlunk3a {
  from {
    stroke-dasharray: 0, 100;
  }
  to {
    stroke-dasharray: var(--percentage), 100;
  }
}

.course-progress span[b-bnadlunk3a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}

.media-container img[b-bnadlunk3a] {
  width: 100%;
  max-height: 25dvh;
  object-fit: cover;
}

.details[b-bnadlunk3a] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 26px 1rem 26px;
}

.card-header[b-bnadlunk3a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  align-items: start;
}

.card-footer[b-bnadlunk3a] {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  justify-content: space-between;
  margin-top: 1rem;
}

.author-name[b-bnadlunk3a] {
  font-size: 13px;
  text-align: center;
}

.stars[b-bnadlunk3a] {
  --percent: calc(var(--rating) * 20%);
  display: inline-block;
  width: min-content;
  font-family: Times;
  line-height: 1;
  font-size: 24px;
  position: relative;
  margin-top: auto;
  margin-left: auto;
}

.stars[b-bnadlunk3a]::before {
  content: '★★★★★';
  color: #444;
}

.stars[b-bnadlunk3a]::after {
  content: '★★★★★';
  color: #fc0;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--percent);
  overflow: hidden;
  white-space: nowrap;
}

h3[b-bnadlunk3a] {
  display: flex;
  align-items: center;
  margin: 0 0 1rem 0;
}

.header-time[b-bnadlunk3a] {
  display: inline-block;
  font-size: 15px;
  margin-left: auto;
  font-weight: normal;
}

.lesson[b-bnadlunk3a] {
  padding: 1rem;
}

.lesson-footer[b-bnadlunk3a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1rem;
}

.lesson-footer .stars[b-bnadlunk3a] {
  font-size: 16px;
}

.summary-info[b-bnadlunk3a] {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.summary-info label[b-bnadlunk3a] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 50px;
}

.summary-info label > input[b-bnadlunk3a],
.summary-info label > select[b-bnadlunk3a],
.summary-info label > div[b-bnadlunk3a] {
  margin: 0 2px 0 10px;
  padding: 2px 6px;
  max-width: 100%;
  vertical-align: middle;
  align-items: center;
}

.summary-info select[b-bnadlunk3a] {
  height: 36px;
  padding: 2px 6px;
}

.summary-info option[b-bnadlunk3a] {
  background: #424242;
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.upload-container[b-bnadlunk3a] {
  position: relative;
  width: calc(100% - 2rem);
  height: 8rem;
  margin: 1rem;
  box-sizing: border-box;
}

.file-upload-container[b-bnadlunk3a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.file-drop-zone[b-bnadlunk3a] {
  display: flex;
  width: calc(100% - 5px);
  min-height: 8rem;
  border: 3px dotted #888888;
  align-items: center;
  margin-top: auto;
  margin-bottom: 2px;
  box-sizing: border-box;
  align-self: flex-end;
  justify-content: center;
}

.hover[b-bnadlunk3a] {
  border-style: none;
  background-color: #888888;
  color: #202020;
  font-size: 18px;
  opacity: 0.5;
  z-index: 100000;
}

.add-lesson-container[b-bnadlunk3a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Client/Pages/Training/TrainingPage.razor.rz.scp.css */
.training-carousel[b-gxyrvn0int] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: 1rem;
}

.my-training[b-gxyrvn0int] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  padding-bottom: 1rem;
  flex-wrap: wrap;
}

.course-card[b-gxyrvn0int] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 12rem;
  height: 20rem;
  background-color: var(--background-2);
  border-radius: 10px;
  overflow: hidden;
}

.media-container[b-gxyrvn0int] {
  width: 12rem;
  height: 10rem;
  overflow: hidden;
}

.media-container img[b-gxyrvn0int] {
  width: 15rem;
  height: 10rem;
  object-fit: cover;
}

.details[b-gxyrvn0int] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px;
  height: 10rem;
}

.card-header[b-gxyrvn0int] {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  align-items: start;
}

.course-name[b-gxyrvn0int] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  font-weight: 600;
  padding-bottom: 8px;
  font-size: 16px;
}

.course-description[b-gxyrvn0int] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  font-weight: 300;
}

.card-footer[b-gxyrvn0int] {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

.author-name[b-gxyrvn0int] {
  font-size: 13px;
  text-align: center;
}

.stars[b-gxyrvn0int] {
  --percent: calc(var(--rating) * 20%);
  display: inline-block;
  width: min-content;
  font-family: Times;
  line-height: 1;
  font-size: 24px;
  position: relative;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.stars[b-gxyrvn0int]::before {
  content: '★★★★★';
  color: #444;
}

.stars[b-gxyrvn0int]::after {
  content: '★★★★★';
  color: #fc0;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--percent);
  overflow: hidden;
  white-space: nowrap;
}

.subscribe-to-course[b-gxyrvn0int] {
  position: absolute;
  right: 0;
  top: 1rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0rem;
  z-index: 10;
  background-color: var(--danger);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 1s ease-in-out;
}

.subscribe[b-gxyrvn0int] {
  width: 2rem;
  transition: width 0.2s ease-in-out;
}

.subscribe:hover[b-gxyrvn0int] {
  width: 2.5rem;
}

.subscribe-to-course span[b-gxyrvn0int] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.course-progress-container[b-gxyrvn0int] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: black;
  font-weight: 500;
  background-color: #ffffff55;
  border-radius: 50%;
}

.course-progress[b-gxyrvn0int] {
  position: relative;
  width: 44px;
  height: 44px;
  cursor: default;
}

.course-progress svg[b-gxyrvn0int] {
  width: 100%;
  height: 100%;
}

.course-progress path[b-gxyrvn0int] {
  fill: none;
  stroke-width: 3;
}

.course-progress .meter[b-gxyrvn0int] {
  stroke: var(--primary);
  stroke-linecap: round;
  animation: progress-fill-b-gxyrvn0int 1.5s ease-out forwards;
}

@keyframes progress-fill-b-gxyrvn0int {
  from {
    stroke-dasharray: 0, 100;
  }
  to {
    stroke-dasharray: var(--percentage), 100;
  }
}

.course-progress span[b-gxyrvn0int] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}