/* Admin custom overrides - add your styles here */

/* Choices.js RTL Fixes */
[dir="rtl"] .choices {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .choices__inner {
    text-align: right;
    padding-right: 12px !important;
    padding-left: 30px !important;
}

[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list--single .choices__item {
    text-align: right !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

[dir="rtl"] .choices[data-type*="select-one"]:after {
    left: 11.5px !important;
    right: auto !important;
}

[dir="rtl"] .choices__list--multiple .choices__item {
    margin-right: 0 !important;
    margin-left: 3.75px !important;
}

[dir="rtl"] .choices__button {
    border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-right: none !important;
    margin-right: 0 !important;
    margin-left: 8px !important;
    padding-right: 0 !important;
    padding-left: 8px !important;
}

[dir="rtl"] .choices__list--dropdown .choices__list {
    text-align: right !important;
}

[dir="rtl"] .choices__input {
    text-align: right !important;
    padding-right: 10px !important;
}

/* Fix for the placeholder/selected text alignment */
[dir="rtl"] .choices__list--single {
    padding-right: 0 !important;
    padding-left: 16px !important;
}
