/*start rtl style*/
body, html {
    text-align: right;
    direction: rtl;
}

.custom-control-label::before, .custom-control-label::after {
    right: -1.5rem;
}

.form-control {
    min-width: 130px;
}

.input-validation-error {
    border-color: #ff0000;
}

.field-validation-error {
    width: auto;
    display: initial !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    left: 3px;
    right: auto;
}

.datepicker {
    direction: rtl;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-left: .5rem;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem auto -1rem -1rem;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

ul.dropdown-menu li {
    text-align: right;
}

.mr-auto, .mx-auto {
    margin-left: auto !important;
    margin-right: 0px !important;
}

.dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

.dropdown-toggle::after {
    margin-right: .255em;
}

@media (max-width: 767.98px) {
    .offcanvas-collapse {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

        .offcanvas-collapse.open {
            -webkit-transform: translateX(-1rem);
            transform: translateX(-3rem); /* Account for horizontal padding on navbar */
        }
}