.sidebar-nav ul .sidebar-item .sidebar-link:hover {
  color: #2a3547;
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
  background-color: #00c7b4;
}

.btn-outline-primary {
}

.btn-outline-primary:hover {
}

.btn.btn-primary {
  background: #00c7b4 !important;
  border-color: #00c7b4 !important;
}

.btn.btn-primary:hover {
  opacity: 0.8;
}

.user-avatar {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #fff;
  color: #00c7b4;
  font-weight: 800;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
}

.user-avatar2 {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: #ebf3fe;
  color: #00c7b4;
  font-weight: 800;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
}

.border-bottom-dotted {
  border-bottom: 2px dotted #000;
}

.nav-link:focus,
.nav-link:hover {
  color: #00c7b4;
}

.app-header .navbar .navbar-nav.quick-links .nav-item:hover .nav-link {
  color: #00c7b4 !important;
}

.unlimited-access {
  padding: 20px 0px 0px 18px;
  margin: 0 -5px;
}

.unlimited-access .unlimited-access-img {
  margin: 0;
}

html,
body {
  font-family: "Roboto", sans-serif;
}

.text-brand {
  color: #00c7b4;
}

.text-brand:hover {
  color: #00c7b4;
}

.action-btn a:hover {
  opacity: 0.6;
}

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

.btn-export {
}

.btn-export:hover {
}

.authentication-background {
  background: #041e2f;
}

#main-wrapper[data-layout="vertical"] .app-header.fixed-header .navbar {
  background: #fff;
  padding: 0 15px;
  border-radius: 15px;
  box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.12);
  margin-top: 15px;
}

.modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.btn.btn-export.show {
  border: 1px solid #5a6a85 !important;
}

.accordion-collapse.collapse.show {
  transition: opacity 1s ease-in, height 1s step-start;
}

.ml-1 {
  margin-left: 5px !important;
}

.sidebar-nav .has-arrow[aria-expanded="true"]::after,
.sidebar-nav li.active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after {
  border-color: unset;
}

.notificationRemove.dropdown-toggle::after {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

span.apexcharts-legend-text {
  font-size: 14px !important;
}
span.apexcharts-tooltip-text-y-label > b {
  display: none !important;
}

.nav-tabs .nav-link.cDashboard.active {
  color: #fff !important;
  background-color: #5d87ff !important;
  border-color: #5d87ff !important;
  border-radius: 10px !important;
}

.nav-tabs .nav-link.cDashboard {
  cursor: pointer;
}
.row.py-3.border-bottom.disabled {
  opacity: 0.3;
}

.apexcharts-toolbar {
  display: none !important;
}
h1.mt-1.mb-1.badge.font-medium.bg-light-warning.text-warning.text-center.full-width {
  width: 100%;
  padding: 20px;
}

.nav-challenge .nav-link:focus,
.nav-challenge .nav-link:hover {
  color: #00c7b4 !important;
  color: var(--bs-nav-pills-link-active-color) !important;
  background-color: #00c7b4 !important;
}
.nav-challenge .nav-link {
  border: 1px solid #ebf1f6 !important;
  border-radius: 10px !important;
}
.nav-challenge .nav-link.active,
.cashier .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color) !important;
  background-color: #00c7b4 !important;
}
.nav-challenge .nav-link {
  border: 1px solid #ebf1f6 !important;
}

.nav-challenge div.nav-item {
  margin-bottom: 10px;
  margin-right: 10px;
}
.cashier.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.fade:not(.show) {
  opacity: 0;
  display: none;
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow::after {
  border-color: #00c7b4;
}
.body-wrapper {
  background: #fff !important;
}

.mw-280 {
  min-width: 280px;
}
.notes-text {
  resize: vertical;
  font: inherit;
  letter-spacing: inherit;
  color: currentcolor;
  border: 0px;
  box-sizing: content-box;
  background: none;
  height: auto;
  margin: 0px;
  -webkit-tap-highlight-color: transparent;
  display: block;
  min-width: 0px;
  width: 100%;
  animation-name: mui-auto-fill-cancel;
  animation-duration: 10ms;
  resize: none;
  padding: 12px 14px;
  border: 2px solid #ebf3fe;
  border-radius: 7px;
}
.notes-container {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4375em;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: rgb(42, 53, 71);
  box-sizing: border-box;
  cursor: text;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  position: relative;
  border-radius: 7px;
  padding: 16.5px 14px;
}

.mh-650 {
  min-height: 650px;
}

/* .card.overflow-hidden.invoice-application .d-flex {
  min-height: 650px;
} */

a#invoice-123 {
  background-color: unset !important;
}

a#invoice-123:hover {
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.table > :not(caption) > * > * {
  max-width: 150px;
  overflow: hidden;
}

.mt-30 {
  margin-top: 30px;
}
.login-lang {
  border-radius: 28px;
  background: transparent !important;
  border: 1px solid #386582 !important;
  padding: 0.575rem 0.95rem !important;
  color: white !important;
}
.position-relative {
  position: relative;
}
.delete-icon {
  position: absolute;
  left: 100%;
  margin-top: 2px;
  cursor: pointer;
}
.plr-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.align-content-center {
  justify-content: center;
}
/* RemoveThisOne */

.disabled {
  pointer-events: none;
  opacity: 0.4;
}
/* iframe#webpack-dev-server-client-overlay{display:none!important} */

.pb-0 {
  padding-bottom: 0px !important;
}
button#dropdown-basic {
  font-weight: 700;
}

.aligndropdown.dropdown-item.d-flex.gap-2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}

.table-cell {
  position: relative;
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden;     /* Hide overflowing text */
  text-overflow: ellipsis; /* Add ellipsis for overflow */
  max-width: 150px;     /* Adjust as needed */
  padding-right: 30px;  /* Space for the icon */
  display: flex;
  align-items: center;
}

.name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1; /* Allow text to take up available space */
}
.text-red{
  color: #c8102e;
}
.bg-register {
    background-color: #020006 !important;
}
.icon {
  position: absolute;
  right: 5px; /* Keep the icon fixed on the right */
  cursor: pointer;
}

.table-cell:hover .name-text {
  overflow: visible;   /* Show full text on hover */
  white-space: normal; /* Allow wrapping */
  background: #f9f9f9; /* Optional styling for visibility */
  z-index: 1;
}