.rtl-checkbox .form-check-input {
    margin-right: 0;
    margin-left: auto; /* Pushes it to the left in RTL mode */
}

/* LTR: Default Bootstrap behavior */
.ltr-checkbox .form-check-input {
    margin-right: auto;
    margin-left: 0;
}

/* RTL: Align checkbox to the right and move the label */
.rtl-checkbox {
    flex-direction: row-reverse; /* Moves checkbox to the right and label to the left */
    text-align: left;
}

/* LTR: Default alignment */
.ltr-checkbox {
    flex-direction: row;
    text-align: right;
}


.navbar-brand {
    display: flex;              /* Flexbox to center the contents */
    justify-content: center;    /* Center horizontally */
    align-items: center;        /* Center vertically */
}

.navbar-brand-img {
    height: auto;               /* Maintain aspect ratio */
    max-height: 200px;           /* Adjust the size of the logo */
    width: auto;                /* Maintain proportional width */
}
html[dir="rtl"] .form-select {
    direction: rtl !important;
}

html[dir="rtl"] .form-select {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 5l6 6 6-6"%3e%3c/path%3e%3c/svg%3e');
    background-position: left 0.5rem center; /* Place the arrow on the left */
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

html[lang="ar"] .selectize-control.plugin-clear_button.single .clear {
    left: calc(.75rem - 5px + 1.5rem) !important;
    right: auto !important; /* Reset the right position */
}

html[lang="ar"] .selectize-control.plugin-clear_button .clear {
    left: calc(.75rem - 5px + 1.5rem) !important;
    right: auto !important; /* Reset the right position */
}