body{text-transform:uppercase !important;}
/*body .select2-container{z-index: 1111 !important;}*/
.select2-results__options {
    max-height: 200px; 
    overflow-y: auto; 
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #df2027 !important;
    color: white;
}
.select2-results__options::-webkit-scrollbar {
    width: 8px;
}
.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #888; 
    border-radius: 4px;
}
.select2-results__options::-webkit-scrollbar-thumb:hover {
    background-color: #555; 
}
.select2-results__options::-webkit-scrollbar-track {
    background-color: #f1f1f1; 
}
.select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1; 
}

.error {
    color: red;
    margin: 0;
}
.loader {
 position: fixed;
    height: 50px;
    top: 50%;
    left: 50%;
    width: 50px;
    transform: translate(50%, 50%);
  background: transparent;
  border: red 3px solid;
  border-top: transparent;
  border-radius: 50%;
  animation: animate81323 0.8s linear infinite;
}

@keyframes animate81323 {
  0% {
    border: 3px solid rgb(255, 75, 75);
    border-top: transparent;
    border-left: transparent;
    transform: rotate(0deg);
  }

  50% {
    border: 3px dashed rgb(240, 41, 240);
    border-top: transparent;
    border-left: transparent;
    transform: rotate(270deg);
  }

  100% {
    border: 3px dotted rgb(28, 228, 28);
    border-top: transparent;
    border-left: transparent;
    transform: rotate(360deg);
  }
}
.overlay {
    display:none;
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    height: 100vh;
    background: #FFF;
    z-index: 111111;
    opacity: 0.8;
}
.modal.show .modal-dialog {
   
    right: 50%;
    transform: translate(50%, 50%);
    position: absolute;
    width: 100%;
}
div#myToast {
   position: absolute;
    top: 1%;
    right: 9%;
    z-index: 111;
    width: fit-content;
    padding: 1em;
    border-radius: .5em;
}
.table-responsive .dataTables_wrapper .dataTables_filter input{
   padding: 8px 16px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6a85;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff0;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #dfe5ef;
    border-radius: 7px;
    box-shadow: var(--bs-box-shadow-inset);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.table-responsive .dataTables_wrapper .dataTables_filter input:focus {
    color: #5a6a85;
    background-color: #fff0;
    border-color: #aec3ff;
    outline: 0;
    box-shadow: var(--bs-box-shadow-inset), 0 0 0 .25rem rgb(93 135 255 / .25);
}
.sidebar-item {
    overflow: hidden;
}
.sidebar-link {
    display: flex;
    align-items: center; 
}
.hide-menu {
    font-size:14px; 
    max-width: 150px; 
    white-space: normal; 
    overflow: hidden; 
    text-overflow: ellipsis;
    display: block; 
}
@media (max-width: 560px) {
    div#myToast {
     z-index: 0 !important;
    }
}
/* #addProductForm .select2-container {*/
/*    position: relative !important;*/
/*    z-index: 9999;*/
/*}*/

/* #addProductForm .select2-container--open {*/
/*    z-index: 9999 !important; */
/*}*/
body .select2-container {
  z-index: 1; /* Make sure select2 dropdown appears above the modal's backdrop */
}

body .select2-container--open {
  z-index: 1150; /* Ensure select2 dropdown is above the modal itself */
}