@charset "UTF-8";
.DarkTheme, .WebContainer.DarkTheme {
  --theme-bg-primary: #1b1b1b;
  --theme-bg-secondary: #2b2b2b;
  --theme-bg-tertiary: #353535;
  --theme-bg-input: #3b3b3b;
  --theme-bg-hover: #414141;
  --theme-text-primary: #ffffff;
  --theme-text-secondary: #dfdfdf;
  --theme-text-muted: #8E8A87;
  --theme-border-color: #414141;
  --theme-selected-bg: #8bc34a;
  --theme-header-bg: #202023;
  --theme-sidebar-bg: #1b1b1b;
  --theme-card-gradient-start: #4e4d4d;
  --theme-card-gradient-end: #2a2a2a;
  --theme-tooltip-bg: #333;
  --theme-tooltip-text: #fff;
  --theme-tree-bg: #3d3d3d;
  --theme-tree-selected: #595a5a;
  --theme-context-menu-bg: #4F4F4F;
  --theme-context-menu-hover: #6c757d;
}

.LightTheme, .WebContainer.LightTheme {
  --theme-bg-primary: #f5f5f5;
  --theme-bg-secondary: #e8e8e8;
  --theme-bg-tertiary: #e0e0e0;
  --theme-bg-input: #ffffff;
  --theme-bg-hover: #d0d0d0;
  --theme-text-primary: #333333;
  --theme-text-secondary: #555555;
  --theme-text-muted: #666666;
  --theme-border-color: #cccccc;
  --theme-selected-bg: #8bc34a;
  --theme-header-bg: #e0e0e0;
  --theme-sidebar-bg: #e8e8e8;
  --theme-card-gradient-start: #f5f5f5;
  --theme-card-gradient-end: #e0e0e0;
  --theme-tooltip-bg: #ffffff;
  --theme-tooltip-text: #333333;
  --theme-tree-bg: #f0f0f0;
  --theme-tree-selected: #c8e6c9;
  --theme-context-menu-bg: #ffffff;
  --theme-context-menu-hover: #e8e8e8;
}

.TestingMode .sidebar-main {
  background-color: darkred !important;
}

.d-none {
  display: none !important;
}

.Text_Center {
  text-align: center;
}

.Text_Right {
  text-align: right;
}

ol.Styled {
  list-style-type: decimal;
  padding-left: 20px;
}

ol.Styled li {
  padding-left: 20px;
}

ol.Styled li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}

.green {
  color: #43a047;
}

.red, .red .WebCol, .Red::before {
  color: #e20909 !important;
}

.red-bg {
  background-color: #ffdede !important;
}

.green-bg {
  background-color: #a8f0a8 !important;
  color: black !important;
}

.yellow-bg {
  background-color: #feffa0 !important;
  color: black !important;
}

.darkgreen-bg {
  background-color: #43a047 !important;
}

.darkred-bg {
  background-color: #e20909 !important;
}

span.sTotal {
  right: 0;
  position: absolute;
}

.SearchGlass::before {
  content: "\e005" !important;
}

.PageHelpText .WebHtml_Wrp {
  display: block;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  color: var(--theme-text-primary, white);
}

.PasswordBox {
  width: 100%;
  text-align: left;
  line-height: 24px;
}

.PasswordBox li {
  list-style: inside;
  padding-left: 20px;
}

.NewO {
  color: #3CC5FF;
}

.NewC {
  color: #c450ff;
}

.Eval {
  color: #000db8;
}

.Plcd {
  color: #e6a442;
}

.Cmpl {
  color: #06cc00;
}

.Canc {
  color: #000000;
}

.Delt, .Red {
  color: #e00000 !important;
}

.NewE {
  color: #0085b8;
}

.indent-0 {
  background-color: var(--theme-bg-primary, #1e1d1e) !important;
  color: var(--theme-text-primary, white);
}

.indent-1 {
  background-color: var(--theme-bg-tertiary, #3d3d3d) !important;
}

.indent-1 td {
  padding-left: 30px !important;
}

.indent-1 td:first-child::before {
  content: "-";
  margin-left: -15px;
  padding-right: 5px;
}

.indent-2 {
  background-color: var(--theme-bg-tertiary, #353535) !important;
}

.indent-2 td {
  padding-left: 60px !important;
}

.indent-2 td:first-child::before {
  content: "- -";
  margin-left: -15px;
  padding-right: 5px;
}

.bu-selected {
  padding: 0 0 0;
  font-weight: 900;
  color: var(--theme-text-primary, white);
  cursor: pointer;
  text-decoration: underline;
  font-size: 20px;
  text-align: left;
}

.bu-hint {
  text-align: left;
  font-size: 10px;
  color: var(--theme-text-muted, #ccc);
}

.d-flex {
  display: flex;
}

.flex-align-top {
  align-self: center;
}

.flex-align-center {
  align-self: center;
}

.flex-justify-right {
  justify-content: end;
}

.flex-justify-left {
  justify-content: start;
}

.flex-justify-middle {
  justify-content: center;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.hidden {
  display: none !important;
}

.email-link {
  cursor: pointer;
  text-decoration: underline;
}

.FG_yellow {
  color: #ebe129;
}

.BG_Console {
  color: greenyellow;
  background-color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
}

.cart-toast {
  position: absolute;
  bottom: 48px;
  right: 5px;
  background: #f0c830;
  color: #333;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 10000;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  white-space: nowrap;
}
.cart-toast.show {
  opacity: 1;
}

#viewport {
  min-height: 1080px;
}

#OWEBAPP .WebContainer.DarkTheme,
#OWEBAPP .WebContainer.LightTheme {
  width: 100%;
  height: 100%;
  min-height: 1080px;
  overflow: hidden;
  /* Latest Activity Group  */
  /* - - - - - - - - - - -  */
}
#OWEBAPP .WebContainer.DarkTheme .WebContainer, #OWEBAPP .WebContainer.DarkTheme .WebTbc_Body .WebContainer,
#OWEBAPP .WebContainer.DarkTheme .WebInlineView > .WebContainer,
#OWEBAPP .WebContainer.DarkTheme .WebContainer, #OWEBAPP .WebContainer.DarkTheme .WebTabContainer .WebTbc_Body .WebContainer,
#OWEBAPP .WebContainer.DarkTheme .WebGroup.WebControl > .WebCon_Inner,
#OWEBAPP .WebContainer.DarkTheme .WebGrid .WebList_Body .WebList_Row, #OWEBAPP .WebContainer.DarkTheme .WebList .WebList_Body .WebList_Row,
#OWEBAPP .WebContainer.LightTheme .WebContainer,
#OWEBAPP .WebContainer.LightTheme .WebTbc_Body .WebContainer,
#OWEBAPP .WebContainer.LightTheme .WebInlineView > .WebContainer,
#OWEBAPP .WebContainer.LightTheme .WebContainer,
#OWEBAPP .WebContainer.LightTheme .WebTabContainer .WebTbc_Body .WebContainer,
#OWEBAPP .WebContainer.LightTheme .WebGroup.WebControl > .WebCon_Inner,
#OWEBAPP .WebContainer.LightTheme .WebGrid .WebList_Body .WebList_Row,
#OWEBAPP .WebContainer.LightTheme .WebList .WebList_Body .WebList_Row {
  color: var(--theme-text-primary);
  background-color: var(--theme-bg-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebBreadcrumb,
#OWEBAPP .WebContainer.LightTheme .WebBreadcrumb {
  text-align: center;
}
#OWEBAPP .WebContainer.DarkTheme .WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs,
#OWEBAPP .WebContainer.DarkTheme .WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(2), #OWEBAPP .WebContainer.DarkTheme .WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(1) div,
#OWEBAPP .WebContainer.LightTheme .WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs,
#OWEBAPP .WebContainer.LightTheme .WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(2),
#OWEBAPP .WebContainer.LightTheme .WebBreadcrumb .WebCrumbs_Horiz ul.WebCrumbs li:nth-last-child(1) div {
  background-color: var(--theme-bg-secondary);
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebGrid .WebList_Body .WebList_Row, #OWEBAPP .WebContainer.DarkTheme .WebList .WebList_Body .WebList_Row, #OWEBAPP .WebContainer.DarkTheme .WebList .WebList_Head, #OWEBAPP .WebContainer.DarkTheme .WebList_Head,
#OWEBAPP .WebContainer.LightTheme .WebGrid .WebList_Body .WebList_Row,
#OWEBAPP .WebContainer.LightTheme .WebList .WebList_Body .WebList_Row,
#OWEBAPP .WebContainer.LightTheme .WebList .WebList_Head,
#OWEBAPP .WebContainer.LightTheme .WebList_Head {
  background-color: var(--theme-bg-secondary);
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebForm input,
#OWEBAPP .WebContainer.DarkTheme option,
#OWEBAPP .WebContainer.LightTheme .WebForm input,
#OWEBAPP .WebContainer.LightTheme option {
  background-color: var(--theme-bg-input);
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebFrm_Wrapper,
#OWEBAPP .WebContainer.LightTheme .WebFrm_Wrapper {
  background-color: var(--theme-bg-input);
  border-color: var(--theme-border-color);
}
#OWEBAPP .WebContainer.DarkTheme .WebTabContainer .WebTbc_Head,
#OWEBAPP .WebContainer.LightTheme .WebTabContainer .WebTbc_Head {
  background-color: var(--theme-bg-tertiary);
}
#OWEBAPP .WebContainer.DarkTheme .WebTabContainer .WebTbc_Head label,
#OWEBAPP .WebContainer.LightTheme .WebTabContainer .WebTbc_Head label {
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebGrid .WebList_Head .WebList_ColCap, #OWEBAPP .WebContainer.DarkTheme .WebList .WebList_Head .WebList_ColCap,
#OWEBAPP .WebContainer.LightTheme .WebGrid .WebList_Head .WebList_ColCap,
#OWEBAPP .WebContainer.LightTheme .WebList .WebList_Head .WebList_ColCap {
  text-shadow: none;
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebList:not(.HideSelected) .WebList_Body .WebList_Row.WebList_Selected,
#OWEBAPP .WebContainer.LightTheme .WebList:not(.HideSelected) .WebList_Body .WebList_Row.WebList_Selected {
  background-color: var(--theme-selected-bg) !important;
  color: white;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled > div > div > .WebFrm_Wrapper,
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled > div > div > .WebFrm_Wrapper {
  color: var(--theme-text-muted);
  background-color: var(--theme-bg-input);
  border-color: var(--theme-border-color);
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled input,
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled textarea,
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled select,
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled input,
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled textarea,
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled select {
  color: var(--theme-text-muted);
  background-color: var(--theme-bg-input);
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled .WebFrm_Wrapper,
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled .WebFrm_Wrapper {
  border-color: var(--theme-border-color);
}
#OWEBAPP .WebContainer.DarkTheme .HeaderRow,
#OWEBAPP .WebContainer.LightTheme .HeaderRow {
  background-color: #5bc7a2 !important;
}
#OWEBAPP .WebContainer.DarkTheme .HeaderRow td,
#OWEBAPP .WebContainer.LightTheme .HeaderRow td {
  background-color: #5bc7a2;
  border-color: none;
  color: white;
}
#OWEBAPP .WebContainer.DarkTheme .HeaderRow td:not(:first-child),
#OWEBAPP .WebContainer.LightTheme .HeaderRow td:not(:first-child) {
  display: none;
}
#OWEBAPP .WebContainer.DarkTheme .PickedRow,
#OWEBAPP .WebContainer.LightTheme .PickedRow {
  background-color: var(--theme-bg-hover) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebTreeView .WebTree_Body,
#OWEBAPP .WebContainer.LightTheme .WebTreeView .WebTree_Body {
  background-color: var(--theme-tree-bg);
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebTreeView .WebTree_Body .WebTree_Text, #OWEBAPP .WebContainer.DarkTheme .WebTreeView .WebTree_Body .WebTree_Icon::before, #OWEBAPP .WebContainer.DarkTheme .WebTreeView .WebTree_Body .WebTree_Folder::before, #OWEBAPP .WebContainer.DarkTheme .WebTreeView .WebTree_Body .WebTree_EntrySub::before,
#OWEBAPP .WebContainer.LightTheme .WebTreeView .WebTree_Body .WebTree_Text,
#OWEBAPP .WebContainer.LightTheme .WebTreeView .WebTree_Body .WebTree_Icon::before,
#OWEBAPP .WebContainer.LightTheme .WebTreeView .WebTree_Body .WebTree_Folder::before,
#OWEBAPP .WebContainer.LightTheme .WebTreeView .WebTree_Body .WebTree_EntrySub::before {
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .WebTreeView .WebTree_Body .WebTree_Icon::before,
#OWEBAPP .WebContainer.LightTheme .WebTreeView .WebTree_Body .WebTree_Icon::before {
  line-height: 23px;
}
#OWEBAPP .WebContainer.DarkTheme .WebMsgBox .WebMsgBox_Text .WebLabel_content,
#OWEBAPP .WebContainer.LightTheme .WebMsgBox .WebMsgBox_Text .WebLabel_content {
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity .LabelTitle.WebLabel .WebLabel_content,
#OWEBAPP .WebContainer.LightTheme .LatestActivity .LabelTitle.WebLabel .WebLabel_content {
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity.WebGroup > .WebCon_Inner,
#OWEBAPP .WebContainer.LightTheme .LatestActivity.WebGroup > .WebCon_Inner {
  padding: 0px 10px;
}
#OWEBAPP .WebContainer.DarkTheme .df-ModeMobile .LatestActivity.WebGroup > .WebCon_Inner,
#OWEBAPP .WebContainer.LightTheme .df-ModeMobile .LatestActivity.WebGroup > .WebCon_Inner {
  padding: 0px 0px;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity .WebHtmlBox > div.WebCon_Inner,
#OWEBAPP .WebContainer.LightTheme .LatestActivity .WebHtmlBox > div.WebCon_Inner {
  margin-top: 0;
  margin-bottom: 10px;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul {
  display: Block;
  overflow: hidden;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li {
  line-height: 14px;
  cursor: pointer;
  padding-bottom: 20px;
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li:hover,
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li:hover > div.MinorText,
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li:hover > div.FirstLine:after,
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li:hover > div.FirstLine.FirstLine,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li:hover,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li:hover > div.MinorText,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li:hover > div.FirstLine:after,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li:hover > div.FirstLine.FirstLine {
  border-color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
  color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li > div,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li > div {
  overflow: hidden;
  white-space: nowrap;
  margin-left: 22px;
  font-size: 15px;
  line-height: 18px;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li > div.FirstLine.FirstLine,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li > div.FirstLine.FirstLine {
  font-size: 14px;
  color: var(--theme-text-primary);
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li > div.MainText,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li > div.MainText {
  font-weight: 500;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li > div.MinorText,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li > div.MinorText {
  font-size: 14px;
  color: var(--theme-text-muted);
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li > div.FirstLine:before,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li > div.FirstLine:before {
  content: " ";
  position: absolute;
  background: transparent;
  height: 80px;
  border-left: solid 1px var(--theme-text-muted);
  left: 12px;
  margin-top: 5px;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li:last-child > div.FirstLine:before,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li:last-child > div.FirstLine:before {
  border: none;
}
#OWEBAPP .WebContainer.DarkTheme .LatestActivity ul > li > div.FirstLine:after,
#OWEBAPP .WebContainer.LightTheme .LatestActivity ul > li > div.FirstLine:after {
  content: " ";
  position: absolute;
  background: #6fb076;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: solid 1px #6fb076;
  left: 7px;
  margin-top: 3px;
}
#OWEBAPP #viewport > .WebContainer.DarkTheme > .WebCon_Sizer,
#OWEBAPP #viewport > .WebContainer.LightTheme > .WebCon_Sizer {
  background-color: var(--theme-bg-primary);
}
#OWEBAPP .WebApp_ViewRegion {
  inset: 0px 0px 0px 310px;
}
#OWEBAPP .BaseApp_ViewRegion {
  inset: 0 0 0 25px !important;
}
#OWEBAPP .WebControl {
  position: relative;
}
#OWEBAPP .caption-panel > .WebCon_Sizer > .WebCon_Content {
  display: flex;
}

.WebButton button {
  border-radius: 20px;
  padding: 10px 15px;
  background-color: #43a047;
}

.Red_Button:not(.WebButton) {
  background-color: red !important;
  cursor: none;
}

.Red_Button.WebButton button {
  background-color: red !important;
  cursor: none;
}

.RedButton button {
  background-color: red !important;
  cursor: none;
}

.Red_Button.WebButton .WebCon_Inner div button {
  background-color: #e20909;
}

.button-red button {
  background-color: #e20909 !important;
}

.WebList .WebButton_Danger button {
  background-color: #e20909 !important;
  color: #fff !important;
  border-color: #e20909 !important;
}
.WebList .WebButton_Danger button:hover {
  background-color: rgb(176.9531914894, 7.0468085106, 7.0468085106) !important;
  border-color: rgb(176.9531914894, 7.0468085106, 7.0468085106) !important;
}

#OWEBAPP button.WebButtonIcon.NoBG {
  background-color: inherit;
}
#OWEBAPP button.WebButtonIcon.Green::before {
  color: #43a047;
}

.PasswordBox {
  width: 100%;
  text-align: left;
  line-height: 24px;
}

.PasswordBox li {
  list-style: inside;
  padding-left: 20px;
}

.WebError .WebFrm_Wrapper {
  border: 4px solid #c73a4b;
  padding: 0;
}
.WebError .WebFrm_Wrapper input {
  background-color: rgba(199, 58, 75, 0.1882352941);
}

#OWEBAPP .WebControl > div > label {
  padding-top: 1px;
}
#OWEBAPP .WebControl > .WebCon_Inner.WebCon_LeftLabel, #OWEBAPP .WebControl > .WebCon_Inner.WebCon_TopLabel {
  margin: 2px 5px;
}
#OWEBAPP .WebControl > .WebCon_Inner.WebCon_LeftLabel label, #OWEBAPP .WebControl > .WebCon_Inner.WebCon_TopLabel label {
  min-height: 20px;
}
#OWEBAPP .WebForm input, #OWEBAPP .WebCombo .WebFrm_Wrapper {
  height: 25px;
}
#OWEBAPP .WebCombo .WebFrm_Wrapper {
  min-height: 34px !important;
}
#OWEBAPP .WebCombo > .WebCon_LeftLabel > label.WebCon_Float {
  top: 7px;
  position: relative;
}
#OWEBAPP .WebControl > .WebCon_Inner {
  min-height: 35px;
}
#OWEBAPP [data-dfobj="oZoomOrder.oWebMainPanel.oCustomerGroup.oReference"] label {
  width: 160px;
}
#OWEBAPP .WebControl > div.WebCon_LeftLabel > div {
  margin-left: 0;
}
#OWEBAPP .WebCheckbox.Web_Disabled input:checked + .WebCB_Fake:after {
  border: solid #43a047;
  border-width: 0 2px 2px 0;
}
#OWEBAPP .HideInput input, #OWEBAPP .HideInput .WebFrm_Wrapper {
  display: none;
}
#OWEBAPP .Force_White {
  color: white !important;
}

#OWEBAPP .PRICE_GROUP_SP .Price_SP .WebFrm_Wrapper,
#OWEBAPP .PRICE_GROUP_A .Price_A .WebFrm_Wrapper,
#OWEBAPP .PRICE_GROUP_B .Price_B .WebFrm_Wrapper,
#OWEBAPP .PRICE_GROUP_C .Price_C .WebFrm_Wrapper {
  background-color: #43a047 !important;
  border-color: #43a047 !important;
}

ol.Styled {
  list-style-type: decimal;
  padding-left: 20px;
}

ol.Styled li {
  padding-left: 20px;
}

ol.Styled li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}

.WebList.Condensed_List .WebList_Head .WebList_ColCap,
.WebList.Condensed_List .WebList_Body .WebCol,
.WebList.Condensed_List table.WebList_Row {
  font-size: 12px;
  Padding: 1px 3px;
}

.WebList.Condensed_List.CustomerNotes .WebList_Body .WebCol,
.WebList.Condensed_List table.WebList_Row td {
  height: 25px;
}

#OWEBAPP .WebList_Row {
  cursor: pointer;
}
#OWEBAPP .WebGrid .WebList_Body .WebList_Row, #OWEBAPP .WebList .WebList_Body .WebList_Row {
  border-bottom: 1px solid #838383;
}
#OWEBAPP .WebList .WebList_BodyWrp {
  background-color: inherit !important;
}
#OWEBAPP .CartList table {
  padding: 0;
}
#OWEBAPP .CartList table td {
  height: 25px;
}

body#OWEBAPP .WebGrid .WebList_Body .WebList_Row .WebButtonIcon,
body#OWEBAPP .WebGrid .WebList_Body .WebList_Row .WebButtonIcon:hover {
  background: transparent;
  border: none;
}

.Audit_List {
  overflow-y: hidden;
  padding: 0 15px;
}

.Audit_List .Audit_Wrapper {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 10px;
  border-bottom: 1px solid #f9fff2;
  background-color: #43a047;
  color: white;
}

.Audit_List .Audit_Wrapper:hover {
  background-color: #43a047;
  cursor: pointer;
}

.Audit_List .Audit_Due {
  text-align: right;
  font-size: 10px;
  color: white;
}

.Audit_Title {
  font-size: 34px;
  font-weight: 900;
}

#OWEBAPP .dept-header td {
  color: var(--theme-text-primary, white);
  border: none;
  font-weight: 900;
  text-decoration: underline;
}
#OWEBAPP .dept-header td:not(:first-child) {
  display: none;
}

.Kit_Cont .WebTbc_Body {
  height: calc(100vh - 280px) !important;
}

.Kit_Card img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.Kit_Card .image {
  text-align: center;
  background-color: white;
  position: relative;
  height: 150px;
}
.Kit_Card .image .code {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 5px;
  border: 1px solid #43a047;
  border-left: 4px solid #43a047;
  background-color: white;
  color: black;
  padding-right: 6px;
}

.Kit_Wrapper {
  width: 20%;
  display: inline-block;
  padding: 10px 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 1599px) {
  .Kit_Wrapper {
    width: 25%;
  }
}

@media screen and (max-width: 1599px) {
  div[data-dfobj="oDashboard.oWebMainPanel.oMainGroup.oWebSpacer1"] {
    display: none;
  }
}
.Kit_Card {
  position: relative;
  border: 1px solid #ccc;
  padding: 0 0 10px;
  box-shadow: 1px 1px 1px #43a047;
  min-height: 252px;
  overflow: hidden;
}

.Kit_Card h3 {
  font-size: 12px;
  font-weight: 900;
  padding: 10px 4px;
  width: 100%;
  line-break: auto;
  margin-bottom: 5px;
  text-align: left;
  color: var(--theme-text-primary, white);
}

.kit_Card .Cost {
  float: left;
  width: 49%;
}

.Kit_Card .Cost, .Kit_Card .Avail {
  font-size: 14px;
  color: var(--theme-text-secondary, #dfdfdf);
}
.Kit_Card .Cost b, .Kit_Card .Avail b {
  font-weight: 900;
  color: var(--theme-text-primary, white);
}

.Kit_List.GeneralPurchases .required {
  display: none;
}

.Kit_Card .add-to-cart {
  position: absolute;
  right: 58px;
  bottom: 12px;
  background: #43a047;
  padding: 2px 6px;
}

.Kit_Card input {
  position: absolute;
  top: 12px;
  right: 0;
  width: 49%;
  max-width: 50px;
  border: 1px solid #333;
  margin-bottom: 3px;
  color: #333;
}

.Kit_Card .Content {
  position: absolute;
  height: 46px;
  vertical-align: bottom;
  width: 95%;
  margin: 0 auto;
  bottom: 0;
  padding: 3px;
}

#OWEBAPP .WebCard .WebCon_Sizer {
  padding-top: 40px;
}
#OWEBAPP .WebCardContainer .WebCC_Head label {
  color: var(--theme-text-primary, white);
}

.card-list-1_container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 4px;
}
.card-list-1_container .card-item {
  display: flex;
  background: linear-gradient(to bottom right, var(--theme-card-gradient-start, #4e4d4d), var(--theme-card-gradient-end, #2a2a2a));
  border-radius: 15px;
  flex: 33%;
  max-width: 33%;
  cursor: pointer;
  transition: 0.2s all ease;
  background-position: 100%;
  background-size: 400%;
}
.card-list-1_container .card-item:hover {
  background-position: 0;
}
.card-list-1_container .card-item .wrapper {
  padding: 15px 20px;
  width: 100%;
}
.card-list-1_container .card-item .wrapper .name-section {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.card-list-1_container .card-item .wrapper .name-section img.icon {
  width: 15px;
  background: #65c38f;
  border-radius: 50px;
  padding: 5px;
  margin-right: 10px;
}
.card-list-1_container .card-item .wrapper .name-section p {
  font-size: 17px;
  font-weight: 700;
}
.card-list-1_container .card-item .wrapper .position-company-section {
  font-size: 14px;
  color: var(--theme-text-muted, #bbbbbb);
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.card-list-1_container .card-item .wrapper .position-company-section .position-text {
  background: #65c38f;
  display: inline-block;
  color: #fff;
  padding: 2px 10px;
  border-radius: 10px;
  align-content: center;
}
.card-list-1_container .card-item .wrapper .position-company-section .company-text {
  background: #7d8581;
  display: inline-block;
  color: #fff;
  padding: 2px 10px;
  border-radius: 10px;
  align-content: center;
}
.card-list-1_container .card-item .wrapper .status-section {
  font-size: 14px;
  color: var(--theme-text-muted, #bbbbbb);
}
.card-list-1_container .card-item .wrapper .status-section.Inactive-state p {
  color: #ff6161;
}
.card-list-1_container .card-item .wrapper .status-section.Active-state p {
  color: #06a84e;
}
.card-list-1_container .card-item .wrapper .contact-details-section {
  background: var(--theme-bg-tertiary, #4f5150);
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid var(--theme-border-color, #6e6e6e);
}
.card-list-1_container .card-item .wrapper .contact-details-section p {
  color: var(--theme-text-muted, #bbbbbb);
}
.card-list-1_container .card-item .wrapper .abbreviation-circle {
  background: #65c38f;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.TilesGroup .Tile .WebCon_Sizer {
  border-radius: 10px;
  box-shadow: none;
  transition: 0.3s all ease;
  overflow: hidden;
}
.TilesGroup .Tile .WebCon_Sizer:hover {
  transform: translateY(-2px);
  box-shadow: 4px 4px 0px 0 rgba(0, 0, 0, 0.13);
}
.TilesGroup .Tile .WebCon_Sizer .Tile_Title, .TilesGroup .Tile .WebCon_Sizer .Tile_Subtitle {
  color: #fff !important;
}
.TilesGroup .Tile .WebCon_Sizer .Tile_Icon {
  text-align: center;
  position: relative;
  top: 30px;
  font-size: 0;
}
.TilesGroup .Tile .WebCon_Sizer .Tile_Icon::after {
  background: rgba(255, 255, 255, 0.61);
  padding: 10px;
  border-radius: 50px;
}
@media screen and (max-width: 1599px) {
  .TilesGroup .Tile div[data-dfobj="oDashboard.oWebMainPanel.oMainGroup.oWebSpacer1"] {
    display: none;
  }
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer {
  height: 200px;
  background: url(../Images/main-banner.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 17px 5px rgba(0, 0, 0, 0.368627451);
}
@media screen and (max-width: 1599px) {
  .TilesGroup .Tile.Tile-Main .WebCon_Sizer {
    height: 120px;
  }
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper {
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  transition: 0.3s all ease;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Title, .TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Subtitle {
  color: #fff !important;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Text-Container {
  padding-right: 15px;
  padding-bottom: 20px;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Text-Container .Tile_Title, .TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Text-Container .Tile_Subtitle {
  top: auto;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Text-Container .Tile_Title {
  display: flex;
  align-items: center;
  text-shadow: 1px 1px 5px #000000;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer .Tile_Wrapper .Tile_Text-Container .Tile_Title::after {
  margin-left: 10px;
  content: "" !important;
  font-family: "dataflex-mobile" !important;
  font-size: 20px;
  transition: 0.3s all ease;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer:hover {
  transform: none !important;
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer:hover .Tile_Wrapper {
  backdrop-filter: blur(2px);
}
.TilesGroup .Tile.Tile-Main .WebCon_Sizer:hover .Tile_Title::after {
  transform: rotate(-45deg);
}
.TilesGroup .Tile.Tile-Color-1 .WebCon_Sizer {
  background: #4d7b53;
  padding: 10px 5px;
}
.TilesGroup .Tile.Tile-Color-1 .WebCon_Sizer .Tile_Icon::after {
  content: "\e00a" !important;
  font-family: "dataflex-mobile" !important;
  font-size: 20px;
}
.TilesGroup .Tile.Tile-Color-2 .WebCon_Sizer {
  background: #4d7b53;
  padding: 10px 5px;
}
.TilesGroup .Tile.Tile-Color-2 .WebCon_Sizer .Tile_Icon::after {
  content: "\e008" !important;
  font-family: "dataflex-mobile" !important;
  font-size: 20px;
}
.TilesGroup .Tile.Tile-Color-3 .WebCon_Sizer {
  background: #4d7b53;
  padding: 10px 5px;
}
.TilesGroup .Tile.Tile-Color-3 .WebCon_Sizer .Tile_Icon::after {
  content: "\e004" !important;
  font-family: "dataflex-mobile" !important;
  font-size: 20px;
}
.TilesGroup .Tile.Tile-Cart .WebCon_Sizer {
  background: #4d7b53;
  padding: 10px 5px;
}
.TilesGroup .Tile.Tile-Cart .WebCon_Sizer .Tile_Icon {
  top: 20px;
}
.TilesGroup .Tile.Tile-Cart .WebCon_Sizer .Tile_Icon img {
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.61);
  padding: 10px;
  border-radius: 50%;
  filter: brightness(0) invert(1);
}
.TilesGroup .Tile.Tile-Cart .WebCon_Sizer .Tile_Icon::after {
  content: none !important;
}
.TilesGroup .Tile.Tile-Cart .WebCon_Sizer .Tile_Subtitle {
  font-size: 11px;
  top: 39px;
}
.TilesGroup .Tile.Tile-Cart .WebCon_Sizer .Tile_Title {
  top: 35px;
}
.TilesGroup .WelcomeText .welcome-text-container {
  display: inline-flex;
}
.TilesGroup .WelcomeText .welcome-text-container .welcome-text-wrapper .greetings-text {
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
}
.TilesGroup .WelcomeText .welcome-text-container .welcome-text-wrapper .greetings-text_name {
  margin: 0 0 10px !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  color: #a0a0a0;
  border-left: 3px solid #43a047;
  padding-left: 10px;
}
.TilesGroup .WelcomeText .welcome-text-container .time-image {
  max-width: 100px;
  animation: pulse 10s ease-in-out infinite;
  margin-right: 20px;
  object-fit: contain;
}
@media screen and (max-width: 1599px) {
  .TilesGroup .WelcomeText .welcome-text-container .welcome-text-wrapper .greetings-text {
    font-size: 22px;
  }
  .TilesGroup .WelcomeText .welcome-text-container .welcome-text-wrapper .greetings-text_name {
    font-size: 18px !important;
  }
  .TilesGroup .WelcomeText .welcome-text-container .time-image {
    max-width: 60px;
    margin-right: 10px;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
#OWEBAPP .RightMenu {
  width: 0 !important;
  /* Hide scrollbar for IE, Edge and Firefox */
}
#OWEBAPP .RightMenu div {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
#OWEBAPP .RightMenu div::-webkit-scrollbar {
  display: none;
}
#OWEBAPP .RightMenu .WebMenuItem a, #OWEBAPP .RightMenu .WebML_Back a {
  color: var(--theme-text-primary, white);
}
#OWEBAPP .RightMenu .WebMenuItem::before, #OWEBAPP .RightMenu .WebML_Back::before {
  color: var(--theme-text-primary, white);
}
#OWEBAPP .RightMenu .WebMenuItem:hover, #OWEBAPP .RightMenu .WebML_Back:hover {
  background-color: var(--theme-bg-hover, rgb(56.3582089552, 56.3582089552, 61.6417910448));
}
#OWEBAPP .Sidebar {
  top: 0px !important;
  left: auto !important;
  right: 0px !important;
  height: 100vh !important;
  z-index: 10;
  padding-bottom: 0;
  overflow: hidden;
}
#OWEBAPP .Sidebar .WebWin_header {
  width: 100% !important;
}
#OWEBAPP .Sidebar .WebGrp_Caption {
  color: black !important;
}
#OWEBAPP .Sidebar .WebButton {
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 140px !important;
}
#OWEBAPP .Sidebar .WebWin_main_l {
  height: 100vh !important;
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r {
  height: 100% !important;
  background-color: var(--theme-sidebar-bg, #1b1b1b);
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c {
  width: 667px !important;
  height: 91% !important;
  background-color: var(--theme-bg-primary, #202023);
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c .main-panel {
  padding-bottom: 45px;
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c > .WebContainer {
  background-color: var(--theme-bg-primary, #202023);
  height: 100% !important;
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c > .WebContainer > .WebCon_Sizer {
  height: 100%;
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c > .WebContainer > .WebCon_Sizer > .WebCon_Main {
  height: 100% !important;
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c .WebTbc_Body .WebTab_Btn label {
  color: black;
}
#OWEBAPP .Sidebar .WebWin_main_l .WebWin_main_r .WebWin_main_c label {
  color: var(--theme-text-primary, white);
}
#OWEBAPP .Sidebar #productModalCont .quantitiesSection, #OWEBAPP .Sidebar #pricing-section {
  margin-top: 0.5rem;
}
#OWEBAPP .Sidebar #productModalCont .quantitiesSection .WebContainer:first-child,
#OWEBAPP .Sidebar #productModalCont .generalSection .WebContainer:first-child {
  margin-top: 5px;
}
#OWEBAPP .Sidebar #pricing-section > div > div > div {
  margin-top: 5px;
}
#OWEBAPP .Sidebar .bottom-panel {
  top: -47px;
  background-color: var(--theme-bg-tertiary, #1b1b1b) !important;
  border-top: 1px solid var(--theme-border-color, #bababa);
}
#OWEBAPP .Sidebar .bottom-panel .WebCon_Sizer > .WebCon_Content {
  padding: 5px 10px !important;
  display: flex;
  justify-content: flex-end;
}

.sidebar-main {
  height: 100%;
  width: 80px;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgb(21.8414096916, 52.1585903084, 23.1453744493);
  transition: 0.5s;
  padding-top: 0;
}
.sidebar-main.active {
  width: 265px;
}
.sidebar-main.active .menu-item-container {
  opacity: 1;
}
.sidebar-main.active .multi-btn {
  background-color: #43a047;
}
.sidebar-main.active .menu-item *:not(.menu-item_icon):not(.multi-btn) {
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .sidebar-main.active {
    width: 210px;
  }
}
.sidebar-main a {
  padding: 5px 30px;
  text-decoration: none !important;
  font-size: 16px;
  color: #fff !important;
  display: block;
  transition: 0.3s;
}
.sidebar-main a:hover {
  color: #f1f1f1;
}
.sidebar-main .multi-btn {
  font-size: 36px;
  background-color: #43a047;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  padding: 10px 20px;
}
.sidebar-main .multi-btn:hover {
  background-color: #43a047;
  transition: 0.3s all ease;
}
.sidebar-main .multi-btn .sidebar_arrow-btn {
  transition: 0.3s all ease-in-out;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2117647059);
  padding: 10px;
  border-radius: 100%;
  width: 20px !important;
}
.sidebar-main .multi-btn .sidebar_arrow-btn.active {
  transform: rotate(180deg);
}
.sidebar-main .multi-btn p {
  font-size: 14px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-right: 10px;
}
@media only screen and (max-width: 1600px) {
  .sidebar-main .multi-btn {
    top: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .sidebar-main .multi-btn {
    right: -100px;
  }
  .sidebar-main .multi-btn p {
    font-size: 12px;
  }
}
.sidebar-main .menu-item-container {
  overflow: hidden;
  transition: 0.5s all ease;
  overflow-y: scroll;
  height: 90%;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  padding: 20px 0;
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.sidebar-main .menu-item-container .multi-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.sidebar-main .menu-item-container::-webkit-scrollbar {
  display: none;
}
.sidebar-main .menu-item-container .qontro-logo_container {
  text-align: center;
  padding: 20px 10px;
}
@media only screen and (min-height: 700px) {
  .sidebar-main .menu-item-container .qontro-logo_container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.sidebar-main .menu-item-container .menu-item_title {
  font-weight: 700;
}
.sidebar-main .menu-item-container .menu-item_title img {
  float: right;
  height: 25px;
}
.sidebar-main .menu-item-container .menu-item {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  white-space: nowrap;
}
.sidebar-main .menu-item-container .menu-item.active-state {
  background: rgb(51.9471365639, 124.0528634361, 55.0484581498);
}
.sidebar-main .menu-item-container .menu-item span {
  line-height: 0;
}
.sidebar-main .menu-item-container .menu-item .menu-item_icon {
  width: 20px;
  margin-right: 15px;
}
.sidebar-main .menu-item-container .menu-item .menu-item_icon[src*=first-aid-kit] {
  filter: brightness(0) invert(1);
}
.sidebar-main .menu-item-container .menu-item .menu-item_arrow {
  float: right;
  margin-right: 5px;
  transition: 0.5s all ease-in-out;
  margin-right: 8px;
  margin-left: auto;
  max-width: 20px !important;
}
.sidebar-main .menu-item-container .menu-item .menu-item_arrow.active {
  transform: rotate(180deg);
}
.sidebar-main .menu-item-container .menu-item *:not(.menu-item_icon):not(.multi-btn) {
  opacity: 0;
  width: 0;
  height: 0;
}
.sidebar-main .menu-item-container .menu-item:hover {
  background-color: rgb(91.4757709251, 186.5242290749, 95.563876652);
}
.sidebar-main .menu-item-container .submenu-dropdown-content {
  background-color: #4F4F4F;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0;
  color: #fff;
}
.sidebar-main .menu-item-container .submenu-dropdown-content.expanded {
  max-height: 500px;
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item {
  font-size: 14px;
  padding: 6px 50px;
  cursor: pointer;
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item .menu-item_arrow {
  transform: rotate(270deg);
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item:hover {
  background-color: #fff;
  color: #1F3455;
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item:hover .submenu-dropdown-content_hover {
  visibility: visible;
  opacity: 1;
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item:hover .menu-item_arrow {
  filter: brightness(0%);
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item .submenu-dropdown-content_hover {
  position: absolute;
  background-color: #828282;
  right: -322px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  width: 215px;
  transform: translate(-50%, -50%);
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item .submenu-dropdown-content_hover a {
  font-size: 14px;
}
.sidebar-main .menu-item-container .submenu-dropdown-content .menu-item .submenu-dropdown-content_hover a:hover {
  background-color: #fff;
  color: #1F3455 !important;
}
@media only screen and (max-height: 700px) {
  .sidebar-main .menu-item-container .submenu-dropdown-content .menu-item .submenu-dropdown-content_hover a {
    padding: 3px 30px;
  }
}
@media only screen and (max-height: 700px) {
  .sidebar-main .menu-item-container .submenu-dropdown-content .menu-item .submenu-dropdown-content_hover {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 1599px) {
  .CustomerUser .sidebar-main {
    width: 40px;
  }
  .CustomerUser .sidebar-main.active {
    width: 162px;
  }
  .CustomerUser .WebApp_ViewRegion {
    inset: 0px 0px 0px 155px !important;
  }
  .CustomerUser.Web_VwCenter {
    padding-left: 162px !important;
  }
}
.jstree-themeicon {
  background-size: contain !important;
}

.jstree-disabled {
  color: var(--theme-text-primary, white) !important;
}
.jstree-disabled .jstree-icon {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

li.jstree-node {
  padding: 4px 0;
  position: relative;
}

.jstree-default .jstree-clicked {
  background-color: var(--theme-tree-selected, #595a5a) !important;
}

.jstree-hovered {
  background: none !important;
}

.jstree-wrapper {
  background-color: var(--theme-tree-bg, #3d3d3d);
  padding: 6px;
  height: 100%;
}
.jstree-wrapper .jstree-children {
  background-color: var(--theme-tree-bg, #3d3d3d);
}
.jstree-wrapper .jstree-anchor {
  color: var(--theme-text-primary, white);
}

.LightTheme .jstree-wrapper .jstree-default .jstree-icon.jstree-ocl {
  filter: invert(40%);
}

.cJsTree .searchbox {
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
  position: absolute;
  right: 20px;
}
.cJsTree .searchbox .search-expand {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
.cJsTree .searchbox input {
  z-index: 5;
  position: relative;
}

div[data-dfobj="oHeaderPanel.oActionPanel"] {
  min-width: 300px !important;
}

.jstree-anchor, .jstree-icon, .jstree-node {
  line-height: 18px !important;
  font-size: 12px;
  min-height: 18px !important;
}

#OWEBAPP .WebTree_Collapsed {
  position: relative;
}
#OWEBAPP .WebTree_Collapsed td::before {
  color: black;
}

.GroupKitWizard .jstree-anchor {
  font-size: 23px;
  line-height: 34px !important;
}
.GroupKitWizard .jstree-anchor .fa {
  color: #43a047;
}
.GroupKitWizard .jstree-default .jstree-icon:empty {
  height: 31px;
}
.GroupKitWizard .jstree-default .jstree-anchor {
  height: 31px !important;
}

.WebInfoBalloon.WebWarningTooltip {
  background-color: #fdfd02;
  padding: 10px;
  z-index: 20;
}

.WebInfoBalloon.WebWarningTooltip:after {
  border-color: #fdfd02 transparent;
}

.WebErrorTooltip {
  z-index: 20;
}

#OWEBAPP .WebWindow_Mask {
  background-color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
  filter: alpha(opacity=40);
  opacity: 0.4;
}
#OWEBAPP .WebWindow .WebWin_main_l {
  border-bottom: 1px solid #43a047;
}

.WebWindow_Mask {
  display: none !important;
}

body#OWEBAPP .WebMsgBox .WebWin_header_c {
  background-color: #717171 !important;
}
body#OWEBAPP .WebMsgBox .WebWin_header_c .WebWin_title {
  color: #fff !important;
  text-transform: uppercase;
  padding-bottom: 10px;
}
body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer > .WebCon_Main .WebCon_Content {
  background-color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
}
body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer > .WebCon_Main .WebCon_Content .WebLabel_content {
  color: #fff !important;
}
body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer > .WebMsgBoxButtons, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebMsgBoxOneBtn, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebMsgBoxTwoButtons, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebCon_Content {
  background-color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
  padding: 5px;
}
body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer > .WebMsgBoxButtons .WebButton, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebMsgBoxOneBtn .WebButton, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebMsgBoxTwoButtons .WebButton, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebCon_Content .WebButton {
  padding: 5px;
}
body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer > .WebMsgBoxButtons .WebButton button, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebMsgBoxOneBtn .WebButton button, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebMsgBoxTwoButtons .WebButton button, body#OWEBAPP .WebMsgBox .WebWin_main_c > .WebContainer > .WebCon_Sizer .WebCon_Content .WebButton button {
  background-color: #242424;
  border-bottom: none;
}

.WebWindow.WebMsgBox .WebWin_top_l,
.WebWindow.WebMsgBox .WebWin_top_r,
.WebWindow.WebMsgBox .WebWin_header_r,
.WebWindow.WebMsgBox .WebWin_main_l,
.WebWindow.WebMsgBox .WebWin_main_r {
  background-color: #717171 !important;
}

.WebWindow.WebMsgBox .WebWin_bottom_l {
  background-color: #43a047 !important;
}

.help-tooltip {
  display: block;
  position: absolute;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--theme-tooltip-bg, #333);
  color: var(--theme-tooltip-text, #fff);
  padding: 8px;
  border-radius: 4px;
  width: 200px;
  text-align: left;
  font-size: 14px;
  opacity: 1;
  transition: opacity 0.3s ease;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #43a047;
  z-index: 1;
}

.help-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-color: transparent transparent #43a047 transparent;
  border-style: solid;
}

.cart-context-menu {
  position: absolute;
  z-index: 1000;
  background-color: var(--theme-context-menu-bg, #4F4F4F);
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
  display: none;
  border: 1px solid var(--theme-border-color, transparent);
}
.cart-context-menu.active {
  display: block;
}
.cart-context-menu .context-menu-item {
  padding: 8px 12px;
  color: var(--theme-text-primary, #fff);
  cursor: pointer;
  transition: background-color 0.3s;
}
.cart-context-menu .context-menu-item:hover {
  background-color: var(--theme-context-menu-hover, #6c757d);
}

img.thumb {
  cursor: zoom-in;
}

.image-modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.image-modal img {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 0 15px #000;
  cursor: zoom-out;
}

.NotificationPopup img {
  max-width: 100%;
}

#support-floating-btn {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  background-color: #43a047;
  border-radius: 50%;
  height: 52px;
  width: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  transition: background-color 0.2s;
}
#support-floating-btn i {
  font-size: 22px;
  color: #fff;
}
#support-floating-btn:hover {
  background-color: rgb(54.9577092511, 131.2422907489, 58.2387665198);
}
#support-floating-btn:active {
  transform: scale(0.95);
}

.support-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100000;
}

.support-modal {
  background: var(--theme-modal-bg, #2c2c2c);
  border-radius: 8px;
  width: 600px;
  max-width: 90vw;
  max-height: 85vh;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  color: var(--theme-text-primary, #fff);
}

.support-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--theme-border-color, #444);
}
.support-modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.support-modal-header .support-modal-close {
  background: none;
  border: none;
  color: var(--theme-text-primary, #fff);
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  opacity: 0.7;
}
.support-modal-header .support-modal-close:hover {
  opacity: 1;
}

.support-modal-body {
  padding: 20px;
}

.support-form-group {
  margin-bottom: 16px;
}
.support-form-group label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--theme-text-secondary, #ccc);
}
.support-form-group label .required {
  color: #e74c3c;
}
.support-form-group input[type=text],
.support-form-group textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--theme-border-color, #555);
  border-radius: 4px;
  background: var(--theme-input-bg, #1e1e1e);
  color: var(--theme-text-primary, #fff);
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.support-form-group input[type=text]:focus,
.support-form-group textarea:focus {
  outline: none;
  border-color: #43a047;
}
.support-form-group textarea {
  resize: vertical;
  min-height: 80px;
}

.support-screenshot-preview {
  max-width: 100%;
  max-height: 200px;
  border: 1px solid var(--theme-border-color, #444);
  border-radius: 4px;
  display: block;
}

.support-no-screenshot {
  color: var(--theme-text-secondary, #999);
  font-style: italic;
  font-size: 13px;
}

.support-context-info p {
  margin: 4px 0;
  font-size: 12px;
  color: var(--theme-text-secondary, #aaa);
  word-break: break-all;
}

.support-screenshot-note {
  font-size: 12px;
  color: var(--theme-text-secondary, #999);
  font-style: italic;
}

.support-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid var(--theme-border-color, #444);
}

.support-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}

.support-btn-cancel {
  background: var(--theme-btn-secondary-bg, #555);
  color: var(--theme-text-primary, #fff);
}
.support-btn-cancel:hover {
  background: var(--theme-btn-secondary-hover, #666);
}

.support-btn-submit {
  background: #43a047;
  color: #fff;
}
.support-btn-submit:hover {
  background: rgb(51.9471365639, 124.0528634361, 55.0484581498);
}
.support-btn-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.support-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #43a047;
  color: #fff;
  padding: 14px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  z-index: 100001;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s, transform 0.3s;
}
.support-toast.show {
  opacity: 1;
  transform: translateY(0);
}
.support-toast.support-toast-error {
  background: #e74c3c;
}

.LightTheme .support-modal {
  background: #fff;
  color: #333;
}
.LightTheme .support-modal-header {
  border-bottom-color: #e0e0e0;
}
.LightTheme .support-modal-header .support-modal-close {
  color: #333;
}
.LightTheme .support-form-group label {
  color: #555;
}
.LightTheme .support-form-group input[type=text],
.LightTheme .support-form-group textarea {
  border-color: #ccc;
  background: #f9f9f9;
  color: #333;
}
.LightTheme .support-context-info p {
  color: #777;
}
.LightTheme .support-modal-footer {
  border-top-color: #e0e0e0;
}
.LightTheme .support-btn-cancel {
  background: #e0e0e0;
  color: #333;
}
.LightTheme .support-btn-cancel:hover {
  background: #d0d0d0;
}

.HeaderControls {
  width: auto !important;
  display: flex !important;
  align-items: center;
}
.HeaderControls .WebHtml_Wrp {
  display: flex;
  justify-content: end;
}
.HeaderControls .WebHtml_Wrp .SearchButton_wrapper {
  background: #43a047;
  padding: 10px;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  text-align: center;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.HeaderControls .WebHtml_Wrp .SearchButton_wrapper img {
  width: 25px;
}
.HeaderControls .WebHtml_Wrp .UnitBox_wrapper {
  background-color: #43a047;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  margin-right: 10px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}
.HeaderControls .WebHtml_Wrp .UnitBox_wrapper:hover {
  opacity: 0.6;
}
.HeaderControls .WebHtml_Wrp .UnitBox_wrapper p {
  margin-bottom: 0;
}
.HeaderControls .WebHtml_Wrp .UnitBox_wrapper p.unit_title {
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HeaderControls .WebHtml_Wrp .UnitBox_wrapper p.unit_change-button {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
}

.ActionPanel > .WebCon_Sizer {
  display: flex;
}
.ActionPanel .WebCon_Content {
  display: flex;
  padding-right: 50px !important;
  align-self: center;
  width: 100%;
}
.ActionPanel .QuickEntry-btn_container .QuickEntry-btn {
  display: flex;
  justify-content: center;
  transition: 0.3s all ease-in-out;
  cursor: pointer;
}
.ActionPanel .QuickEntry-btn_container .QuickEntry-btn:hover {
  opacity: 0.6;
}
.ActionPanel .QuickEntry-btn_container .QuickEntry-btn img {
  width: 32px;
}
.ActionPanel .WebToolBar .WebItm_Icon:before {
  padding: 0 !important;
}

.floating-main-actions_container > .WebCon_Sizer {
  min-height: 0 !important;
}
.floating-main-actions_container .floating-main-actions_wrapper > .WebCon_Inner {
  background: transparent !important;
  border: none !important;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel {
  height: 50px !important;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul {
  display: flex;
  justify-content: center;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebML_Divider {
  display: none;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem {
  background: #43a047;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
  width: auto;
  transition: 0.3s all ease;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem:hover {
  opacity: 0.8;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem > div {
  padding: 10px 15px;
  display: flex;
  justify-content: center;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem > div a {
  white-space: nowrap;
  margin-left: 10px;
  background-color: transparent !important;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem span.WebItm_Icon {
  display: inline-block;
  height: 20px !important;
  width: 20px !important;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem span.WebItm_Icon:before {
  color: #fff !important;
  font-size: 15px;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Panel .WebML_Mnu ul .WebMenuItem.WebDefaultMenuItem .WebItm_Icon:before {
  content: "1";
  font-weight: 600 !important;
}
.floating-main-actions_container .floating-main-actions_wrapper .WebML_Title {
  display: none;
}

.UsernameCircle.active .dropdown-box-1 {
  display: grid;
}
.UsernameCircle a {
  text-decoration: none !important;
  transition: 0.3s all ease-in-out;
  background-color: transparent;
}
.UsernameCircle a:hover {
  opacity: 0.6;
}
.UsernameCircle > .WebCon_Inner {
  display: block !important;
}
.UsernameCircle .dropdown-box-1 {
  background: #f5f5f5;
  padding: 15px 20px;
  position: absolute;
  z-index: 10000;
  margin-top: 60px;
  color: #000;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(60, 60, 60, 0.2901960784);
  display: none;
  width: 200px;
}
.UsernameCircle .dropdown-box-1 .greetings-text {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  border-bottom: 1px solid #c9c9c9;
  padding-bottom: 10px;
}
.UsernameCircle .dropdown-box-1 .db1_menu-item {
  margin-bottom: 5px;
  font-size: 13px;
}
.UsernameCircle .Username_wrapper, .UsernameCircle .HelpText {
  background-color: #afacac;
  border-radius: 100px;
  height: 35px;
  width: 35px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #43a047;
  cursor: pointer;
}
.UsernameCircle .Username_wrapper .username_text, .UsernameCircle .HelpText .username_text {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.UsernameCircle .HelpText {
  background-color: inherit;
  border: 3px solid var(--theme-text-primary, white);
  margin-right: 10px;
}
.UsernameCircle .HelpText .help-mark {
  font-size: 30px;
  font-weight: 900;
  padding-top: 5px;
  color: var(--theme-text-primary, white);
  content: "?";
}

.tab-style-1_container .WebTab_Btn.WebTab_Current, .tab-style-1_container .WebTab_Btn.WebTab_Current:hover {
  border-bottom: 3px solid #1f7947 !important;
}

#OWEBAPP div[data-dfobj="oHeaderPanel.oMenuPanel"] {
  display: none;
}
#OWEBAPP div[data-dfobj="oHeaderPanel.oCaptionPanel"] {
  inset: 0px 120px 0px 0px !important;
  display: flex !important;
  align-items: center !important;
}
#OWEBAPP div[data-dfobj="oHeaderPanel.oCaptionPanel"] .WebCon_Sizer {
  width: 100%;
}
#OWEBAPP div[data-dfobj="oHeaderPanel.oCaptionPanel"] .WebCon_Content {
  display: flex;
  align-items: center;
}
#OWEBAPP div[data-dfobj="oHeaderPanel.oCaptionPanel"] .bu-selected {
  font-size: clamp(0.75rem, 1.5vw, 1rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
#OWEBAPP div[data-dfobj="oHeaderPanel.oActionPanel"] {
  min-width: 50px;
}

.NewO {
  color: #3CC5FF;
}

.NewC {
  color: #c450ff;
}

.Eval {
  color: #000db8;
}

.Plcd {
  color: #e6a442;
}

.Cmpl {
  color: #06cc00;
}

.Canc {
  color: #000000;
}

.Delt, .Red {
  color: #e00000 !important;
}

.NewE {
  color: #0085b8;
}

.FG_yellow {
  color: #ebe129;
}

.BG_Console {
  color: greenyellow;
  background-color: rgb(51.9471365639, 124.0528634361, 55.0484581498);
}

#OWEBAPP :not(.DarkTheme) .FG_RED {
  color: red !important;
}
#OWEBAPP :not(.DarkTheme) .FG_LIGHT_BLUE {
  color: rgb(0, 247, 255) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_WHITE {
  color: rgb(255, 255, 255) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_GREEN {
  color: rgb(0, 187, 0) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_YELLOW {
  color: rgb(255, 221, 0) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_PURPLE {
  color: rgb(255, 0, 234) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_BROWN {
  color: rgb(255, 94, 0) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_GREY {
  color: rgb(88, 88, 88) !important;
}
#OWEBAPP :not(.DarkTheme) .FG_YELLO_NAVY {
  color: rgb(241, 253, 128) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_RED, #OWEBAPP .WebContainer.DarkTheme .FG_RED input {
  color: red !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_LIGHT_BLUE, #OWEBAPP .WebContainer.DarkTheme .FG_LIGHT_BLUE input {
  color: rgb(0, 247, 255) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_WHITE, #OWEBAPP .WebContainer.DarkTheme .FG_WHITE input {
  color: rgb(255, 255, 255) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_GREEN, #OWEBAPP .WebContainer.DarkTheme .FG_GREEN input {
  color: rgb(0, 187, 0) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_YELLOW, #OWEBAPP .WebContainer.DarkTheme .FG_YELLOW input {
  color: rgb(251, 255, 0) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_PURPLE, #OWEBAPP .WebContainer.DarkTheme .FG_PURPLE input {
  color: rgb(255, 0, 234) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_BROWN, #OWEBAPP .WebContainer.DarkTheme .FG_BROWN input {
  color: rgb(255, 94, 0) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_GREY, #OWEBAPP .WebContainer.DarkTheme .FG_GREY input {
  color: rgb(88, 88, 88) !important;
}
#OWEBAPP .WebContainer.DarkTheme .FG_YELLO_NAVY .WebFrm_Wrapper {
  color: rgb(241, 253, 128) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_RED .WebFrm_Wrapper {
  border-color: red !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_BROWN .WebFrm_Wrapper {
  border-color: rgb(255, 94, 0) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_LIGHT_BLUE .WebFrm_Wrapper {
  border-color: rgb(0, 247, 255) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_WHITE .WebFrm_Wrapper {
  border-color: rgb(255, 255, 255) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_GREEN .WebFrm_Wrapper {
  border-color: rgb(0, 187, 0) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_YELLOW .WebFrm_Wrapper {
  border-color: rgb(251, 255, 0) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_PURPLE .WebFrm_Wrapper {
  border-color: rgb(255, 0, 234) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_GREY .WebFrm_Wrapper {
  border-color: rgb(88, 88, 88) !important;
}
#OWEBAPP .WebContainer.DarkTheme .WebControl.Web_Disabled.BD_YELLO_NAVY .WebFrm_Wrapper {
  border-color: rgb(241, 253, 128) !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_RED, #OWEBAPP .WebContainer.LightTheme .FG_RED input {
  color: #c00 !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_LIGHT_BLUE, #OWEBAPP .WebContainer.LightTheme .FG_LIGHT_BLUE input {
  color: #0099cc !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_WHITE, #OWEBAPP .WebContainer.LightTheme .FG_WHITE input {
  color: #333 !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_GREEN, #OWEBAPP .WebContainer.LightTheme .FG_GREEN input {
  color: #008800 !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_YELLOW, #OWEBAPP .WebContainer.LightTheme .FG_YELLOW input {
  color: #b8a600 !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_PURPLE, #OWEBAPP .WebContainer.LightTheme .FG_PURPLE input {
  color: #9900aa !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_BROWN, #OWEBAPP .WebContainer.LightTheme .FG_BROWN input {
  color: #cc5500 !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_GREY, #OWEBAPP .WebContainer.LightTheme .FG_GREY input {
  color: #666 !important;
}
#OWEBAPP .WebContainer.LightTheme .FG_YELLO_NAVY .WebFrm_Wrapper {
  color: #8a8000 !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_RED .WebFrm_Wrapper {
  border-color: #c00 !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_BROWN .WebFrm_Wrapper {
  border-color: #cc5500 !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_LIGHT_BLUE .WebFrm_Wrapper {
  border-color: #0099cc !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_WHITE .WebFrm_Wrapper {
  border-color: #ccc !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_GREEN .WebFrm_Wrapper {
  border-color: #008800 !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_YELLOW .WebFrm_Wrapper {
  border-color: #b8a600 !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_PURPLE .WebFrm_Wrapper {
  border-color: #9900aa !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_GREY .WebFrm_Wrapper {
  border-color: #999 !important;
}
#OWEBAPP .WebContainer.LightTheme .WebControl.Web_Disabled.BD_YELLO_NAVY .WebFrm_Wrapper {
  border-color: #8a8000 !important;
}

.product-details {
  border: 2px solid #ccc;
  padding: 0 15px 15px;
  overflow-y: scroll;
  max-height: 500px;
}
.product-details .product-details-header {
  background-color: var(--theme-header-bg, #202020);
  padding: 5px;
  font-weight: 900;
  font-size: 18px;
  color: var(--theme-text-primary, white);
  margin: 0 -15px 15px;
  cursor: pointer;
}
.product-details .product-details-header:hover {
  background-color: var(--theme-bg-hover, #3d3d3d);
}
.product-details .product-details-header.ifas-green {
  background-color: #43a047;
  color: white;
}
.product-details .product-details-header.ifas-green:hover {
  background-color: rgb(91.4757709251, 186.5242290749, 95.563876652);
}
.product-details .product-details-header i {
  float: right;
}
.product-details i.fa-circle-question {
  margin-left: 5px;
  color: #43a047;
}
.product-details .kit-contents .kit-item {
  float: left;
  width: 10%;
  border: 1px solid #ccc;
  margin: 5px;
  box-sizing: border-box;
  height: 238px;
  position: relative;
  font-size: 12px;
}
.product-details .kit-contents .kit-item i {
  position: absolute;
  top: 0;
  right: 0;
  color: #43a047;
  cursor: pointer;
}
.product-details .kit-contents .kit-item .title {
  padding: 3px;
  text-align: center;
}
.product-details .kit-contents .kit-item .new-item {
  font-size: 190px;
  color: #43a047;
  cursor: pointer;
  line-height: 140px;
  text-align: center;
}
.product-details .kit-contents .kit-item img {
  width: 100%;
}
.product-details .kit-contents .kit-item .input {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 71px;
}
.product-details .kit-contents .kit-item .input input {
  width: 40px;
  color: #000;
  font-size: 14px;
  text-align: center;
}
.product-details .image {
  position: relative;
}
.product-details .image img {
  float: right;
  max-width: 200px;
}
.product-details .image .code {
  position: absolute;
  bottom: 0;
  left: 0;
}

#OWEBAPP .ProductQuantities {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
#OWEBAPP .ProductQuantities .item {
  display: flex;
  align-items: center;
}
#OWEBAPP .ProductQuantities .item .label {
  background-color: #555;
  color: #fff;
  padding: 5px 15px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: bold;
  font-size: 0.9rem;
}
#OWEBAPP .ProductQuantities .item .value {
  background-color: #43a047;
  color: #fff;
  padding: 5px 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  font-weight: normal;
  font-size: 0.9rem;
}

#OWEBAPP .NewCart .kit_Card {
  overflow: hidden;
  width: 50%;
  height: 250px;
  margin: 25px auto;
  border: 1px solid grey;
  position: relative;
}
#OWEBAPP .NewCart .ribbon {
  margin: 0;
  padding: 0;
  background: #aa0000;
  color: white;
  padding: 2px 0;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(25%) translateY(0%) rotate(45deg);
  transform-origin: top left;
  font-size: 10px;
  line-height: 10px;
  z-index: 1;
}
#OWEBAPP .NewCart .ribbon:before,
#OWEBAPP .NewCart .ribbon:after {
  content: "";
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background: #aa0000;
}
#OWEBAPP .NewCart .ribbon:before {
  right: 100%;
}
#OWEBAPP .NewCart .ribbon:after {
  left: 100%;
}
#OWEBAPP .NewCart .WebTreeView .WebTree_Folder, #OWEBAPP .NewCart .WebTreeView .WebTree_NoIcon, #OWEBAPP .NewCart .WebTreeView .WebTree_Text, #OWEBAPP .NewCart .WebTreeView .WebTree_Body table tbody tr {
  font-size: 12px;
  line-height: 12px;
}
#OWEBAPP .NewCart .WebTreeView .WebTree_Folder::before, #OWEBAPP .NewCart .WebTreeView .WebTree_NoIcon::before, #OWEBAPP .NewCart .WebTreeView .WebTree_Text::before, #OWEBAPP .NewCart .WebTreeView .WebTree_Body table tbody tr::before {
  font-size: 12px;
  line-height: 12px;
}
#OWEBAPP .NewCart .WebTreeView .WebTree_Item div {
  height: 18px;
}
#OWEBAPP .NewCart .WebGrid {
  font-size: 12px;
  line-height: 13px;
}
#OWEBAPP .NewCart .WebGrid .WebList_ColHead .WebList_ColCap {
  padding: 4px 6px !important;
  border-left: none !important;
}
#OWEBAPP .NewCart .WebGrid .WebList_Row tr, #OWEBAPP .NewCart .WebGrid .WebList_Row .WebList_ColCap, #OWEBAPP .NewCart .WebGrid .WebList_ColHead tr, #OWEBAPP .NewCart .WebGrid .WebList_ColHead .WebList_ColCap {
  border-color: #6a6767 !important;
  border-bottom: 1px solid #6a6767 !important;
}
#OWEBAPP .NewCart .WebGrid .WebList_Row td, #OWEBAPP .NewCart .WebGrid .WebList_ColHead td {
  height: 14px !important;
}

#OWEBAPP .ChangeReplenshText {
  color: var(--theme-text-primary, white);
}

body .KitManufacturing .manfhead, #OWEBAPP .KitManufacturing .manfhead {
  border: 1px solid rgb(163.3700440529, 216.6299559471, 165.6607929515);
}
body .KitManufacturing .manfhead:not(:first-child), #OWEBAPP .KitManufacturing .manfhead:not(:first-child) {
  margin-top: 30px;
}
body .KitManufacturing .heading, body .KitManufacturing .Head .contents, #OWEBAPP .KitManufacturing .heading, #OWEBAPP .KitManufacturing .Head .contents {
  font-weight: 700;
}
body .KitManufacturing .Head .heading, #OWEBAPP .KitManufacturing .Head .heading {
  font-size: 20px;
  font-weight: 900;
  color: white;
  background-color: #43a047;
  padding: 15px;
}
body .KitManufacturing .Head.Complete .heading, #OWEBAPP .KitManufacturing .Head.Complete .heading {
  color: black;
  background-color: #ffff00;
}
body .KitManufacturing .tick-button, body .KitManufacturing .print-button, #OWEBAPP .KitManufacturing .tick-button, #OWEBAPP .KitManufacturing .print-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #28a745;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  margin-top: -10px;
  float: right;
}
body .KitManufacturing .print-button, #OWEBAPP .KitManufacturing .print-button {
  padding-right: 20px;
  margin-right: 15px;
}
body .KitManufacturing .print-button .fas, #OWEBAPP .KitManufacturing .print-button .fas {
  font-size: 24px;
}
body .KitManufacturing .tick-button::after, #OWEBAPP .KitManufacturing .tick-button::after {
  content: "✔";
  position: absolute;
  right: 10px;
  font-size: 16px;
  color: #fff;
  transition: transform 0.3s ease;
  transform: scale(1);
}
body .KitManufacturing .Module, body .KitManufacturing .item, #OWEBAPP .KitManufacturing .Module, #OWEBAPP .KitManufacturing .item {
  padding-left: 15px;
}
body .KitManufacturing .qty, #OWEBAPP .KitManufacturing .qty {
  font-weight: 700;
  width: 80px;
  display: inline-block;
  text-align: right;
  padding-right: 15px;
}
body .KitManufacturing .missing-qty, #OWEBAPP .KitManufacturing .missing-qty {
  display: inline-block;
  color: red;
}
body .KitManufacturing .Module .heading, #OWEBAPP .KitManufacturing .Module .heading {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
body .KitManufacturing .Module .heading .contents, #OWEBAPP .KitManufacturing .Module .heading .contents {
  padding-left: 15px;
}
body .KitManufacturing .Module .heading::after, #OWEBAPP .KitManufacturing .Module .heading::after {
  content: "▼";
  transform: translateY(-50%);
  font-size: 16px;
  color: #43a047;
  padding-left: 4px;
}

.LoginHtml {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid #ccc;
  color: var(--theme-text-primary, white);
}

.authentication h3 {
  font-size: 22px;
  padding-bottom: 5px;
  font-weight: 600;
}

body#OWEBAPP .LoginBackground.WebApp {
  padding-left: 0;
}
body#OWEBAPP .LoginBackground #sidebarMain {
  display: none;
}

.email-link {
  cursor: pointer;
  text-decoration: underline;
}

.WebGrp_HasCaption {
  padding-top: 25px;
}

.Audit_WebGroup.WebGroup.WebGrp_HasCaption > .WebCon_Inner > div > .WebContainer {
  border: none;
}

.Audit_WebGroup.WebGroup.WebGrp_HasCaption > div.WebCon_Inner > div > div.WebContainer > div.WebCon_Sizer > .WebCon_Content {
  padding: 0;
}

.Audit_WebGroup.WebGroup.WebGrp_HasCaption > div.WebCon_Inner > div > div.WebContainer > div.WebCon_Sizer > .WebCon_Content > .WebControl > .WebCon_Inner {
  margin: 0;
}

#OWEBAPP.df-ModeDesktop .WebInlineView > div.WebContainer {
  padding: 5px 10px 20px;
}
#OWEBAPP .WebTabContainer.WebControl > .WebCon_Inner {
  margin: 5px 3px 3px 3px;
}
#OWEBAPP .WebContainer:not(.LoginBackground) .WebApp_ViewRegion > .WebView > .WebContainer > .WebCon_Sizer {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
#OWEBAPP .WebTabPage .WebGrp_Caption {
  color: black !important;
}

#OWEBAPP .WebGroup.WebGrp_HasCaption > .WebCon_Inner > div > .WebGrp_Caption {
  top: -24px;
}

#OWEBAPP .WebContainer.DarkTheme [data-dfobj=oNewCreditModal] .WebList .WebList_Table .WebList_Row.WebList_Selected {
  background-color: inherit !important;
  color: white;
}

.WebQrCode .WebImg_Wrp {
  height: 250px !important;
}
.WebQrCode .WebImg_Wrp img {
  height: 100% !important;
}

.Tile.Red .WebCon_Sizer {
  background-color: red !important;
}

.Tile.Orange .WebCon_Sizer {
  background-color: orange;
}

span.sTotal {
  right: 0;
  position: absolute;
}

.SearchGlass::before {
  content: "\e005" !important;
}

.PageHelpText .WebHtml_Wrp {
  display: block;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  color: var(--theme-text-primary, white);
}

.WebHtmlBox h1.Wizard_Title {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
}

.WebHtmlBox h1.WebML_Title {
  font-size: 24px;
}

#OWEBAPP .KitsTab {
  overflow-y: auto;
}
#OWEBAPP .hidden {
  display: none !important;
}
#OWEBAPP .fa-list-check {
  font-size: 17px;
  line-height: 18px;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 5px;
}
#OWEBAPP .KitWarning {
  text-align: center;
  padding-top: 5px;
  background-color: #f40b0b;
  height: 35px;
}
#OWEBAPP .KitWarning a {
  color: white;
}
#OWEBAPP .KitWarningComingSoon {
  color: #f8cf02 !important;
}
#OWEBAPP .KitWarningOverdue {
  color: #f40b0b !important;
}
#OWEBAPP .KitWarningGreen {
  color: #43a047 !important;
}
#OWEBAPP .LightTheme .KitWarningComingSoon {
  color: #b8960a !important;
}
#OWEBAPP .LightTheme .KitWarningOverdue {
  color: #cc0000 !important;
}

body#OWEBAPP .WebApp {
  transition: 0.5s;
}
body#OWEBAPP.menu-open .WebApp {
  padding-left: 350px;
}

#editor-container, #toolbar-container {
  background-color: white;
  color: black;
}

.ql-editor {
  overflow-y: scroll !important;
  max-height: 700px !important;
}
.ql-editor img {
  max-width: 100%;
}
.ql-editor h1 {
  font-size: 24px !important;
}
.ql-editor h2 {
  font-size: 20px !important;
}

.WebRichTextViewer, .WebRichTextEditor, .WebRichTextEditor p, .editor-container, #editor-container p {
  font-size: 18px;
}

#OWEBAPP .fai, #OWEBAPP .fai::before, #OWEBAPP .WebButtonIcon.fai::before {
  font-family: "Font Awesome 6 Pro" !important;
}

/*# sourceMappingURL=application.css.map */