.menufav {
    width: 400px;
    height: 400px;
  }

  .searchButtons {
    align-self: center;
    position: relative;
  }

  .notificationDiv{
    display: inline-block;
    padding-bottom: 8px;
    scrollbar-width: none;
  }

  .notificationDiv::-webkit-scrollbar {
    display: none;
  }

  .notificationDiv a {
    display: block;
    text-decoration: none;
  }
    .notificationDiv a:hover {
      text-decoration: none;
      color: rgb(33 137 176);
    }
  .notificationDiv span {
    /* text-decoration:1px underline; */
    padding-bottom: 4px;
    width: 60px;
  }
  .notificationDiv oj-bind-text {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
  }
  .textDecorationNone{
    text-decoration: none;
  }
  .notificationDiv{
    height: 300px;
    overflow: auto;
  }
  #notifications-menu .notification-count {
    position: absolute;
    top: 20px;
    right: 21px;
    font-size: smaller;
    padding: 1px 4px;
    border-radius: 50%;
    background: red;
    color: white;
  }
  #notifications-menu {
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 2px;
  }
  #componentNotificationsContent {
    width: 398px;
  }
  .oj-listview-item-padding-off.notificationDiv {
    white-space: normal;
  }
  .marked-item {
    background-color: #ebedef; /* Use your desired grayish color */
  }

  .fave-header{
    padding-left: 20px;
    font-size: 20px;
  }

  .notificationButton {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .notificationContainer {
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background-color: #fdf8fa;
    margin-bottom: 1rem;
    border: 1px solid #1615131f;
    border-radius: 0.25rem;
  }

  .noData {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.scheduledProcessesList {
    border-radius: 0.375rem!important;
    border-color: #161513;
    border:medium;
    transition: background-color 0.2s!important;
    background-color: rgba(0, 0, 0, 0.05)!important;
    margin-bottom: 1rem!important;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.processType {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.noData {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.demo-popup {
    width: 25rem;
    display: none;
}

.demo-popup-body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.demo-popup-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.demo-popup-content {
    align-self: stretch;
    overflow: hidden;
}
/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.favDiv::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Firefox */
.favDiv {
    scrollbar-width: none;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.favItem::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Firefox */
.favItem {
    scrollbar-width: none;
}

.favItem {
    padding: 0.7rem 0.75rem;
    border-radius: 0.375rem;
    transition: background-color 0.2s;
    background-color: #fdf8fa !important;
    border: 1px solid #1615131f !important;
    margin-bottom: 1rem;
    overflow-x: scroll;
    justify-content: space-between;
    width: 100%;
}

.favItem:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.favItemName {
    overflow-x: scroll;
    scrollbar-width: none;
    text-decoration: underline!important;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.favItemName::-webkit-scrollbar {
    display: none;
}

.favItemCross {
    padding-left: 2px;
}

.favItemContainer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items:center;
}

.listView oj-list-view {
    width: 100%;
}

.searchBar {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.noData {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.cursor-pointer:hover {
  cursor: pointer;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.favDiv::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.favDiv {
  scrollbar-width: none;
  margin-left: unset !important;
  margin-right: unset !important;
  width: 100%;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.favItem::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.favItem {
  scrollbar-width: none;
}

.favItem {
  padding: 0.7rem 0.75rem;
  border-radius: 0.375rem;
  transition: background-color 0.2s;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 1rem;
  overflow-x: auto;
  justify-content: space-between;
  width: 100%;
}

.favItem:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.favItemName {
  overflow-x: auto;
  scrollbar-width: none;
  text-decoration: underline !important;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.favItemName::-webkit-scrollbar {
  display: none;
}

.favItemCross {
  padding-left: 2px;
}

.favItemContainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.listView oj-list-view {
  width: 100%;
}

.noData {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#cardDisplay {
  padding-bottom: 5rem;
  margin: 0;
}

#supplierCardDisplay {
  padding-bottom: 18rem;
  margin: 0;
}

.dashboardBackground {
  background-image: url(/styles/images/795ce134742498571363.png);
  background-size: contain;
  background-repeat: repeat;
}

.backgroundStrip {
  height: 1vh;
  background-size: contain;
  background-repeat: repeat;
}

.colorStrip {
  width: 100%;
  background-image: url(data:image/png;base64,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);
  height: 100%;
  background-color: yellow;
  background-repeat: no-repeat;
}

td {
  width: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.center {
  margin: auto;
  width: 98% !important;
  padding: 10px;
}

#cardStyle {
  width: 94%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  top: 40%;
  left: 14.5%;
}

#cardStyle-1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
}

.cardTopPosition {
  top: 14rem;
}

.supplierCardTopPosition {
  top: 1rem;
}

#cardStyle-2 {
  width: 100%;
  display: flex;
  position: absolute;
  top: 380px;
  left: 18.5%;
}

.card-adjustment {
  margin-top: 15vh;
}

@media screen and (max-width: 800px) {
  .card-adjustment {
    margin-top: 15vh;
  }
}

.oj-messages-notification
  .oj-message-container.oj-message-no-detail:not(.oj-message-no-icon)
  .oj-message-header {
  /* margin-bottom: 50px; */
}

.oj-messages-notification .oj-message-container {
  box-shadow: none;
}

/*........Greetings.........*/
.greeting {
  font-weight: 600;
  color: white;
  font-size: 20px;
  text-align: start;
  margin: auto;
  margin-left: 0.6rem;
  padding-top: 24px;
}

.greeting_2 {
  color: white;
  font-size: 20px;
  text-align: start;
  margin: auto;
}

/*........Conveyor Belt.........*/
#actionCardStyle {
  height: 8rem;
  min-width: 13.8125rem;
  max-width: 15rem;
  background-color: white;
  border-radius: 0.5rem;
  padding: 1.5rem 1.25rem;
  cursor: pointer;
}

#actionCardStyle-2 {
  cursor: auto;
  height: 100%;
  width: 100%;
  background-color: white;
  padding: 1.5rem;
}

#actionCardStyle-3 {
  cursor: auto;
  height: 100%;
  width: 100%;
  background-color: white;
  padding: 1.5rem;
}

.pendingCard {
  background-color: transparent;
  border-radius: 0.75rem !important;
  height: 212px;
  width: 797px;
  width: 56.7%;
  margin-top: 4.5rem;
  margin-right: 0.4rem;
}

.thingCard {
  background-color: transparent;
  border-radius: 0.75rem !important;
  height: 212px;
  width: 571px;
  width: 41.8%;
  margin-top: 4.5rem;
  margin-left: 10px;
}

.supplierCard {
  background-color: transparent;
  border-radius: 0.75rem !important;
  height: 212px;
  width: 49.2%;
  margin-top: 4.5rem;
  margin-left: 0.3rem;
}

.cardHeading {
  font-size: 20px;
  line-height: 1.25rem;
  font-weight: 600;
  margin-top: 0;
}

.countLabel {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
}

.labelText {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6rem;
}

.pendingCardItem {
  width: 33%;
  padding: 1rem;
  gap: 0.75rem;
  flex-direction: column;
}

.thingCardItem {
  width: 50%;
  padding: 1rem;
  gap: 0.75rem;
  flex-direction: column;
}

@media (max-width: 100rem) {
  /* 1600px */
  .labelText {
    font-size: 1.125rem;
    line-height: 1.4rem;
  }
}

@media (max-width: 93.75rem) {
  /* 1500px */
  .labelText {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
}

@media (max-width: 87.5rem) {
  /* 1400px */
  .countLabel {
    font-size: 1.75rem;
  }
  .labelText {
    font-size: 1.0675rem;
    line-height: 1.2rem;
  }
  .pendingCardItem {
    gap: 0.6rem;
  }
  .thingCardItem {
    gap: 0.6rem;
  }
}

@media (max-width: 78.125rem) {
  /* 1250px */
  .countLabel {
    font-size: 1.675rem;
  }
  .labelText {
    font-size: 1rem;
    line-height: 1.1rem;
  }
}

@media (max-width: 68.75rem) {
  /* 1100px */
  .countLabel {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

a:hover {
  text-decoration: none;
}

#avatarStyle {
  font-size: 28px;
  height: fit-content;
  margin-top: 35px;
  padding: 0 20px;
  /* color: #6C3F49; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 14%;
}

.cardLabelContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 30px 20px;
}

#cardLabel {
  cursor: pointer;
  color: #161513;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  width: fit-content;
  overflow: hidden;
  text-decoration: none;
}

.oj-avatar {
  height: 120px;
}

.oj-avatar .oj-avatar-icon {
  font-size: 44px;
}

.oj-avatar .oj-avatar-icon,
.oj-avatar-background-image {
  align-items: revert;
  justify-content: revert;
  height: auto;
  width: auto;
}

.oj-avatar-square {
  background-color: transparent;
}

.oj-avatar {
  height: auto;
  display: flex;
}

/*........Dashboard Count Card.........*/
.demo-card-content {
  padding: 1rem;
  text-align: center;
}

.demo-card {
  background-color: transparent;
}

.padding-bottom {
  padding-bottom: 7px;
}

#dashboardTable {
  border-collapse: collapse;
  background-color: white;
  border-radius: 6px;
  position: relative;
}

#dashboardTable td {
  padding: 0px;
  /* vertical-align: baseline; */
}

.collapseTable {
  border-collapse: collapse;
}

/*........Dashboard Action Bar.........*/

.BOMTable {
  --oj-current-bg-color: white;
  z-index: 0;
}

/*........NewsLetter.........*/

.news-letter {
  width: 100%;
  cursor: auto;
}

.new-letter-header {
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
  background-color: white;
}

.new-letter-body {
  height: 80px;
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
}

.oj-select-single-custom {
  width: 40%;
}

.responsive-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 46%;
}

@media (max-width: 75rem) {
  .responsive-div {
    width: 39%;
  }
}

@media (max-width: 67.5rem) {
  .responsive-div {
    width: 36%;
  }
}

@media (max-width: 59.375rem) {
  .responsive-div {
    width: 33%;
  }
}

.half-div {
  width: 50%;
}

.responsive-card {
  width: 585px;
}

@media (max-width: 75rem) {
  .responsive-card {
    width: 505px;
  }
}

@media (max-width: 65.625rem) {
  .responsive-card {
    width: 460px;
  }
}

.graphs-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.graphs-div {
  display: flex;
  margin-bottom: 1.5rem;
  width: 94%;
  gap: 1.25rem;
}

.div-mpns {
  margin-right: 11.25rem;
}

.div-ord-parts {
  margin-left: 11.25rem;
}

@media (max-width: 93.75rem) {
  .div-mpns {
    margin-right: 7rem !important;
  }
  .div-ord-parts {
    margin-left: 7rem !important;
  }
}

@media (max-width: 87.5rem) {
  .div-mpns {
    margin-right: 5rem !important;
  }
  .div-ord-parts {
    margin-left: 5rem !important;
  }
}

/* @media (max-width: 87.5rem) {
    .graphs-div {
      width: 78%;
    }
    .center {
        width: 78% !important;
    }
}
  
@media (max-width: 81.25rem) {
    .graphs-div {
      width: 82%;
    }
    .center {
      width: 82% !important;
    }
}

@media (max-width: 75rem) {
    .graphs-div {
      width: 86%;
    }
    .center {
      width: 86% !important;
    }
}

@media (max-width: 68.75rem) {
    .graphs-div {
      width: 90%;
    }
    .center {
      width: 90% !important;
    }
}

@media (max-width: 62.5rem) {
    .graphs-div {
      width: 94%;
    }
    .center {
      width: 94% !important;
    }
} */

.dashboard-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: none;
}

.percentage-link label {
  cursor: pointer;
}

.tableStyle .oj-table-body .oj-table-body-row .oj-table-data-cell {
  cursor: default;
}

.search-results-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #d9d9d9;
  border-radius: 0 0 0.25rem 0.25rem;
  z-index: 100;
  max-height: 13rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.3rem;
}

.view-all-button {
  padding: 8px;
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  cursor: pointer;
  font-size: 0.85rem;
  line-height: 1.5;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.view-all-button:hover {
  background-color: #e6e6e6;
}

.search-results-row {
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.search-results-row:hover {
  background-color: #e6e6e6;
}

.search-results-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  flex: 1 1 auto;
}

.loader-div-style {
  background-color: white;
  padding: 0.6rem 0;
  position: absolute;
  z-index: 100;
  display: flex;
  width: 100%;
  border-radius: 0.3rem;
}

.AvatarStyles_base__167n05h0 {
  display: inline-grid;
  height: var(--size__n2nsgo2);
  width: var(--size__n2nsgo2);
  border-radius: var(--borderRadius__n2nsgo3);
}
.AvatarStyles_baseStyle__167n05h1 {
  border-radius: var(--borderRadius__n2nsgo3);
  align-self: stretch;
  align-items: center;
  justify-content: center;
  display: flex;
  height: var(--size__n2nsgo2);
  width: var(--size__n2nsgo2);
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 2;
  background-position: center center;
  overflow-x: hidden;
  overflow-y: hidden;
}
.AvatarStyles_content__167n05h2 {
  background-color: var(--bgColor__n2nsgo0);
  color: var(--textColor__n2nsgo1);
  background-size: 196px 196px;
  background-image: var(--pattern__n2nsgo7);
}
.AvatarStyles_image__167n05h3 {
  background-size: cover;
}
.AvatarStyles_initialsStyle__167n05h4 {
  font-size: var(--initialsFontSize__n2nsgo4);
  font-weight: var(--initialsFontWeight__n2nsgo5);
}
.AvatarStyles_icon__167n05h5 {
  font-size: var(--iconFontSize__n2nsgo6);
}
.AvatarStyles_icon__167n05h5 > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.AvatarBaseTheme_baseTheme__se034w0 {
  --bgColor__n2nsgo0: ;
  --textColor__n2nsgo1: ;
  --size__n2nsgo2: ;
  --borderRadius__n2nsgo3: ;
  --initialsFontSize__n2nsgo4: ;
  --initialsFontWeight__n2nsgo5: ;
  --iconFontSize__n2nsgo6: ;
  --pattern__n2nsgo7: ;
  --colors-neutral-bgColor__n2nsgo8: rgb(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-palette-neutral-130));
  --colors-neutral-pattern__n2nsgo9: url(/styles/images/d220a4401e4dc2e8ffdb.png);
  --colors-neutral-textColor__n2nsgoa: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-orange-bgColor__n2nsgob: #9b5734;
  --colors-orange-pattern__n2nsgoc: url(/styles/images/37f41d449f8594649144.png);
  --colors-orange-textColor__n2nsgod: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-green-bgColor__n2nsgoe: #4c825c;
  --colors-green-pattern__n2nsgof: url(/styles/images/1538db98a2b1540d5f3a.png);
  --colors-green-textColor__n2nsgog: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-teal-bgColor__n2nsgoh: #4f7d7b;
  --colors-teal-pattern__n2nsgoi: url(/styles/images/5389485f94f8f4514a71.png);
  --colors-teal-textColor__n2nsgoj: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-blue-bgColor__n2nsgok: #437c94;
  --colors-blue-pattern__n2nsgol: url(/styles/images/49683f8be1cc8f85adb1.png);
  --colors-blue-textColor__n2nsgom: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-slate-bgColor__n2nsgon: #798b8a;
  --colors-slate-pattern__n2nsgoo: url(/styles/images/c133225a955061600732.png);
  --colors-slate-textColor__n2nsgop: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-pink-bgColor__n2nsgoq: #925865;
  --colors-pink-pattern__n2nsgor: url(/styles/images/96119d47ab31e3fd8ed9.png);;
  --colors-pink-textColor__n2nsgos: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-purple-bgColor__n2nsgot: #846a92;
  --colors-purple-pattern__n2nsgou: url(/styles/images/e1c7444590a1f657832f.png);
  --colors-purple-textColor__n2nsgov: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-lilac-bgColor__n2nsgow: #6b7494;
  --colors-lilac-pattern__n2nsgox: url(/styles/images/657e33336ec8194cec9e.png);;
  --colors-lilac-textColor__n2nsgoy: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --colors-gray-bgColor__n2nsgoz: #6f757e;
  --colors-gray-pattern__n2nsgo10: url(/styles/images/9eb5ffa457cb008fcbdf.png);
  --colors-gray-textColor__n2nsgo11: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-inverse);
  --sizes-2xs-size__n2nsgo12: calc(7 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-2xs-borderRadius__n2nsgo13: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
  --sizes-2xs-initialsFontSize__n2nsgo14: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
  --sizes-2xs-initialsFontWeight__n2nsgo15: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-semibold);
  --sizes-2xs-iconFontSize__n2nsgo16: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
  --sizes-xs-size__n2nsgo17: calc(11 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-xs-borderRadius__n2nsgo18: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg);
  --sizes-xs-initialsFontSize__n2nsgo19: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
  --sizes-xs-initialsFontWeight__n2nsgo1a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular);
  --sizes-xs-iconFontSize__n2nsgo1b: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-sm-size__n2nsgo1c: calc(14 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-sm-borderRadius__n2nsgo1d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-lg);
  --sizes-sm-initialsFontSize__n2nsgo1e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-font-size);
  --sizes-sm-initialsFontWeight__n2nsgo1f: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-regular);
  --sizes-sm-iconFontSize__n2nsgo1g: calc(6 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-md-size__n2nsgo1h: calc(18 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-md-borderRadius__n2nsgo1i: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl);
  --sizes-md-initialsFontSize__n2nsgo1j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-font-size);
  --sizes-md-initialsFontWeight__n2nsgo1k: lighter;
  --sizes-md-iconFontSize__n2nsgo1l: calc(8 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-lg-size__n2nsgo1m: calc(24 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-lg-borderRadius__n2nsgo1n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl);
  --sizes-lg-initialsFontSize__n2nsgo1o: calc(10 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-lg-initialsFontWeight__n2nsgo1p: lighter;
  --sizes-lg-iconFontSize__n2nsgo1q: calc(9 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-xl-size__n2nsgo1r: calc(36 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-xl-borderRadius__n2nsgo1s: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl);
  --sizes-xl-initialsFontSize__n2nsgo1t: calc(12 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-xl-initialsFontWeight__n2nsgo1u: lighter;
  --sizes-xl-iconFontSize__n2nsgo1v: calc(14 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-2xl-size__n2nsgo1w: calc(49 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-2xl-borderRadius__n2nsgo1x: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-xl);
  --sizes-2xl-initialsFontSize__n2nsgo1y: calc(18 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --sizes-2xl-initialsFontWeight__n2nsgo1z: lighter;
  --sizes-2xl-iconFontSize__n2nsgo20: calc(14 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --shapes-circle-borderRadius__n2nsgo21: 50%;
}
.AvatarVariants_multiVariantStyles_size_2xs__1h7waq80 {
  --size__n2nsgo2: var(--sizes-2xs-size__n2nsgo12);
  --initialsFontSize__n2nsgo4: var(--sizes-2xs-initialsFontSize__n2nsgo14);
  --initialsFontWeight__n2nsgo5: var(--sizes-2xs-initialsFontWeight__n2nsgo15);
  --iconFontSize__n2nsgo6: var(--sizes-2xs-iconFontSize__n2nsgo16);
}
.AvatarVariants_multiVariantStyles_size_xs__1h7waq81 {
  --size__n2nsgo2: var(--sizes-xs-size__n2nsgo17);
  --initialsFontSize__n2nsgo4: var(--sizes-xs-initialsFontSize__n2nsgo19);
  --initialsFontWeight__n2nsgo5: var(--sizes-xs-initialsFontWeight__n2nsgo1a);
  --iconFontSize__n2nsgo6: var(--sizes-xs-iconFontSize__n2nsgo1b);
}
.AvatarVariants_multiVariantStyles_size_sm__1h7waq82 {
  --size__n2nsgo2: var(--sizes-sm-size__n2nsgo1c);
  --initialsFontSize__n2nsgo4: var(--sizes-sm-initialsFontSize__n2nsgo1e);
  --initialsFontWeight__n2nsgo5: var(--sizes-sm-initialsFontWeight__n2nsgo1f);
  --iconFontSize__n2nsgo6: var(--sizes-sm-iconFontSize__n2nsgo1g);
}
.AvatarVariants_multiVariantStyles_size_md__1h7waq83 {
  --size__n2nsgo2: var(--sizes-md-size__n2nsgo1h);
  --initialsFontSize__n2nsgo4: var(--sizes-md-initialsFontSize__n2nsgo1j);
  --initialsFontWeight__n2nsgo5: var(--sizes-md-initialsFontWeight__n2nsgo1k);
  --iconFontSize__n2nsgo6: var(--sizes-md-iconFontSize__n2nsgo1l);
}
.AvatarVariants_multiVariantStyles_size_lg__1h7waq84 {
  --size__n2nsgo2: var(--sizes-lg-size__n2nsgo1m);
  --initialsFontSize__n2nsgo4: var(--sizes-lg-initialsFontSize__n2nsgo1o);
  --initialsFontWeight__n2nsgo5: var(--sizes-lg-initialsFontWeight__n2nsgo1p);
  --iconFontSize__n2nsgo6: var(--sizes-lg-iconFontSize__n2nsgo1q);
}
.AvatarVariants_multiVariantStyles_size_xl__1h7waq85 {
  --size__n2nsgo2: var(--sizes-xl-size__n2nsgo1r);
  --initialsFontSize__n2nsgo4: var(--sizes-xl-initialsFontSize__n2nsgo1t);
  --initialsFontWeight__n2nsgo5: var(--sizes-xl-initialsFontWeight__n2nsgo1u);
  --iconFontSize__n2nsgo6: var(--sizes-xl-iconFontSize__n2nsgo1v);
}
.AvatarVariants_multiVariantStyles_size_2xl__1h7waq86 {
  --size__n2nsgo2: var(--sizes-2xl-size__n2nsgo1w);
  --initialsFontSize__n2nsgo4: var(--sizes-2xl-initialsFontSize__n2nsgo1y);
  --initialsFontWeight__n2nsgo5: var(--sizes-2xl-initialsFontWeight__n2nsgo1z);
  --iconFontSize__n2nsgo6: var(--sizes-2xl-iconFontSize__n2nsgo20);
}
.AvatarVariants_multiVariantStyles_background_neutral__1h7waq87 {
  --bgColor__n2nsgo0: var(--colors-neutral-bgColor__n2nsgo8);
  --pattern__n2nsgo7: var(--colors-neutral-pattern__n2nsgo9);
  --textColor__n2nsgo1: var(--colors-neutral-textColor__n2nsgoa);
}
.AvatarVariants_multiVariantStyles_background_orange__1h7waq88 {
  --bgColor__n2nsgo0: var(--colors-orange-bgColor__n2nsgob);
  --pattern__n2nsgo7: var(--colors-orange-pattern__n2nsgoc);
  --textColor__n2nsgo1: var(--colors-orange-textColor__n2nsgod);
}
.AvatarVariants_multiVariantStyles_background_green__1h7waq89 {
  --bgColor__n2nsgo0: var(--colors-green-bgColor__n2nsgoe);
  --pattern__n2nsgo7: var(--colors-green-pattern__n2nsgof);
  --textColor__n2nsgo1: var(--colors-green-textColor__n2nsgog);
}
.AvatarVariants_multiVariantStyles_background_teal__1h7waq8a {
  --bgColor__n2nsgo0: var(--colors-teal-bgColor__n2nsgoh);
  --pattern__n2nsgo7: var(--colors-teal-pattern__n2nsgoi);
  --textColor__n2nsgo1: var(--colors-teal-textColor__n2nsgoj);
}
.AvatarVariants_multiVariantStyles_background_blue__1h7waq8b {
  --bgColor__n2nsgo0: var(--colors-blue-bgColor__n2nsgok);
  --pattern__n2nsgo7: var(--colors-blue-pattern__n2nsgol);
  --textColor__n2nsgo1: var(--colors-blue-textColor__n2nsgom);
}
.AvatarVariants_multiVariantStyles_background_slate__1h7waq8c {
  --bgColor__n2nsgo0: var(--colors-slate-bgColor__n2nsgon);
  --pattern__n2nsgo7: var(--colors-slate-pattern__n2nsgoo);
  --textColor__n2nsgo1: var(--colors-slate-textColor__n2nsgop);
}
.AvatarVariants_multiVariantStyles_background_pink__1h7waq8d {
  --bgColor__n2nsgo0: var(--colors-pink-bgColor__n2nsgoq);
  --pattern__n2nsgo7: var(--colors-pink-pattern__n2nsgor);
  --textColor__n2nsgo1: var(--colors-pink-textColor__n2nsgos);
}
.AvatarVariants_multiVariantStyles_background_purple__1h7waq8e {
  --bgColor__n2nsgo0: var(--colors-purple-bgColor__n2nsgot);
  --pattern__n2nsgo7: var(--colors-purple-pattern__n2nsgou);
  --textColor__n2nsgo1: var(--colors-purple-textColor__n2nsgov);
}
.AvatarVariants_multiVariantStyles_background_lilac__1h7waq8f {
  --bgColor__n2nsgo0: var(--colors-lilac-bgColor__n2nsgow);
  --pattern__n2nsgo7: var(--colors-lilac-pattern__n2nsgox);
  --textColor__n2nsgo1: var(--colors-lilac-textColor__n2nsgoy);
}
.AvatarVariants_multiVariantStyles_background_gray__1h7waq8g {
  --bgColor__n2nsgo0: var(--colors-gray-bgColor__n2nsgoz);
  --pattern__n2nsgo7: var(--colors-gray-pattern__n2nsgo10);
  --textColor__n2nsgo1: var(--colors-gray-textColor__n2nsgo11);
}
.AvatarVariants_multiVariantStyles_shape_circle__1h7waq8h {
  --borderRadius__n2nsgo3: var(--shapes-circle-borderRadius__n2nsgo21);
}
.AvatarVariants_multiVariantStyles_compound_0__1h7waq8j {
  --borderRadius__n2nsgo3: var(--sizes-2xs-borderRadius__n2nsgo13);
}
.AvatarVariants_multiVariantStyles_compound_1__1h7waq8k {
  --borderRadius__n2nsgo3: var(--sizes-xs-borderRadius__n2nsgo18);
}
.AvatarVariants_multiVariantStyles_compound_2__1h7waq8l {
  --borderRadius__n2nsgo3: var(--sizes-sm-borderRadius__n2nsgo1d);
}
.AvatarVariants_multiVariantStyles_compound_3__1h7waq8m {
  --borderRadius__n2nsgo3: var(--sizes-md-borderRadius__n2nsgo1i);
}
.AvatarVariants_multiVariantStyles_compound_4__1h7waq8n {
  --borderRadius__n2nsgo3: var(--sizes-lg-borderRadius__n2nsgo1n);
}
.AvatarVariants_multiVariantStyles_compound_5__1h7waq8o {
  --borderRadius__n2nsgo3: var(--sizes-xl-borderRadius__n2nsgo1s);
}
.AvatarVariants_multiVariantStyles_compound_6__1h7waq8p {
  --borderRadius__n2nsgo3: var(--sizes-2xl-borderRadius__n2nsgo1x);
}
oj-c-avatar:not(.oj-complete) {
  visibility: hidden;
}

oj-c-avatar[hidden] {
  display: none;
}
oj-c-avatar {
  display: inline-block;
}

.progress-bar {
  --oj-progress-bar-value-bg-color: var(--light-text-icon-success, rgba(67, 107, 29, 1));
}

/* CSS Variables for Cora Chatbot Styling */
:root {
  --cora-gradient: linear-gradient(180deg, #7B8BC7 0%, #F09AA1 100%);
}

/* Cora Chatbot Gradient */
.cora-gradient-bg {
  background: var(--cora-gradient);
}

.cora-dropdown .oj-text-field-container {
  background: var(--cora-gradient) !important;
  border: none !important;
}

.cora-dropdown .oj-text-field-input,
.cora-dropdown .oj-text-field-root,
.cora-dropdown .oj-select-chosen,
.cora-dropdown .oj-select-selected,
.cora-dropdown .oj-select-choice,
.cora-dropdown .oj-select-option {
  color: #fff !important;
}

.cora-guidance-button .oj-button-button {
  background: var(--cora-gradient) !important;
  border: none !important;
  border-radius: 0.3rem !important;
}

.cora-guidance-button {
  margin-left: auto;
}


.background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 40vh;
  z-index: -1;
}

.background-art {
  /* background: url("../../styles/images/backgroundGoCompliance.png"); */
  /* background-size: cover; */
  background-size: contain;
  background-repeat: repeat;
  background-color: #312D2A;
  width: 100%;
  height: 100%;
}

.background-art-strip {
  /* background: url("../../styles/images/color-strip-generic.png") repeat center center; */
  background-size: contain;
  /* background-color: green; */
  background-color: #312D2A;
  height: 1vh;
  transform: scaleY(-1);
}

.tab-bar {
  padding: 0 1rem;
}

.tab-item {
  padding: 0 1rem;
}

.tab-item:hover {
  cursor: pointer;
}

/* Fix for substance dropdown when "All substances" is selected */
/* Limit the height of the combobox choices container */
.substance-field-wrapper oj-menu-button .oj-combobox-choices,
.substance-field-wrapper oj-menu-button .oj-combobox-choice {
  max-height: var(--oj-text-field-height, 2.5rem) !important;
  overflow: hidden !important;
}

/* Ensure selected choices don't expand the container */
.substance-field-wrapper oj-menu-button .oj-combobox-selected-choice {
  max-width: fit-content !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  margin: 0 0.125rem !important;
  padding: 0.125rem 0.375rem !important;
}

/* Better fit for chips and +X more text inside the box */
.substance-field-wrapper oj-menu-button .oj-flex {
  overflow: hidden !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.25rem !important;
  width: 100% !important;
}

/* Style for +X more text */
.substance-field-wrapper oj-menu-button .oj-typography-body-sm {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  margin-left: 0.125rem !important;
  align-self: center !important;
}

/* Ensure the menu button itself has a fixed height */
.substance-field-wrapper oj-menu-button button {
  max-height: var(--oj-text-field-height, 2.5rem) !important;
  overflow: hidden !important;
  padding: 0.25rem 0.5rem !important;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.selected-input {
    border: 1px solid black;
    border-radius: 0.5rem;
    border-color: black;
}

.default-input {
    border-width: 1px;
    border-color: inherit;
}
.card {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.75rem;
  gap: 1.5625rem;
  background: white;
  border: 1px solid #f1efed;
  border-radius: 0.75rem;
}

.header {
  display: flex;
  align-items: center;
  padding: 1rem 2.5rem; /* 16px -> 1rem, 40px -> 2.5rem */
  gap: 0.625rem; /* 10px -> 0.625rem */
}

.gocompliance-logo {
  width: 1.36rem; /* 21.78px -> 1.36rem */
  height: 1.36rem; /* 21.78px -> 1.36rem */
  margin-top: 0.375rem; /* 6px -> 0.375rem */
}

.gocompliance-text {
  font-size: 1.5rem; /* 24px -> 1.5rem */
  color: white;
}

.by-text {
  font-size: 1rem; /* 16px -> 1rem */
  color: white;
  margin-top: 0.375rem; /* 6px -> 0.375rem */
}

.gosaas-logo {
  width: 5rem; /* 80px -> 5rem */
  height: 1.875rem; /* 30px -> 1.875rem */
  filter: invert(1) grayscale(1) brightness(1000%);
  margin: -0.3125rem 0 0 -0.3125rem; /* -5px -> -0.3125rem */
}

.card-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10rem;
}

.flex-center {
  display: flex;
  align-items: center;
}

.filter-container {
  flex-wrap: wrap;
  padding: 0.25rem;
}

.filter-chip {
  padding: 0.25rem;
  margin: 0.25rem;
}

.border {
  border: 1px solid rgba(22, 21, 19, 0.5);
  border-radius: 0.25rem;
}

.search-field {
  border: none;
  outline: none;
  padding: 0.25rem;
}

.remove-chip:hover {
  cursor: pointer;
}

.declare-compliance-dropdown .oj-text-field-container {
    height: 3rem !important;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7); /* Semi-transparent white background for the overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Adjust z-index as needed */
  backdrop-filter: blur(0.25px); /* Apply a blur effect to the background */
}

.itemSearch-collapsable-labels {
  font-size: 1.2rem;
  width: 100%;
  font-weight: 700;
}

.flexSaveSearchItemSearch {
  width: 100%;
  padding-right: 0.5rem;
  flex-direction: row-reverse;
}

.searchButtonsItemSearch {
  float: right;
  width: 210px;
  text-align: right;
  position: relative;
  font-weight: 700;
  /* z-index: 597; */
}

.entity-block-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._1y46sb0{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._1y46sb0:active{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active));border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}._1y46sb0:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
._1n06yf1:not(:active){background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover));border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}
._1ot2v3e{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active));border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active);}
@media(hover:hover){._17deohr:hover:enabled:not(:active){background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover));border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
@media(hover:hover){._1puq5wg:hover:not(:active){background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover));border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover);}}
._1kd1esi{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
._104mwfa{padding-inline-start:0;padding-inline-end:0;}
.n0xhgm{width:100%;}
.jp61x5{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.jp61x5:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
._1xyi8pe{height:100%;display:flex;}._1xyi8pe:focus-visible{outline-style:none;}
._5aoiki{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
._13ocj2c{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
._1hk7nps{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
.kzmgg1{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
.mobvoj > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

.TextStyles_base__13t47my0 {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-wrap: anywhere;
  display: inline;
}
.TextStyles_lineClamp__13t47my1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.TextStyles_multiVariantStyles_size_2xs__13t47my2 {
  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-font-size);
  line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-line-height);
}
.TextStyles_multiVariantStyles_size_xs__13t47my3 {
  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
  line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
}
.TextStyles_multiVariantStyles_size_sm__13t47my4 {
  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
  line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
}
.TextStyles_multiVariantStyles_size_md__13t47my5 {
  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
  line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height);
}
.TextStyles_multiVariantStyles_size_lg__13t47my6 {
  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-size);
  line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-line-height);
}
.TextStyles_multiVariantStyles_size_xl__13t47my7 {
  font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-size);
  line-height: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-line-height);
}
.TextStyles_multiVariantStyles_size_inherit__13t47my8 {
  font-size: inherit;
  line-height: inherit;
}
.TextStyles_multiVariantStyles_variant_primary__13t47my9 {
  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
}
.TextStyles_multiVariantStyles_variant_secondary__13t47mya {
  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
}
.TextStyles_multiVariantStyles_variant_disabled__13t47myb {
  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled);
}
.TextStyles_multiVariantStyles_variant_danger__13t47myc {
  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-danger);
}
.TextStyles_multiVariantStyles_variant_warning__13t47myd {
  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-warning);
}
.TextStyles_multiVariantStyles_variant_success__13t47mye {
  color: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-success);
}
.TextStyles_multiVariantStyles_variant_inherit__13t47myf {
  color: inherit;
}
.TextStyles_multiVariantStyles_weight_normal__13t47myg {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular);
}
.TextStyles_multiVariantStyles_weight_semiBold__13t47myh {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-semibold);
}
.TextStyles_multiVariantStyles_weight_bold__13t47myi {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-bold);
}
.TextStyles_multiVariantStyles_weight_inherit__13t47myj {
  font-weight: inherit;
}
.TextStyles_multiVariantStyles_hyphens_auto__13t47myk {
  hyphens: auto;
}
.TextStyles_multiVariantStyles_hyphens_none__13t47myl {
  hyphens: none;
}
.TextStyles_multiVariantStyles_truncation_clip__13t47myn {
  text-overflow: clip;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
}
.TextStyles_multiVariantStyles_truncation_ellipsis__13t47myo {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
}
.TextStyles_multiVariantStyles_compound_0__13t47myp {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-font-weight-regular);
}
.TextStyles_multiVariantStyles_compound_1__13t47myq {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-2xs-font-weight-semibold);
}
.TextStyles_multiVariantStyles_compound_2__13t47myr {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-bold);
}
.TextStyles_multiVariantStyles_compound_3__13t47mys {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-regular);
}
.TextStyles_multiVariantStyles_compound_4__13t47myt {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-semibold);
}
.TextStyles_multiVariantStyles_compound_5__13t47myu {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-weight-bold);
}
.TextStyles_multiVariantStyles_compound_6__13t47myv {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-weight-regular);
}
.TextStyles_multiVariantStyles_compound_7__13t47myw {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-weight-semibold);
}
.TextStyles_multiVariantStyles_compound_8__13t47myx {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-weight-bold);
}
.TextStyles_multiVariantStyles_compound_9__13t47myy {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-regular);
}
.TextStyles_multiVariantStyles_compound_10__13t47myz {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-semibold);
}
.TextStyles_multiVariantStyles_compound_11__13t47my10 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-weight-bold);
}
.TextStyles_multiVariantStyles_compound_12__13t47my11 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-weight-regular);
}
.TextStyles_multiVariantStyles_compound_13__13t47my12 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-weight-semibold);
}
.TextStyles_multiVariantStyles_compound_14__13t47my13 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-lg-font-weight-bold);
}
.TextStyles_multiVariantStyles_compound_15__13t47my14 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-weight-regular);
}
.TextStyles_multiVariantStyles_compound_16__13t47my15 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-weight-semibold);
}
.TextStyles_multiVariantStyles_compound_17__13t47my16 {
  font-weight: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xl-font-weight-bold);
}
.w7gdtq{overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
._1bvj3uo{font-weight:300;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);display:inline-flex;}
._4vbyyh{display:inline-flex;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size);font-weight:normal;margin-top:0;margin-bottom:0;}
._3jz4j3{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
._1y56fad{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);}
.lx1z9b{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
.jpj0zu{margin-inline-end:0;margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
.ku09yf{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding);margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding);}
._1ohquje{cursor:inherit;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}

.FloatingStyles_floatingStyle__1h7j7620 {
  background-color: var(--backgroundColor__ihlnqb0);
  display: block;
  position: absolute;
  width: auto;
  height: auto;
}
.FloatingStyles_floatingVisibilityStyles_visible__1h7j7621 {
  visibility: visible;
}
.FloatingStyles_floatingVisibilityStyles_hidden__1h7j7622 {
  visibility: hidden;
}
.FloatingStyles_baseStyle__1h7j7623 {
  position: absolute;
  width: 0;
  height: 0;
}
.FloatingBaseTheme_baseTheme__18jw0qa0 {
  --backgroundColor__ihlnqb0: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
}
.TooltipContentStyles_wrapper__40ir7s0 {
  display: flex;
  align-items: flex-end;
  overflow-y: hidden;
}
.TooltipContentStyles_inner__40ir7s1 {
  opacity: 0;
  max-height: 0;
}
.TooltipContentStyles_baseStyle__40ir7s2 {
  max-width: var(--maxWidth__1x922a00);
  color: var(--textColor__1x922a02);
  background-color: var(--backgroundColor__1x922a01);
  padding-top: var(--paddingVertical__1x922a08);
  padding-left: var(--paddingHorizontal__1x922a07);
  padding-right: var(--paddingHorizontal__1x922a07);
  padding-bottom: var(--paddingVertical__1x922a08);
  border-radius: var(--borderRadius__1x922a05);
  border-color: var(--borderColor__1x922a06);
  font-size: var(--fontSize__1x922a03);
  line-height: var(--lineHeight__1x922a04);
  border-width: 1px;
  border-style: solid;
}
.TooltipContentBaseTheme_baseTheme__sanbbo0 {
  --maxWidth__1x922a00: ;
  --backgroundColor__1x922a01: ;
  --textColor__1x922a02: ;
  --fontSize__1x922a03: ;
  --lineHeight__1x922a04: ;
  --borderRadius__1x922a05: ;
  --borderColor__1x922a06: ;
  --paddingHorizontal__1x922a07: ;
  --paddingVertical__1x922a08: ;
  --variants-tooltip-maxWidth__1x922a09: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --variants-tooltip-backgroundColor__1x922a0a: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral30);
  --variants-tooltip-textColor__1x922a0b: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
  --variants-tooltip-fontSize__1x922a0c: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-font-size);
  --variants-tooltip-lineHeight__1x922a0d: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-sm-line-height);
  --variants-tooltip-borderRadius__1x922a0e: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
  --variants-tooltip-borderColor__1x922a0f: transparent;
  --variants-tooltip-paddingHorizontal__1x922a0g: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --variants-tooltip-paddingVertical__1x922a0h: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x));
  --variants-datatip-maxWidth__1x922a0i: calc(72 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --variants-datatip-backgroundColor__1x922a0j: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-surface-neutral0);
  --variants-datatip-textColor__1x922a0k: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary);
  --variants-datatip-fontSize__1x922a0l: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-font-size);
  --variants-datatip-lineHeight__1x922a0m: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-xs-line-height);
  --variants-datatip-borderRadius__1x922a0n: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-radius-md);
  --variants-datatip-borderColor__1x922a0o: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-border-enabled);
  --variants-datatip-paddingHorizontal__1x922a0p: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
  --variants-datatip-paddingVertical__1x922a0q: calc(2 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
}
.TooltipContentVariants_multiVariantStyles_variant_tooltip__1ycsr170 {
  --maxWidth__1x922a00: var(--variants-tooltip-maxWidth__1x922a09);
  --backgroundColor__1x922a01: var(--variants-tooltip-backgroundColor__1x922a0a);
  --textColor__1x922a02: var(--variants-tooltip-textColor__1x922a0b);
  --fontSize__1x922a03: var(--variants-tooltip-fontSize__1x922a0c);
  --lineHeight__1x922a04: var(--variants-tooltip-lineHeight__1x922a0d);
  --borderRadius__1x922a05: var(--variants-tooltip-borderRadius__1x922a0e);
  --borderColor__1x922a06: var(--variants-tooltip-borderColor__1x922a0f);
  --paddingHorizontal__1x922a07: var(--variants-tooltip-paddingHorizontal__1x922a0g);
  --paddingVertical__1x922a08: var(--variants-tooltip-paddingVertical__1x922a0h);
}
.TooltipContentVariants_multiVariantStyles_variant_datatip__1ycsr171 {
  --maxWidth__1x922a00: var(--variants-datatip-maxWidth__1x922a0i);
  --backgroundColor__1x922a01: var(--variants-datatip-backgroundColor__1x922a0j);
  --textColor__1x922a02: var(--variants-datatip-textColor__1x922a0k);
  --fontSize__1x922a03: var(--variants-datatip-fontSize__1x922a0l);
  --lineHeight__1x922a04: var(--variants-datatip-lineHeight__1x922a0m);
  --borderRadius__1x922a05: var(--variants-datatip-borderRadius__1x922a0n);
  --borderColor__1x922a06: var(--variants-datatip-borderColor__1x922a0o);
  --paddingHorizontal__1x922a07: var(--variants-datatip-paddingHorizontal__1x922a0p);
  --paddingVertical__1x922a08: var(--variants-datatip-paddingVertical__1x922a0q);
}
oj-c-button:not(.oj-complete) {
  visibility: hidden;
}

oj-c-button {
  display: inline-block;
}

oj-c-button [hidden] {
  display: none;
}
.custom-main-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 0.25rem;
}

.custom-main-content .oj-actioncard {
  border: unset;
}

.page-wrapper {
  padding: unset !important;
  margin: 0 1rem !important;
  width: auto !important;
}

.custom-border-container {
  border: 1px solid #16151340;
  border-radius: 10px;
  gap: 1rem;
  height: auto;
}

.sorting-pill {
  width: 30%;
  padding: 0.5rem 1rem;
  flex-wrap: nowrap;
}

.vertical-separator {
  height: 5rem;
  width: 1px;
  background-color: #1615131F;
  align-self: center;
}

@media (max-width: 1473px) {
  .sorting-pill {
    width: 29%;
  }
}

@media (max-width: 1210px) {
  .sorting-pill {
    width: 28%;
  }
}

@media (max-width: 1046px) and (min-width: 1024px) {
  .sorting-pill {
    width: 27%;
  }
}

@media (max-width: 960px) {
  .sorting-pill {
    width: 28%;
  }
}

@media (max-width: 796px) {
  .sorting-pill {
    width: 27%;
  }
}

#LoginUser,
#LoginPassword,
#loginBtn,
#InputUser,
#ConfirmPasswordInReset,
#UpdatePasswordInReset,
#OldPasswordInReset {
    max-width: 26em;
}

.flexSearchField {
    width: 610px;
}

.resetPasswordFields {
    margin-left: 25%;
}

.search-row-labels {
    padding-top: 12px;
    font-size: 1rem;
    text-align: right;
}

.search-row-labels-div {
    padding-right: 10px;
}

.search-row-labels-selectAdd {
    padding-top: 12px;
    padding-right: 0.5rem;
    text-align: right;
}

.searchButtons {
    float: right;
    position: relative;
    /* z-index: 597; */
}

.roundedButton {
    border-radius: 20px;
}

.resetInputFields {
    margin: auto;
    width:40vw
}

.for-list-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.list-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
  border: 1px solid var(--light-border-divider, rgba(22, 21, 19, 0.12));
  height: 15.75rem;
  border-radius: 8px;
  padding: 0.75rem;
}

.download-template {
    text-decoration: underline;
    text-decoration-color: black;
    color: black;   
}

.download-template:hover{
    color: blue;
}

.download-template:active {
    color: black;
}

.warning-list-item {
    color: var(--oj-core-text-color-secondary);
    margin: 0;
    padding: 0;
}

.warning-list {
  gap: 0.2rem;
  width: 100%;
  max-width: 35rem;
  max-height: 15rem;
  overflow-y: auto;
}

.production-in-eu-select {
  border: 1px solid #16151366;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem;
  min-height: 1.75rem;
  height: 1.75rem;
  box-sizing: border-box;
  min-width: 0;
}

.production-in-eu-select .oj-select-choice {
  max-height: 1.2rem;
}

.article-category-select-editing *,
.article-category-select-editing .oj-flex {
  max-width: 98% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.manufacHeading {
  margin-left: 0.5vw;
  margin-top: 2vh;
}

.rmi-menu-button {
  max-height: 2.25rem;
  width: 7.5rem !important;
}

.rmi-span-class {
  font-size: 0.86rem;
  color: #161513B3;
}

.rmi-span-class-selected {
  font-size: 0.86rem;
  color: #161513;
}

.composition-buttonset oj-menu-button .oj-button-button {
  border-radius: 0 0.25rem 0.25rem 0;
  border-left: none;
}

.composition-buttonset oj-button .oj-button-button {
  border-radius: 0.25rem 0 0 0.25rem;
}

.button-selected oj-button .oj-button-button {
  border-bottom: 3px solid black !important;
}

.button-selected oj-menu-button .oj-button-button {
  border-bottom: 3px solid black !important;
}

.composition-button oj-button .oj-button-button {
  min-height: 2.125rem;
}

.composition-button oj-menu-button .oj-button-button {
  min-height: 2.125rem;
}
.hrl0bj{display:grid;}

.bslg1l{align-items:baseline;}
.uym8qg{align-items:center;}
._1dm07ac{align-items:flex-end;}
._1509fsk{align-items:flex-start;}
._1iupley{align-items:inherit;}
.ev68r4{align-items:initial;}
.tlbki6{align-items:stretch;}
._1f47vx1{justify-content:center;}
.py3b44{justify-content:flex-end;}
._1gclwiy{justify-content:flex-start;}
.fcem6v{justify-content:inherit;}
.g2nfo2{justify-content:initial;}
.he8lwb{justify-content:space-around;}
._1nczt0{justify-content:space-between;}
._2lsch2{justify-content:space-evenly;}

.tcrsfi > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
._106xyuv{align-self:center;margin:-0.875rem -0.875rem;}
._1qixv87{align-self:center;min-width:0;}
._13u665h{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
.wncrfd{display:flex;flex-direction:column;}
._9zoaaq{display:flex;flex-direction:row;justify-content:right;align-self:center;}
.p2nkl{display:flex;flex-direction:row;justify-content:right;}
._1jasdbm{align-self:end;}

._1p2q30f{display:flex;flex-direction:column;}

oj-c-list-item-layout:not(.oj-complete){
  visibility: hidden;
}

oj-c-list-item-layout {
  display: block;
}

oj-c-list-item-layout[hidden]
{
  display: none;
}
.full-width {
  width: 100%;
}


@media (max-width: 1473px) {
  .sorting-pill {
    width: 29%;
  }
}

@media (max-width: 1210px) {
  .sorting-pill {
    width: 28%;
  }
}

@media (max-width: 1046px) and (min-width: 1024px) {
  .sorting-pill {
    width: 27%;
  }
}

@media (max-width: 960px) {
  .sorting-pill {
    width: 28%;
  }
}

@media (max-width: 796px) {
  .sorting-pill {
    width: 27%;
  }
}

.floating-button {
  --oj-button-border-radius: 50%;
  --oj-button-height: 4rem;
}

.floating-button .oj-button-button {
  background: var(--cora-gradient) !important;
  border: none !important;
}

.floating-button-wrapper {
  position: fixed;
  bottom: 4rem;
  right: 1.5rem;
  z-index: 1000;
  display: inline-block;
}

.floating-button-tooltip {
  position: absolute;
  bottom: calc(100%);
  left: 0;
  transform: translateX(-100%);
  margin-left: -0.5rem;
  background: white;
  color: black;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  white-space: pre-line;
  width: 20rem;
  line-height: 1.4;
}

.floating-button-tooltip::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 0.5rem;
  background: var(--cora-gradient);
  z-index: -1;
}

.floating-button-tooltip::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.375rem;
  background: white;
  z-index: -1;
}

@keyframes sparkle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.floating-button .asterisk-sparkle-1 {
  animation: sparkle 1.5s ease-in-out infinite;
}

.floating-button .asterisk-sparkle-2 {
  animation: sparkle 1.8s ease-in-out infinite;
  animation-delay: 0.3s;
}

/* Icons */
.gosaas-icon {
  content: url(data:image/png;base64,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);
  height: 34px;
  width: 96px;
}

html:not([dir='rtl']) .demo-oracle-icon {
  padding-right: 4px;
}

html[dir='rtl'] .demo-oracle-icon {
  padding-left: 4px;
}
.goComplianceLogo {
  content: url(/styles/images/f74d8462c77575d1cfcf.png);
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}

.demo-oracle-icon:before {
  display: inline;
}

.demo-appheader-avatar {
  width: 24px;
  height: 24px;
}

.demo-appheader-avatar:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyN0Y2QzM5RDE0MkM2ODExODA4MzhDOENBN0ZBNDc0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEFGODU3NEUxMzcxMUU0ODYxRUZFODVDNTZFQTk2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEFGODU3M0UxMzcxMUU0ODYxRUZFODVDNTZFQTk2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjdGNkMzOUQxNDJDNjgxMTgwODM4QzhDQTdGQTQ3NDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjdGNkMzOUQxNDJDNjgxMTgwODM4QzhDQTdGQTQ3NDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Fl+psAAACVklEQVR42rSW3U4TURDHp6XY1hZDjNUEtE2DSpBCYuILcOOVMfFG0XjrtfHC4BuoF174EGDhxsQHEN9BCAiFtmtbFb+QFor2Y53/ZjbZ7J5ztjFxkl+6Z2fOzNk5M+c0slWukUGyzD1mjrnCZJgOg0lV5h2zzJR1DiKaAHD8jLnNDJFZ+hLkCWP5lVHFhJvMGnN3AOeuD9iuy68xwEPmNTMSWGbfpoPmoQOeFZJmFplHuhTdYV7hnX9m+WODStUadbs9ZxyLDdHF3HnKXxhTBbLlS5a9AbLyiWm/9VbZop1qXZmbidw4Xc5nVaoWM409cVP0VOX8qH1Mu1ZDm3zoYKNJ13N3D3LMvMrq289fZNu2NgB0sNEIKjAXFeeqaqJerxdaQu6+aKprPipNpJTUyWRogHTKaDOHAAWdNnN6lFLJhHY2dLAxSAEBzmjbPBKhq4VJSsRPBHR4Bx1sDJJBmaIM4iarTqdLVuML7R80nfHoqRHKjp2j4eFYWAb/IAAaYZz+j9Rj0mBOgPcfdqh9/DtgNX0pH9jww6M2rW8HD9FkIk4zkxPucA0B3jLXMap92lMuY6NUoWuzU4F33zU94AmwGpUzo2/6zq8/9h10Y9MxjgAVZiXMGitG54LNUmWQ/MNnxS2DBeaG6jzy5tyqf0btUoufQ6QlPskNgJvoAbOkOq5d2a7WBlm5Lb4s/4VTlMuib+oHEOL8sfhS3mgvmVtM8x9qHmm5z7wIu5PfyPlUDKsuT7UU5YJZ8it1vW7Jtbfg+dsCB2dFvycNuirVsquL/leAAQBlSdHrkh5XoAAAAABJRU5ErkJggg==);
}

#demo-container {
  position: relative;
  overflow: hidden;
}

.demo-container {
  position: relative;
  overflow: hidden;
}

demo-edge-start .demo-switcher-container,
.demo-edge-end .demo-switcher-container {
  width: 90%;
}

.demo-edge-start .demo-tabbar-container,
.demo-edge-end .demo-tabbar-container {
  max-width: 18.75rem;
  width: 25%;
}

.demo-page {
  position: absolute;
  width: calc(100% - 1.25rem);
  height: calc(100% + 1.25rem);
  top: 0;
  left: 0;
  padding: 1rem;
  box-sizing: border-box;
  overflow: auto;
  transition: transform 0.25s;
}

.demo-create-container {
  position: relative;
  width: 100%;
  height: 31.25rem;
  overflow: hidden;
}

.demo-page-hide {
  transform: translate3d(-100%, 0, 0);
  visibility: hidden;
}

.break {
  padding-bottom: 13px;
}

.demo-page1-hide {
  transform: translate3d(-100%, 0, 0);
}

.demo-page2-hide {
  transform: translate3d(100%, 0, 0);
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .demo-appheader-avatar:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyN0Y2QzM5RDE0MkM2ODExODA4MzhDOENBN0ZBNDc0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEFGODU3MEUxMzcxMUU0ODYxRUZFODVDNTZFQTk2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEFGODU2RkUxMzcxMUU0ODYxRUZFODVDNTZFQTk2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjdGNkMzOUQxNDJDNjgxMTgwODM4QzhDQTdGQTQ3NDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjdGNkMzOUQxNDJDNjgxMTgwODM4QzhDQTdGQTQ3NDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6o8/P9AAAEqElEQVR42tRaS29bVRAeOzFt0qTpIw8SJWoKSQvZUB6i7FBYsQKEQCAKSLAgqkQlqGBDgQUIWMIGECyoVKFWSLzED6BbXqEFqUnrBKWpUwfnTeLEiU0w32cfI9e+ts+rAT7pUyLfM3Nn7jln7sycG4pOTIkHtIOD4D3gLeB+sA3coa6vgrPgBHgR/A48C8643jjk4MBe8GnwCfBO6jKUz4LD4GnwFDi/VQ50gi+BQ0VP2BVr4CfgO2DcRDBsMLYefBmMgsc9Gk80gs+Dl9Q9Ir5noB/8DLxdtgbnwSPgiI8ZeBD8aQuNJw6B34MPuTrwHPgFuFO2Hk3g58qGquu6Eo6CH1jtyNS6LC2vyPpGWsLhsGy7ISItzU3S2LDdVFUd+JH6+6HJHngA/FIJamN2YUl+m5ySxT9WAq/vbmmWm/d1S9ueXaaObIIPg9/oOHAr+IOaQr2Ans3KhbEJicUTWuN7OttloP8mzI7RqyMJ3g2OVtsDDF9nzIwXOXchqm08EZuekfMj0Zys4Z44UxpiSx14AbzNROtE7Kok5haM9wllKGsI2vZiJQe6wNdNtG2kMzI+aZ9LUZY6DPGasrXMgVdMlg4RT8zK5uZf1g5QNp6YswmvJ0odaAWfNdU0O7/kHOxn5hdsxJ5RNv/jwJNgg6mWZCrl7MDK6pqNWIOy+RoHjJHJZJwdyGT+tBU9UnCAxcgdNhoikYizA5FIva0oa5AuOnCfRTGSww7z1KB8RzY22IrS5kE6cNhWQ6t5SlCGtr27XcTvCqsa1grdN7ZLXV3Y+u6UpQ4HHOTd+2ylmWX2ITmzBWWpwwH9dKDDRcP+ni7paN1jLEcZyjqigw40O7U1QiE5NHBAujv1lwLHUoayjmhmOp0VT2A9MH45hmImGXi9ZWeT9Pf22NQDlZCmA8uusxBUkS2iIttARRYKhWX7NuuKrBbm+RZJ+HaAhl4HY4OwyD0wLv9fjHEG2Ku8P2gZsOjIapZNPZ0d2mkB85/YdEI7SDBiVZjRS/Wq/1KGH38dzTmhi3UUJgN9vXqPDYXM5NS0tu4rKFfvPRzYlhrmEmKXOBs0Aya4cvV3WV2rnV5zDMeaBoWgchz8Nqw28c+ui5FLbXT8cs1xHJPNeonctDleSGQ+9fUeIG2vG+J0cUFDB1I+tFZ6wvztosYMaYK2nip2gJX1SR+aK61xbsTkWsqXAyeVzdd0Jd6SfPfLPTgjyhSXivx/DCmGJySVrWVtFZ6MvOHjDjmDi/pFpQ454k0pOsUprUbeA8/5uEshrNqEzSqgbe8W/1D66mSb4THJH2g4nQkUh1VPYZMt78eVjVJpBnIzDj4l+Zb2dQ2rBthUrZ9o6YVKBS378Mf+Q0nbMQk4G6jmAMETkSEfM+H45IekwulMLQeIj8FHwOV/wXiGy0eVDWLrAPE1+y++opMmflH9qq9qDdRt6nBj8zuIE75SjiopwquSP0oa0REw6Uqlwbclf+jNWLzqs4wG3wcPqLdsWlfQpq3GcyF+atCr/g4H1RM6rwolSx37JP+pgfFxT73DU5tTM0GyOTao1i1POQuf2zQVbcjC5zajqgo8q2oRJ/wtwADkvpdL6b3CBAAAAABJRU5ErkJggg==);
    -webkit-transform: translate(-25%, -25%) scale(0.5);
    transform: translate(-25%, -25%) scale(0.5);
  }
}

/* Main app container */
.app-container {
  overflow: auto;
  position: relative;
  top: 4rem;
  margin-bottom: 15vh;
}

.app-content-container {
  margin-top: 2rem;
}

.configuration-view-tab {
  content: url(data:image/png;base64,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);
  height: 25px;
  width: 25px;
}

.mapping-view-tab {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAFt1JREFUeJztnXm0HFWdxz+dl0SSkIVAFkgiS8ABQkB2TEQyMEFJ2LcYGNCMgggCA84oyhI0jguCxxkGHWAUFJA4QIYBEYkYWaMEEhYVwnLYSQJZgBeyv6Tnj19dbnWnuvtWva576/X7fc65p9+hb1HfVNWvq+r+NlAURVEURVEURVEURVEURVEURVEURVEURVEUpYvQBzgHmAusAjYCrwE3APsE1KUowfkU8ApQrjE2AT8GeoYSqCihOArYgBjC08BxQH+gDRgL/DvQEX3/a6AURqai+Gc48B5y8d8B9K4x72isEZ3lR5qihOdK5KJ/AdiiwdzLo7mL0UctpZvwOu53hf7Ammj+hBw1KQn0CC2gGzIIGBX9/YDD/JXAgujvvfIQpNRGDcQ/fWN/tztuY+b1rTtLaTpqIP5ZhqxOAezkuI2Zt6j5chSleDyEvFNc7TB3L6xfZMc8RSlKUTgFueDXAfvWmdcLeDiaO9uDLkUpBCVgDnLhLwEOTJgzBLgvmrMK2N2bOkUpAIOR+KsyEn/1W+DrwLnA9cD70XftwBGBNCpKUHoBlyBGkBSLdTfuL/JKDmh8TzEYABwJ7I141l8G7gUWhhSlKIqiKIqiKIqiKIpSGHQVKxu7AQcjiU+rkIzAB5HkptD0BE6KxlgkwHEJEt5yPfBsOGlKq7M3NvSjerwNnE3YH53dgGdI1mccklchab2K0lSOA9ZS++IzYyZhLsDdgOUO+jTHXWk6H8fNOMz4oWd9Pal/50gamuOuNA0Tnu46OoC/86hvakp9ZSS3RHPclU6zK+kvvjJwhUeNszJqnOBRY5dEMwob88mM2x3cVBX1GZtxO81xb4AaSGOGZtxuu6aqqE/WXPUtm6qiBVEDaYxrYYVqPmiqivosybjdO01V0YKogTRmQeMpiTzdVBX1eSjjdo82VYXSLSkBL5H+BfhYjxp3R5yAafTN9ahPaXGOJd3FNw//d+erUmr8hGd9SguzP7AatwvvbWB0AI1tiIfc1UBuQ/0gShMYjy2gMB9bbT1p/A3xm4SihDTjeYdkfU8C02Lfq5EoneJQZDWqDPwS+ZXeBanOvgC50N5EKpJMQ4owFIHewKeBbwD/BpxHZf2tsaiRKJ3kCGxV9WtpveC+uJHcjhqJkoLjkKqHZaQFWquiRqKkZir2PeN7gbX4IG4kd6BGotRhGtafcGlgLT5RI1EacjbSVbYMfDWwlhBUG0lRFhwUT2wDjCS5YeaFyIWxCTGU7ko9I+kB7Ik0Fp0E7OxdndJ0tkNeshdhfQHrgT8gJxqkNm4ZebSaFkBjH8R3MRcpALEReAtZfj0ygJ5qIxmIPG4uJtnvc0oAjUoTOAbr4Ks1noo+NwCfDaDxU8Ar2LvX84gzb2VM42ykErxP4kayivrHsAzcgr63dCk+TX2Pd/U4MYDGo2IabwY+GvuuF3Aa0q6tDDxB43bRzWY86WK7rvWsT8lIf5IfB+qNf/GscTjwXrTv6XXmjQHejeZ914OuOFeQ7hiWkTuiUnDOI/2JXY7fX+gro/3e6zB3WjR3JdAvT1ExemENM824w5M+pRPMJv2JLeO3i9Pr0T5d8tZ7Aiui+b5e2g8g2zFsp8VCcloxo/BjGbcb01QVtRkEjELeP1ySljqQxQTwFyk8KuN2/ZHl9JahFQ0ka1VDX44xU2BhA7Kk64Lpq+6rYmNnagy7/pu6BK1oIK963i4ty5ALvi9uiVUl7N3tlbxEVfFcxu1WREMpMJeR/tl5AzDMo0ZTqdElUvgzWI0+H1+eJv1xvMmjPiUjw7FJTq7jRs8aT4n2uxEJra/FUKShZxm4wYOuOEeR7hh2IKEoShfgTNxP7BvAEM/6SsCcaP/rgC+z+fvFeGw1lRAa98DNi27GU2iAY5fiazQuhfMy4XLIBwP3x7QsQuKvfoGEm5j//hx+C2ED7Ehl/JrrmIUaSZfiIOA+NjeUZUgy1IBw0j5kKsmtC5YjXvY+nvUMo7IO2G1IiaB72fw4rkfisPbF/hvUSLogWyFOuc8ggXhF7LC0KzAF+ByiNSksP28GYgM4jXHEgxC3BiYCJyMFLQbGvhuCGonSwvShsr1clmonaiRKS9ILuIfOGYdBjURpKUrIe0QzjMOgRqK0DFfTXOMwqJEoXZ7Lycc4DF3eSIoWmtwDCek+AVnVMa0H7kFO4Ppw0j5kG+DzyCrOcCTEez6SFfhkOFkV9AWOR9rHDUE0LkCOoWm2cy7wH9HftyPLzR00nyFIDYCxwP8iK3UbkAzKk5De8/2BpcBjiCEtz0FHl2c/6rcyfpns/QKbQQnJPKwXxnIL4X0rpyEXW5K+tcC3kKVkU+LIR23e6jvJj6idEr0ayZ78SM6auhTxUp/LkefiLwEXAHdjHVTrkBgh3/SkspPsY8hFti/is5iOLXLwFJX+AZ+kDdT0Wbg6biQu4zH8F6soJLtge2/chTj1qjkQewGuREIhfDIDe+JmkPxoOhQbAXurP2kfciTpjKMdfym8hgNTaryf4r0GeMc0fZlD/V+z/ZF3kDLyvO+L4cijSRn4WYO5o7Ele/bLWVecErCQ9LFT/+xRI8D/ZNA4xbPGQrEl9qLf3WH+T6K5a8je+jgtpgiEa87IpdH8/8xTVBVpf5nNeMajxkGkK8VkxhyPGguHqb30F8f5E7AH7sCcNFVzU7S/PzvO3z6aPz83RZtzDtkMZBP+eqUfnlHjWgLGzoVOuTXvG684zo/P8/UCZzS+7Tj/zejTZ/5G1kWBEv6yFLPu5yMkv5d6IbSBmPxl1xMcn+drrdxo3NZx/ojo890ctNRiWSe29aVzZSe2Xd00FV2MfsjS7SrcbvXnI7fd1fjLkzg32mcHUgy7EWdF86/PU1QVY8j2+PKsR40jM2p8waPGQvIr5EBMbzCvH7bQ8y/yFhVjKLZXYaP9DkUescq4FYVrJn8i/cXnu+SqKVaRZnzHs8bCsRPine5AKrIn0Rcbjt2OvAj7ZDr2hF1eY85o5Be5TJgSnPthVwRdxkL8F8T+JNaD7zKWIkla3Z6jkSXADsSL/nEksG0rpC2BWeNfjd8SoYY2JF7JnLi5wBeRVNSJSK1dE4IyjzCe9ONxX0Z9k+wVKDvLRY4a1yHHVomYhKwU1TpgjyGVNkLRBnwbGxJTPdYjFdFDxBAdjb17/IbKog/xsQlxzPqsAZbEmVT2QKker1GQSvFFc+NvCZwK/D0S7bkReWyZhS1KHZpRSEDgOGQpdwXwCOIveT2AnklIlGxv4E4kQnYjcgwPR47jeqQb1J3AiwE0JjEM+AJyl9gBeXpYCPwfEimxNpgypWU4HBsGczdhCj0oSiE5FBvkeS8aHq4oH3IIturhbPyvRilKYRmPfcGdg//CcopSWA5C/EBlxOnmO5+j29GsVawBiDNvOZ1rvpIng5Dn9KXIcmfR+CiwF3IclwCPUxmDtD/we8THMhfp5PuBZ439EIdoCVmx8xlv5kJ/xBk5ErtyN59Aq5/DkHX/16j0BTyIFAAowhLytsBV2PAP42y8GwmdLwITgEfZ3BewCsl/GYIUNjB9Cv+M/7z3ccgxizsiNyFGPNWzliQGIr1WkqrRv4wU2fDKZBp3Qb2fgGHKiEbTarnW+Cn+crKTuJjGoReLqOyX7tNL3xOpfGI0Pov0KbkByeExGmcSrqTPWGyMXj2Nv8LTuZ6Ie0jD44RZYUmj8YYA+gDOdtRnxpP4/8G5FRsTlRQnNxF5HCzjN4DUMAIbfeGi8bq8BW0JLCbdif1B3qKq6J9B4/GeNW6H9WG4jts8a5wa7bed+iE+e2CfJk70oCuOyXFvpHFPbKzcIXkKMrkRacZq/D4WXJBBo8/0WKisaOg6NiEvn74wjyf/6jD3n6K5C3JVVMlIbDkoF43fiObOylOUiYdKO3z+svwxo8YRSf+znEh6KXcZp3vStz3WKF1SZXsD70fb+DLi00mncTj2buO8gJQ25TZriLRLxZJmsUvG7Xy2Ods+43ajmqqiNuZYLMUtnXc9tnW0r+NojqGrxiXISmB/UtQzSGsgWatL+FzhyJpn77NyRlZfUR61c5MwxyLNeTOBkr6OozkWWTQ6H8e0F9OrKecbfIaBv5Rxu5ebqqI+WfOsn2s8pSm8En1uBezsMH8Qkhcf3zZvno8+XTXuhiwyLUEeB3Mhbe1XM0bnJSiBr2XQ59M4IFsdq5X4q2FlPOVlJMOzEd/B/3EciF0JdNH4X9Hca/MUNZz61c2Txm/zFJTAVljHmus4x7PGfsBbKTXO8Kzxwmi/G4Fj68ybgl1NOteDrjhX4KZxKvIyv47s76jOnEm6E/uVvAUlEG8p1mg8SJjKfYfhXmRhHv7zPXphK6WsBy6h0lE5FGljYLzsD+H/OPZFlpZdNZ7nS9gFNPZUm5Ds9Uh7A1+YSuwraRzGcR/y/ByKI5AAz3oaZxMuZGdrJPbLaNmAPPu/QGXP9NmEO45bAw9QX+Nq4AzfwvZCcqGrDWUlEmQ3FHux+jISs793EM/qOMQxFA9i24DcNU7yoMeFIUjDmBexGtcgsWxF0Ngb+CbJTXneAr5M+AqdPYBp2MhdM9qBn+O/XUYFA5AQ48nAAWz+KPB9/BhJtXHEaUPCyXdK0Fck+iIGE6xYcx16ImWOTgP+ETnXRdQ5CDn/owkbiJqKK8nXSOoZh6J0CX5MPkYSN44xDeYqSqG5huYaiTGOt1HjUFqAEuKoaYaRqHEoLUkJ6fXXGSNR41C8ECpvvAeSyXc6suw6BVkyBimINglZcepAEu/vAP4afT8DcQi9E839mzfVQh/EMzsJWT5cgzirbkHqBxeBbZA87EOx0Q8LkJKeT4STVcEuiMZPYKMf5gI34i+eq9D0wHq81yMdV+dR22E2E/gh9s7hM4TecDySI15L4124NdnJixLS86NeONBMwvVxBwmz+QmVjsb42ID4hYq4hOydNmwbaNcRyjjigZqPAZ8D9kUa5UzH9nFfQpjHvp6IU9R4ji9DikKXEN/KNCQau4z0cw/hnd8G20t+ERK2NCTSuAPwdWzi1e2Ed0AWggmkM5CbAmg8Jrb/GSQ/mg4FnormvID/YhXmvWwZ0l8licFIyHwZ+0jrk3uxBjq0xpwx2B+biz3pKjS1elnUGpuAfTzqK2HDQH7WYO4IbP2qC3LWFWc4tsr75AZzx2KDJH22iZuIvbvt0GDuwch5XkU37zC1L+mMw4xrPGoch302dmk8Mz2a/2Seoqo4L9rnU47zr4vm+2w0+ston//tOP830fwv5abIgdDPeOMzbjeuqSrqs3/0OR+3Xukm/2VP/MV9GY0POM43lT32rzuruaTV+Puq7YIQ2kCy3j6HNFVFfczLrItxxOf1wN9qkdHY7jj/vejTuXhBE0ir0aTF+tS4GaEN5L3GUxJZ0VQVbvva1nG+mbeR7P++tBiNOznON1l1y3PQUouuoHEzQhvI4xm3m9dUFfUxGvfBzcdhXpKfRl6GfWA0TsItb/3k6DPEcTy57iyhF7Yotk+NhaOEZH+lfUn3ufpSwrahblR/dhS2YLa39E5kyXQNbgsYU7DH0ee73KGx/U5rMNekR3xA4EesIjCZdMZxewCNR8b2f3mNOaOxPoaF+E/MMqtnxldT7YkuIUUVTAZoiON4d7TvdcApCd9vgVSTN/+Oi/xJKzbfxM045hMuTOLimI65wBeROKKJyC+eCe9YBOwaQF8bctEbjS8hhcPPQfq7PxP7bh5hjuNgrCfd6JgeabwKeCP23c2EfwUoFJ/FlqmvHh1ImLyvulC1OJX6JYXuxM1Xkhc9kDvcOpL1rUdK5YRMOx6A9YkkjXeR1hCFoAhdoOJsgYR1HIysBq1CfnHuIHtVx2YzAHk8OBTJc1+D/DrfilQAKQIjkbzx8cj7yQrgESRMx2eVy3rsiRzHfZC72VvAH5AAVl+rf4qiKIqiKIqiKIqidBWKtoqVF2ORJKItkJ7pj+IeNOeL7ZHuTG1ITraJMCgKWyKri6OxfpaHkfwOpYtyDJUOMjPWIP0iipCMM5XKft5mvI60IAjVf9zQD/GdJOW5tyO9QfoEU6dkohdStNicyPeRHIhrgd9hs+/eJFyp0l5Ic/tG0QN/Ipwhb0uy8VaPBfhNQVA6iam7ZYL3+ld9PwzxepvQkBDe77jGRmMu/gsx90ZKBLlqfAStRNIlOAx70r5bZ14bkv1XRkIffBLX6Dp85riDlGFKq/FMzxqVDJiI0edp/Iu2LfI+0kHtKht5cBfpL75XPeqLF6pIM572qFHJQBu2saNryRjzqDUlL1FV9CB9n0czsvapT8vIjPrKtFj+RquFEw/Brqg867iNKV26Q9PVJDMYWRnKwg5N1FGPzlSHHNE0FQWg1Qwk3iDedXk0dXP5TtKZNFxfGtd2Yts1TVNRAFrNQJZhk/wPcNzGzFvYfDmJtCOh3VnwpfFFshnyBxQnLUGpgfF/LKVx59W9kQp+7Uh/QF+Ybltphu+q7PHsRNfhezVQycBu2NKad1F7JWsYthjDDD/SPmQ7bJFm1+GzlTZIF+OOFPrWIaEyShfgAuyJm0NlLd824ARs/vM8wqSgpqlqf0MAfQBfSaHxC4E0Khm5kMoe7ouRsIn4L/cswhQv+BHuF97VhG1n/HnqL0u/j61hpXQxxiK/1KuwJ7QD+CNSysc3JeCnMS2XA9/CPurFL7pfAwcF0JjEtojOeUh++3Ik//5SNAarJegF7Iz0nghVGaUNaS9WRhYGqgvL9UfKco6g+6QhKAogj0gzEePYCJwRVo6iFIfeSDcn83h3Wlg5ilIc+mDbjq0HTgwrR1GKQz9kibmMhG6EWBRQlEIyAMl7LyMraBPDylEUf/wDElKxEAlneREpO2ruEIORXhhlJITlUwE0jkfSeRcjK2YrgHsQb7yukCm5sDU2A7HWeABbvfxd4EDPGgdiV8tqjUeAHT3rUlqcQcBfcfd+L0UCIX1rNAUWVgOXIfkjJcSZNw2JtDX6fCVfKd2Am0gXWBjCz2E0LkNqgCUxGGtE82m9dAclALsiz/FpDGQhfi++uMbJDebuhG3XdkLOupRuwCWkMw4zfL6cG41POc43JYdm5qaoRdBbbGPGZtzOZ6Ch0fiA4/yHos+9mi+ltVADaUzWTEOf1RCNRtd6w6uqtlNqoAbSmMUZt1vRVBX1MRp3cpxvVrAW5aClpVADaczDGbd7vKkq6mM0TqJxOH8Jm+D0UL2JiuJCX+Ad0r2gv47fOrVxjdc0mGvSaDuAXXLWpXQTTiWdgZwVWOMMNjfQEnAuNg35+17VKS3PxbgbyF8IUzE+rvEl4AfAOcC3qeyTciNaiV3Jgclsnj8edw4ej+Rpl5Hi2SMDaDwa6VCVpHExmrCVCo3sTE8JqcZ4ALAVUsBgHpUv5RcB30Mu1MOiT5+0Rfsdh8RhvRdp/B1Sv0pRgvNV5Ff7DfRlWFESOR/7aDMmsBZFKSRnI4GEy/AfAq8oXYIzECN5l+IUg1OUQjENqYm1EjgksBZFKSSnIR7s1cDhVd99LPpvE5BSn4rSLZmKGMlapIjC+dhU2Ph4Aq2jpXRTTqSy8ny9cTNhq7srine2QDztrqEr14WRqShhMOEoaYa+2Cvdgh7AEtIbyKwQYhXFN3uQrQhEOxo75x3NKPTPiIzb9UfqWikeUQPxT2eiaTuapkJRCsowsj1iZS0eoXQCvYP4521gbobt7mq2EEUpKpNJd/dYh+aUKN2Mn+NuINUdcRWl5emJeMgb3TnUOJRuzSGIE7Cdyhfya9HHKkX5kBJSz3dgaCGKoiiKoiiKoiiKoiiKoiiKoiiKoiiKoijJ/D8CUw5MWPuBxgAAAABJRU5ErkJggg==);
  height: 25px;
  width: 25px;
}

/* Loader circle */
.loader-center {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
}

/* Login page classes */
.textContainer {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  min-height: 260px;
  justify-content: center;
}

.text {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding-bottom: 40px;
}

.head1 {
  font-family: Georgia;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 4px;
}

.head2 {
  font-family: Georgia;
  font-size: 36px;
  color: #fff;
  text-align: left;
  letter-spacing: 0.01em;
  max-width: 100vw;
}

.logo {
  width: 74px;
  height: 42px;
  margin-right: 20px;
}

/* Custom popup classes */
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 160;
}

.buttonWithDropdown {
  margin-left: -15%;
  width: 35%;
  --oj-text-field-border-radius: 2.7px;
}

.layer {
  z-index: 150;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  background: white;
}

.popup-fadeOut {
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s linear 300ms,
    opacity 300ms;
}

.popup-fadeIn {
  visibility: visible;
  opacity: 1;
  transition:
    visibility 0s linear 0s,
    opacity 300ms;
}

.buttonWidth,
.fieldWidth {
  width: 352px;
  /* width: 5rem; */
  --oj-button-border-radius: 4px;
}

.object-divider {
  display: flex;
  align-items: center;
}

.object-divider hr {
  flex: 1;
  height: 1px;
  margin: 0;
  border: none;
  background-color: rgba(22, 21, 19, 0.12);
}

.or-text {
  margin: 0 10px;
  font-size: 16px;
  color: rgba(22, 21, 19, 0.7);
}

#LoginUser,
#LoginPassword,
#loginBtn,
#InputUser {
  max-width: 22em;
}

#tabbarCmrt {
  width: inherit;
}

.generate-report-container {
  display: flex;
  flex-direction: column;
  background-color: white;
  margin-right: 2rem;
}

.generate-report-input {
  display: flex;
  flex-direction: column;
  margin: 0 1rem 1.5rem 1rem;
}

.generate-report-input-margin {
  margin-top: 2rem;
}

.reports-main-div {
  height: 750px;
}

.greyOverLay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  /* Semi-transparent white background for the overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* Adjust z-index as needed */
  backdrop-filter: blur(0.25px);
  /* Apply a blur effect to the background */
}

.demo-tab-content {
  margin-left: 18px;
  width: 70vw;
}

.demo-tab-content-2 {
  width: 95vw !important;
}

.dropdown-item {
  cursor: pointer;
}

.tab-bar-item {
  width: 8rem;
  border-radius: 0.25rem 0 0 0.25rem;
  cursor: pointer;
  font-size: 0.86rem !important;
  height: auto !important;
  line-height: normal;
}

.tab-header-text {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0;
}

.tab-content {
  margin-left: 18px;
}

.left-pad {
  margin-left: 15px;
}

.label-style {
  font-weight: 400 !important;
  color: #161513b3 !important;
  margin-bottom: 0.2rem !important;
}

.text-area-style {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}

.searchButtons {
  float: right;
  position: relative;
}

.padBottom {
  padding-bottom: 5px;
}

.oj-panel-custom {
  border: 1px solid var(--oj-panel-border-color);
  background-color: var(--oj-panel-bg-color);
  padding: var(--oj-panel-padding);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  min-height: 400px;
  overflow-y: auto;
}

/* according to new UI/UX */
.new-oj-panel-custom {
  background-color: var(--oj-panel-bg-color);
  border: 1px solid rgba(241, 239, 237, 1);
  border-radius: 0.75rem !important;
}
.new-oj-panel-padding {
  padding: 1.5rem;
}
.new-oj-panel-border-radius {
  border-radius: 0.75rem !important;
}
/**************************/

.table-oj-panel {
  border: 1px solid var(--oj-panel-border-color);
  padding: var(--oj-panel-padding);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  overflow-y: auto;
}

.demo-tab-content-full {
  margin-left: 18px;
}

.display-flex {
  display: flex;
}

.errorGap {
  padding-left: 21px;
}

.vertical-align {
  vertical-align: -4px;
}

.container {
  background-color: #312d2a;
  height: 249px;
  margin: 0 auto;
}

/* reports styling will move it later */

.generate-report-container {
  display: flex;
  flex-direction: column;
  background-color: white;
  margin-right: 2rem;
}

.generate-report-input {
  display: flex;
  flex-direction: column;
  margin: 0 1rem 1.5rem 1rem;
}

.generate-report-input-margin {
  margin-top: 2rem;
}

.reports-main-div {
  height: 750px;
  margin-top: 8vh;
}

.greyOverLay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  /* Semi-transparent white background for the overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* Adjust z-index as needed */
  backdrop-filter: blur(0.25px);
  /* Apply a blur effect to the background */
}

.justifyInCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-title-buttons {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}

.demo-rem-max-width {
  max-width: 35rem !important;
}

.space {
  padding-left: 12px;
}

.disable-scroll {
  overflow-y: hidden;
}

.reorderListview {
  overflow-y: scroll;
  border: solid 1px;
  border-color: var(--oj-core-divider-color);
  height: 300px;
}

#buttonsWithPadding oj-button {
  padding-right: 10px;
}

.content {
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  width: 87%;
}

.center {
  margin: auto;
  width: 75%;
  padding: 10px;
}

.borderless button.oj-button-button {
  border: none;
}

.demo-table-container {
  width: 100%;
  height: 40rem;
}

#hnavlist {
  width: 70px;
  padding: 7px;
  padding-top: 0;
  background-color: #edecec;
  border: 1px solid #d1d1d1;
}

.comments-column {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comments-column:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
}

.ellipseWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipseWrap:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
}

.disableDiv {
  pointer-events: none;
  opacity: 0.4;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  backdrop-filter: blur(0.25px);
}

.oj-listview-item-padding-off.notificationDiv {
  white-space: normal;
}

.searchButtons {
  float: right;
  position: relative;
}

.searchButtonsItemSearch {
  float: right;
  width: 210px;
  text-align: right;
  position: relative;
}

.flexSearchField {
  width: 510px;
}

.flexSearchField2 {
  width: 750px;
  padding-bottom: 3px;
}

.fileNameLable {
  display: flex;
  flex-direction: row;
}

.search-row-labels {
  padding-top: 12px;
  font-size: 1rem;
  text-align: right;
}

.display-contents {
  display: contents;
}

/* Shift to style file of ItemSearch */
.advanceSearchFields {
  display: flex;
  flex-direction: row;
  float: right;
  justify-content: space-between;
  width: 22rem;
  padding-right: 0.5rem;
}

.upperMargin {
  margin-top: 8vh;
}

.switcher-height {
  min-height: 980px;
}

.copyBos-Btns {
  width: 151px;
}

.copyBos-template-Btns {
  padding-right: 4rem;
  padding-left: 7rem;
  width: 192px;
  display: grid;
}

.common-buttonset .oj-button-toggle.oj-selected.oj-button-outlined-chrome {
  border-width: 0.01rem 0.01rem 0.2rem 0.01rem;
  border-style: solid;
  border-color: var(--oj-core-text-color-primary) !important;
}

.common-buttonset .oj-button-toggle.oj-default.oj-button-outlined-chrome:not(.oj-selected) {
  background-color: var(--oj-button-outlined-chrome-bg-color-selected);
}

.padding-right-4rem {
  padding-right: 4rem;
}

.mapping-tab-container {
  margin-top: 82px;
  margin-left: 72px;
  padding: 24px 12px 12px 12px;
}

.mapping-tab {
  margin: 50px;
  height: 500px;
  overflow: auto;
  padding: 50px;
  padding-top: 100px;
  padding-bottom: 50px;
}

.mapping-tab-mass-upload {
  height: 500px;
  overflow: auto;
  padding: 50px;
}

#Download-Template-CopyBos {
  padding-right: 4rem;
  padding-left: 7rem;
  width: 192px;
  display: grid;
}

.center-content {
  display: 'flex';
  justify-content: 'center ';
}

.drawer-full-height {
  height: 100vh;
  overflow: 'hidden';
}

.drawer-start {
  min-width: 'fit-content';

  height: 100%;
}

.drawer-full-height {
  height: 100vh;
  overflow: 'hidden';
}

.demo-drawer-header {
  display: flex;
  padding: 0.3rem 1rem 0 1rem;
  justify-content: space-between;
  align-items: center;
}

.drawer-controls {
  margin-left: 0;
}

.logo {
  display: flex;
  align-items: center;
}
.tabWidth {
  width: 100%;
}

.tabContentWidth {
  width: 75vw;
}
.oneSpace {
  padding-right: 2px;
}
.verticalAlign {
  vertical-align: -2px;
}

.main-content {
  width: 85vw;
  margin: auto;
  padding: 0 2vw;
}

.page-wrapper {
  width: 95vw;
  height: inherit;
  margin: auto;
  padding: 1vw 2vw;
}

.scip-configuration-input {
  border: 1px solid #16151366 !important;
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem 0.25rem 0.25rem !important;
  min-height: 1.75rem !important;
  height: 1.75rem !important;
  box-sizing: border-box;
  min-width: 0 !important;
}

.scip-disassembly-file-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  text-decoration: underline;
  min-width: 0;
  max-width: 100%;
}

.buttonWithDropdownColumn {
  margin-right: 0%;
  width: 8%;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  max-width: 80%;
  min-width: 80%;
  --oj-text-field-md-width: 10%;
}

.editColumnBorder {
  border: 1px solid black;
}

.editableHighlight {
  border: 1px solid rgb(255, 27, 27);
}

#searchAccordian {
  width: 60%;
  height: 80%;
}

.disableRow {
  background-color: #dfd9d9;
  transition: background-color 0.2s ease;
}

.errorSpace {
  padding-left: 20px;
}

.search-row-labels-selectAdd {
  padding-top: 12px;
  padding-right: 0.5rem;
  text-align: right;
}

.favDiv {
  overflow-y: auto;
  overflow-x: hidden;
  width: 350px;
  height: 350px;
  padding: 10px;
  margin: auto;
  text-align: left;
}

.parentSpecInDropdown {
  display: flex;
  justify-content: flex-start;
}

.flexSearchFieldBom {
  width: 55rem;
  padding: 15px 0 0 0;
}

.mediumText {
  font-size: medium;
}

.gold {
  color: gold;
}

.strikeThroughText {
  text-decoration: line-through;
}

.no-data-icon {
  font-size: 5vw; /* Adjust size as needed */
  width: 5vw; /* Ensure proper scaling */
  height: 5vw;
  margin: auto;
}

.fileOrLink {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tab-content-width {
  width: 'inherit';
}

.priority-radioset .oj-radioset-wrapper {
  justify-content: space-between;
}

.searchBar {
  width: 100%;
}

.searchBarPadding {
  padding: 0 0.42rem;
}

.oj-table-header {
  background-color: rgb(var(--oj-palette-neutral-rgb-10)) !important;
}

.oj-table-body-row,
.oj-table-scroller {
  background-color: white;
}

.oj-table {
  border-radius: 1rem;
}

.tableStyle {
  background-color: var(--oj-panel-bg-color);
  border-radius: 0.75rem;
}

.custom-data-table-scrollbar {
  overflow-y: auto;
  scrollbar-width: thin;
}

/* Hide scrollbar arrows and style the scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track {
  background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(22, 21, 19, 0.12);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(22, 21, 19, 0.5);
}

.search-bar-small {
  --oj-text-field-height: 2.25rem !important;
  --oj-text-field-inside-edge-height: 2.25rem !important;
}

.compliance-badge {
  width: fit-content;
  padding: 1rem;
  border-radius: 1rem;
  color: black !important;
}

.badge-style {
  max-height: 1.5rem;
  padding: 0 1rem !important;
}

.new-block-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.new-block-sub-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#search-filter .oj-combobox-input {
  width: fit-content !important;
}

.attachments-buttonset .oj-button-toggle.oj-selected.oj-button-outlined-chrome {
  border-width: 0.01rem 0.01rem 0.2rem 0.01rem;
  border-style: solid;
  border-color: var(--oj-core-text-color-primary) !important;
}

.attachments-buttonset .oj-button-toggle.oj-default.oj-button-outlined-chrome:not(.oj-selected) {
  background-color: var(--oj-button-outlined-chrome-bg-color-selected);
}

.button-set-style {
  max-width: 19rem;
  margin-top: -0.2rem;
  margin-bottom: -0.8rem;
}

.span-class {
  font-size: 0.86rem;
  color: #161513;
}

.white-text  {
  color: white !important;
}

.attachment-container {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

.attachment-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.attachment-controls {
  position: absolute;
  top: 0.7rem;
  left: 0;
  z-index: 10;
}

.scip-report-subheading {
  margin: 0;
  color: #495057;
}

.configuration-input-wrapper .oj-text-field-input {
  padding: 0 0.4rem !important;
}

.configuration-input-wrapper .oj-text-field-input {
  padding: 0 0.4rem !important;
}

.scip-report-subheading {
  margin: 0;
  color: #495057;
}

.oj-train-stretch a {
  color: var(--oj-core-text-color-secondary);
}

.ipc-action-bar-dropdown {
  width: fit-content !important;
}