.dark .iq-header-img{
  background-color: #313131 !important;
}
.dark .table-striped > tbody > tr:nth-of-type(even) > *{
  --bs-table-accent-bg: #181818 !important;
}
.multiselect-option.is-selected {
background: #975DEE !important ;
}
.multiselect-tag:hover{
  background: #975DEE !important;
}
.multiselect-tag{
  background: #975DEE !important;
}
.multiselect:focus{
  box-shadow:none !important;
}
.multiselect.is-active{
  box-shadow: none !important;
}
.multiselect-option.is-pointed {
  background: #975DEE !important;
  color: #fff !important;
}
::selection {
  background: #975DEE !important;
  color: #fff !important;
}

::-moz-selection {
  background: #975DEE !important;
  color: #fff !important;
}

*::-moz-selection {
  background:#975DEE !important;
  color: #fff !important;
}

.form-disabled {
pointer-events: none;
opacity: .4;
}

.sorting_disabled.sorting_asc::after,
.sorting_disabled.sorting_asc::before {
content: unset !important;
}

.sorting_disabled.sorting_asc {
width: 1% !important;
}
.h-4{
height: 4rem;
}

/* vue-tel-input*/

.vue-tel-input{
  border: 1px solid var(--bs-border-color) !important;
  box-shadow: none !important;
}
.vti__input:focus{
  border: 1px solid var(--bs-primary) !important;

}

.ec-week .ec-toolbar {
position: absolute;
left: 0;
right: 0;
z-index: 9;
padding: 0 15px 15px;
border-bottom: 1px solid var(--bs-border-color);
}
.ec-header {
display: flex;
flex-shrink: 0;
margin-top: 75px;
position: relative;
}
.ec.ec-week {
overflow-x: scroll;
}
.ec-header .ec-resource {
flex-direction: column;
min-width: 160px;
}
.ec-resource {
display: flex;
min-width: 160px;
}

.dropdown-sticky{
background-color: var(--bs-white);
box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
position: fixed;
width: 100%;
bottom: 0;
left: 0;
}

.dropdown-sticky:hover{
background-color: var(--bs-primary-shade-10);
}
.text-primary {
  color : var(--bs-white) !important;
}


.iq-dropdown  .dropdown-menu{
border-radius: 0.6rem !important;
}
.zone-multiselct{
.multiselect-tags{
  flex-wrap: wrap !important;
}
}
/* select 2 */
.multiselect-tags{
flex-wrap: unset !important;
overflow: auto;
}
.multiselect-tags .multiselect-tags-search-wrapper{
  margin: 8px;
}


.dark .text-black{
color:#fff !important;
}
@media only screen and (max-width: 1280px) {
.ec-header {
  overflow-x:scroll;
}
}

.iq-branch-dropdown:hover{
background-color: unset !important;
}

.mode-icons {
display: none;
}
.mode-icons.light-mode {
display: block;
}
.dark .mode-icons.light-mode {
display: none;
}
.dark .mode-icons.dark-mode {
display: block;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 rgba(var(--bs-primary-rgb), .8);
}


.breed_list.i.fa-solid.fa-plus.p-0 {
color: white;
}

fieldset,
legend {
all: revert;
margin-bottom: 1rem;
}
fieldset {
border: 1px solid var(--bs-border-color);
margin-left: 0.5rem;
margin-right: 0.5rem;
border-radius: 5px;
}

legend {
font-size: 1rem;
font-weight: bold;
padding: 0 0.7rem;
color: var(--bs-primary-shade-80);
}
.dark legend {
color: white;
}
.offcanvas {
--ms-border-color: var(--bs-border-color)
}

.dark .multiselect-tags-search {
color: inherit;
background: inherit;
}
.ql-container {
height: calc(100% - 5rem) !important;
}
.ql-container {
height: calc(100% - 5rem) !important;
}

.iq-time-picker {
.flatpickr-calendar{
  left: -11rem;
}
}

#chart-05, #chart-02{
.apexcharts-tooltip.apexcharts-theme-dark.apexcharts-active{
.apexcharts-active{
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}
.apexcharts-tooltip-y-group{
.apexcharts-tooltip-text-y-label{
  strong{
  color: #fff !important;
  }
}
}
}
}

/* Custom CSS for image fallbacks */
.avatar img.avatar-40 {
  min-width: 40px;
  min-height: 40px;
  background-image: url('/images/icons/Default.png');
  background-size: cover;
  background-position: center;
}

/* Add custom background for avatar when image fails to load */
.avatar img.avatar-40:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/icons/Default.png');
  background-size: cover;
  background-position: center;
}

/* Specific fix for the avatar in the navbar */
.nav-link[data-bs-toggle="dropdown"][aria-haspopup="true"][aria-expanded="false"] .avatar img {
  background-image: url('/images/icons/Default.png');
  background-size: cover;
  background-position: center;
}

/* Ensure broken image icons don't show */
img.avatar-40[src=""] {
  opacity: 0;
}

img.avatar-40:not([src]) {
  opacity: 0;
}

/* Placeholder for missing or broken images */
.avatar-40.img-fluid.rounded-pill {
  position: relative;
}

.avatar-40.img-fluid.rounded-pill:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/icons/Default.png');
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  z-index: -1;
}

/* Ensure all avatar containers have relative positioning */
.avatar.avatar-md {
  position: relative;
  overflow: hidden;
  background-image: url('/images/icons/Default.png');
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}