@import "./variables";
@import "./bootstrap-rtl/scss/bootstrap-rtl.scss";
@import "./app_base.scss";


/* Bootstrap specific rtl */
.form-control {
    text-align: right;
    direction: rtl !important;
}
.text-end {
    text-align: left !important;
}

.text-left {
    text-align: right !important;
}

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

.ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.dropdown-menu-right {
    left: 0 !important;
    right: auto !important;
}

.dropdown-menu-left {
    right: 0 !important;
    left: auto !important;
}

.float-right {
    float: left !important;
}

.float-left {
    float: right !important;
}
/* End of Bootstrap specific rtl */

/* Sidebar specific rtl */

.sidebar > .nav .nav-item .nav-link .menu-title {
    margin-right: 1.25rem;
}

.sidebar > .nav > .nav-item:not(.nav-profile) > .nav-link::before {
    right: 30px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #fff;
    display: block;
}

.sidebar
    > .nav
    .nav-item:not(.hover-open)
    .collapse
    .sub-menu
    .nav-item
    .nav-link::before,
.sidebar
    > .nav
    .nav-item:not(.hover-open)
    .collapsing
    .sub-menu
    .nav-item
    .nav-link::before {
    right: 35px;
}

.sidebar
    > .nav
    .nav-item:not(.hover-open)
    .collapse
    .sub-menu
    .nav-item
    .nav-link,
.sidebar
    > .nav
    .nav-item:not(.hover-open)
    .collapsing
    .sub-menu
    .nav-item
    .nav-link {
    padding: 10px 60px 10px 70px !important;
}

.sidebar > .nav .nav-item .nav-link i.menu-arrow {
    margin-right: auto;
    margin-left: 0;
}

.navbar.default-layout
    .navbar-menu-wrapper
    .navbar-nav
    .nav-item.language-dropdown
    .dropdown-menu
    .dropdown-item
    .flag-icon-holder {
    margin-right: 0 !important;
}

.navbar-nav .nav-item.dropdown i {
    margin-right: 0 !important;
    margin-left: 0.5rem;
}

/* End of Sidebar specific rtl */
.flag-icon-holder {
    margin-left: 15px;
}

/* Select2 rtl */
html[dir="rtl"]
    .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow
    b {
    margin-left: auto;
    margin-right: -4px;
}
html[dir="rtl"]
    .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow {
    left: 3px;
    right: auto;
}
html[dir="rtl"]
    .select2-container--bootstrap4
    .select2-selection--multiple
    .select2-selection__choice {
    padding-right: 0;
    padding-left: 5px;
    float: right;
    margin-right: 0;
    margin-left: 5px;
}
html[dir="rtl"]
    .select2-container--bootstrap4
    .select2-selection--multiple
    .select2-selection__choice__remove {
    margin-left: 1px;
    margin-right: 3px;
    float: right;
}
html[dir="rtl"]
    .input-group-prepend
    ~ .select2-container--bootstrap4
    .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0.2rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.2rem;
}
html[dir="rtl"] .select2-container--bootstrap4 .select2-selection__clear {
    padding-right: 0.3em;
    padding-left: 0;
    float: left;
    margin-right: auto;
    margin-left: 0.3em;
}
/* End of Select2 rtl */