:lang(ar) .header .dropdown-menu.show {
    position: absolute;
    right: auto !important;
    top: 2px !important
}

@media (min-width:1200px) {
    :lang(ar) .header .dropdown-menu.show {
        position: absolute;
        right: -175px !important;
        top: 2px !important
    }
}


:lang(ar) .dropdown-menu.Profile {
    right: 0 !important;
    top: -23px !important
}

:lang(ar) .form-control {
    direction: rtl !important;
}

.table-responsive {
    overflow-x: auto !important;
}
.overlay {
    position: fixed;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.55); /* dark translucent */
    backdrop-filter: blur(4px); /* soft blur behind */
    z-index: 9999;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  display:grid;

}
.loader::before,
.loader::after {    
  content:"";
  grid-area: 1/1;
  --c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
  background: 
    var(--c) 50%  0, 
    var(--c) 50%  100%, 
    var(--c) 100% 50%, 
    var(--c) 0    50%;
  background-size: 12px 12px;
  animation: l12 1s infinite;
}
.loader::before {
  margin: 4px;
  filter: hue-rotate(45deg);
  background-size: 8px 8px;
  animation-timing-function: linear
}

@keyframes l12 { 
  100%{transform: rotate(.5turn)}
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #56e13d !important
}
select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3f993c !important;
    color: white !important;
}
.form-check-input:checked {
    background-color: #3f993c !important;
    border-color: #3f993c !important;
}