.imageselector {
  color: #ffffff !important;
  background: linear-gradient(to bottom, #58c970, #489b57) !important;
  border: 0 !important;
  border-radius: 6px !important;

  padding: 7px !important;
  /* width: 110px !important; */
  font-size: small;
}

.imageselectorborder {
  border: solid 0.5px #dcd9d9 !important;
  border-radius: 6px;
}

.fileselector {

  color: #0e0e0e !important;
  background: linear-gradient(to bottom, #f5f3f3, #b8b7b7) !important;
  border: 0 !important;
  font-size: small;
  padding: 7px !important;
}

td {
  min-width: 110px;
  text-align: start;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 30px;
  height: 30px;
  background-color: #2A3042;
  /* Add a background color */
  border-radius: 50%;
  /* Make it circular */
}

.carousel-control-prev,
.carousel-control-next {
  opacity: 1;
  /* Ensure buttons are visible */
}

.carousel-indicators {
  background-color: #2A3042;
}

/* Sidebar Background & Logo Area Override to Light Green */
body[data-sidebar=dark] .vertical-menu,
.vertical-menu {
  background-color: #1b5e20 !important;
}

body[data-sidebar=dark] .navbar-brand-box,
.navbar-brand-box {
  background-color: #1b5e20 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body[data-sidebar=dark] .navbar-brand-box .logo-light .text,
.navbar-brand-box .logo-light .text {
  color: #ffffff !important;
}

/* Sidebar Menu Titles (Headers) */
body[data-sidebar=dark] #sidebar-menu .menu-title {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Sidebar Menu Links */
body[data-sidebar=dark] #sidebar-menu ul li a {
  color: #ffffff !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a i {
  color: rgba(255, 255, 255, 0.7) !important;
  margin-right: 1px !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a div.round-16,
body[data-sidebar=dark] #sidebar-menu ul li a div[style*="width"] {
  margin-right: 1px !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a.has-arrow:after {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Sidebar Menu Links - Hover State */
body[data-sidebar=dark] #sidebar-menu ul li a:hover {
  color: #ffffff !important;
  background-color: #2e7d32 !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a:hover i {
  color: #ffffff !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a.has-arrow:hover:after {
  color: #ffffff !important;
}

/* Sidebar Menu Links - Active/Selected State */
body[data-sidebar=dark] #sidebar-menu ul li.mm-active>a {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}

body[data-sidebar=dark] #sidebar-menu ul li.mm-active>a i {
  color: #ffffff !important;
}

body[data-sidebar=dark] #sidebar-menu ul li.mm-active>a.has-arrow:after {
  color: #ffffff !important;
}

/* Sidebar Sub-menus (Dropdowns) */
body[data-sidebar=dark] #sidebar-menu ul li ul.collapse,
body[data-sidebar=dark] #sidebar-menu ul li ul.collapse.show,
body[data-sidebar=dark] #sidebar-menu ul li ul {
  background-color: #124116 !important;
}

body[data-sidebar=dark] #sidebar-menu ul li ul.collapse li a,
body[data-sidebar=dark] #sidebar-menu ul li ul li a {
  color: rgba(255, 255, 255, 0.8) !important;
}

body[data-sidebar=dark] #sidebar-menu ul li ul.collapse li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li ul li a:hover {
  color: #ffffff !important;
  background-color: #2e7d32 !important;
}

/* Sidebar Nested Active/Selected Items */
body[data-sidebar=dark] #sidebar-menu ul li ul.collapse li.mm-active>a,
body[data-sidebar=dark] #sidebar-menu ul li ul.collapse li a.active {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}

body[data-sidebar=dark] #sidebar-menu ul li ul.collapse li.mm-active>a i,
body[data-sidebar=dark] #sidebar-menu ul li ul.collapse li a.active i {
  color: #ffffff !important;
}

/* Collapsed Sidebar States */
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
  background-color: #4caf50 !important;
  color: #ffffff !important;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a i {
  color: #ffffff !important;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul ul {
  background-color: #124116 !important;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a {
  color: rgba(255, 255, 255, 0.8) !important;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul a:hover {
  color: #ffffff !important;
  background-color: #2e7d32 !important;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #4caf50 !important;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
  color: #4caf50 !important;
}

/* Dashboard Mini Stat Icon Background Override to match sidebar (#1b5e20) */
.mini-stat-icon.bg-primary,
.mini-stat-icon .avatar-title {
  background-color: #2e7d32 !important;
}

/* Ensure all loading spinners use the color #2e7d32 */
.spinner-border,
.spinner-border-sm {
  color: #2e7d32 !important;
  border-color: #2e7d32 !important;
  border-right-color: transparent !important;
}

.spinner-grow,
.spinner-grow-sm {
  color: #2e7d32 !important;
  background-color: #2e7d32 !important;
}

/* Custom Loader dots override */
.dm-spin-dots {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.dm-spin-dots .spin-dot {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #2e7d32 !important;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.dm-spin-dots .spin-dot:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.dm-spin-dots .spin-dot:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.dm-spin-dots .spin-dot:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.dm-spin-dots .spin-dot:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes lds-ellipsis3 {
  0% { transform: scale(1); }
  100% { transform: scale(0); }
}
@keyframes lds-ellipsis2 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(24px, 0); }
}
.loader-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Gift Status buttons override to #2e7d32 */
.gift-status-btn {
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
  color: #ffffff !important;
}
.gift-status-btn:hover {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
}
.gift-status-btn:focus,
.gift-status-btn:active {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
  box-shadow: 0 0 0 0.15rem rgba(46, 125, 50, 0.5) !important;
}
.gift-status-btn:disabled {
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
  opacity: 0.65 !important;
}

/* Global overrides for primary theme color to #2e7d32 */
.bg-primary {
  background-color: #2e7d32 !important;
}

.bg-primary.bg-soft,
.bg-soft-primary {
  background-color: rgba(46, 125, 50, 0.15) !important;
}

.text-primary {
  color: #2e7d32 !important;
}

.badge-primary {
  background-color: #2e7d32 !important;
}

.btn-primary {
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
  color: #ffffff !important;
}

.btn-primary:hover {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
  color: #ffffff !important;
}

.btn-primary:focus,
.btn-primary.focus {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
  box-shadow: 0 0 0 0.15rem rgba(46, 125, 50, 0.5) !important;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #1b5e20 !important;
  border-color: #1b5e20 !important;
}

.btn-outline-primary {
  color: #2e7d32 !important;
  border-color: #2e7d32 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
  color: #ffffff !important;
}