@import '_content/BlazorBarcodeScanner.ZXing.Cpp/BlazorBarcodeScanner.ZXing.Cpp.yj2s57hseb.bundle.scp.css';

/* /Components/CurrentTouchUser.razor.rz.scp.css */
.userPhoto[b-ii6sberaxr] {
  border-radius: 50%;
  border-style: solid;
  border-width: 0px;
  height: 32px;
  width: 32px;
}

.userInitials[b-ii6sberaxr] {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  font-size: 22px;
  font-weight: 600;
  background-color: var(--nexusui-primary-900);
  text-align: center;
  line-height: 28px;
  height: 32px;
  width: 32px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.employee-list.e-listview .e-content[b-p8svgctjus] {
  display: block !important;
}

.employee-list.e-listview:not(.e-list-template) .e-list-item[b-p8svgctjus] {
  line-height: 24px;
}

.template-container[b-p8svgctjus] {
  display: flex;
  font-weight: 100;
  font-size: 12px;
  padding-top: 7px;
}

.empImg[b-p8svgctjus] {
  height: 48px;
  width: 48px;
}

.name[b-p8svgctjus] {
  font-weight: 500;
  font-size: 14px;
}

.empl-info[b-p8svgctjus] {
  padding-left: 7px;
}

.e-tab .employee-list.e-listview:not(.e-list-template) .e-list-item[b-p8svgctjus] {
  height: 63px;
  padding: 0 15px;
}

.orientation-tab-control-section[b-p8svgctjus] {
  margin: 20px 5% 20px 5%;
}

.tab-orientation[b-p8svgctjus] {
  margin-bottom: 20px;
  border: 1px solid #d7d7d7;
}

  .tab-orientation:not(.e-vertical-left):not(.e-vertical-right):not(.e-horizontal-bottom) .e-content .e-item.e-active .tab-content[b-p8svgctjus] {
    margin-top: 10px;
  }

  .tab-orientation.e-vertical-tab.e-vertical-left .e-content .e-item.e-active .tab-content[b-p8svgctjus] {
    margin-left: 10px;
  }

  .tab-orientation.e-vertical-tab.e-vertical-right .e-content .e-item.e-active .tab-content[b-p8svgctjus] {
    margin-right: 10px;
  }

@@media screen and (max-width: 480px) {
  .orientation-tab-control-section[b-p8svgctjus] {
    margin: 20px 0 20px 0;
  }
}

.bootstrap5 .tab-orientation[b-p8svgctjus],
.bootstrap5-dark .tab-orientation[b-p8svgctjus],
.bootstrap .tab-orientation[b-p8svgctjus],
.bootstrap-dark .tab-orientation[b-p8svgctjus],
.bootstrap4 .tab-orientation[b-p8svgctjus] {
  border: none;
}

  .fluent .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .bootstrap5 .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .tailwind .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .tailwind3 .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .material .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .bootstrap4 .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .bootstrap .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .fabric .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .fluent2 .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus] {
    background: #FAF9F8;
    font-size: 24px;
  }

  .fluent-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .bootstrap5-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .tailwind-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .tailwind3-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .material-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .bootstrap-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .fabric-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .highcontrast .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .fluent2-dark .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus],
  .fluent2-highcontrast .tab-orientation .e-content > .e-item.e-active[b-p8svgctjus] {
    background: #201F1E;
  }




/* Base styles for the tab container */
/*.tab-control-container {
  overflow: hidden;*/
  /* Set an initial max-height that is larger than the maximum possible content height */
  /*max-height: 500px;
  opacity: 1;*/
  /* Define the transition properties and duration */
  /*transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}*/

  /* Styles when the 'is-hidden' class is applied */
  /*.tab-control-container.is-hidden {
    max-height: 0;
    opacity: 0;
  }*/

/* Base styles for the tab container */
.tab-control-container[b-p8svgctjus] {
  /* Ensure transitions work for transform */
  transition: transform 0.5s ease-in-out;
  /* The initial position (fully visible) */
  transform: translateX(0);
  width: 265px; /* Define a fixed width for consistent sliding */
  /* Add styling here (background, padding, etc.) */
  background-color: #f0f0f0;
  padding: 15px;
  height: 100%; /* If part of a layout sidebar */
}

  /* Styles when the 'slide-out-left' class is applied */
  .tab-control-container.slide-out-left[b-p8svgctjus] {
    /* Moves the element 100% of its own width to the left (off-screen) */
    transform: translateX(-100%);
  }

/* Optional: Main content adapts to the hidden tab bar */
/*.main-content {
  transition: margin-left 0.5s ease-in-out;
  margin-left: 250px;*/ /* Starts next to the tab container width */
  /*padding: 15px;
}

.tab-control-container.slide-out-left + .main-content {
  margin-left: 0;*/ /* Takes full width when tabs are hidden */
/*}*/
/* /Components/Pages/Protected/MyTasks/ExecuteProductionOrderOperation.razor.rz.scp.css */
.vpopstatus[b-nkr6vzhvzt] {
  font-size: 16px;
  font-weight: bold;
  color: var(--nexusui-info-main)
}

.testexecstat[b-nkr6vzhvzt]  .vpopexecstatus-danger input[readonly] {
  color: var(--bs-danger);
  font-weight: bold;
}

[b-nkr6vzhvzt] .vpopexecstatus-warning.e-float-input.e-control-wrapper input[readonly] {
  color: var(--bs-warning);
}

[b-nkr6vzhvzt] .vpopexecstatus-success {
  color: var(--bs-success);
}

.opexecstatus-info[b-nkr6vzhvzt] {
}
/* /Components/Pages/Protected/UserSettings/UserSettings.razor.rz.scp.css */
.userSettingsPhoto[b-3nwv2u7bqr] {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  border-color: var(--nexusui-primary-900);
  min-height: 128px;
  min-width: 128px;
  max-height: 128px;
  max-width: 128px;
  padding: 0;
}

.userInitials[b-3nwv2u7bqr] {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  font-size: 70px;
  font-weight: 600;
  color: #fff;
  background-color: var(--nexusui-primary-900);
  text-align: center;
  line-height: 128px;
  max-height: 128px;
  max-width: 128px;
}