rtl.scss

body {
    &.rtl {
        text-align: right;

        .velocity-divide-page {
            .right {
                padding-left: 0 !important;
                padding-right: 230px !important;
            }
        }

        header {
            #search-form {
                .btn-group {
                    select {
                        border-left: 0;
                        border-right: 1px solid $theme-color;
                    }

                    .selectdiv {
                        select {
                            float: unset;

                            ~ .select-icon-container {
                                top: 0;
                                right: 100px;
                                position: absolute;
                            }
                        }

                        .select-icon {
                            left: 8px;
                        }
                    }
                }
            }

            &.sticky-header {
                img {
                    float: right;
                }
            }
        }

        .main-content-wrapper {
            .main-category {
                text-align: right;

                i {
                    float: right;
                    margin-left: 10px;
                }
            }
        }

        .mini-cart-container {
            #mini-cart {
                .badge {
                    top: -6px;
                    left: 90%;
                }

                .cart-text {
                    left: 24px;
                    vertical-align: top;
                }
            }

            ~ .compare-btn,
            ~ .wishlist-btn {
                .badge-container {
                    top: -6px;
                    left: 20px;
                    vertical-align: top;

                    .badge {
                        top: 0;
                        left: 0;
                    }
                }
            }

            ~ .compare-btn {
                left: 15%;
                float: left;
                position: relative;
            }

            ~ .wishlist-btn {
                float: right;
            }
        }

        .form-container {
            .container {
                .heading {
                    h2 {
                        float: right;
                    }

                    a {
                        float: left;
                    }
                }
            }
        }

        .subscriber-form-div {
            text-align: left;
        }

        .footer {
            .footer-content {
                .newsletter-subscription {
                    .newsletter-wrapper {
                        input {
                            &.subscribe-field {
                                left: -4px;
                                position: relative;
                            }
                        }
                    }
                }
            }
        }

        #top {
            #account {
                .welcome-content {
                    i {
                        text-align: left;
                    }
                }

                + .account-modal {
                    left: 0;
                    right: 0;
                    margin-left: 0;
                }
            }

            .locale-icon {
                ~ .select-icon-container {
                    right: 20px;
                }
            }
        }

        #cart-modal-content {
            left: 0;

            .small-card-container {
                .rango-close {
                    left: unset;
                    right: -10px;
                }
            }
        }

        .category-list-container{
            .sub-categories {
                left: -100%;
            }

            li {
                a {
                    padding: 7px 15px 5px 15px;
                }
            }
        }

        .filters-container {
            .view-mode {
                > div {
                    padding-right: 6px;
                }
            }
        }

        .filters-container {
            .toolbar-wrapper {
                > div {
                    label {
                        margin-right: 0px;
                        margin-left: 10px;
                    }
                }
            }
        }

        .filter-attributes-content {
            margin-left: 7px;
            margin-right: 0px;
        }

        .filter-attributes-item {
            input[type=checkbox] {
                + span {
                    margin-right: 10px;
                }
            }

            .filter-input {
                margin-right: 0;
            }
        }

        .product-card-new {
            .card-body {
                .cart-wish-wrap {
                    margin-right: 0 !important;

                    .add-to-cart-btn {
                        padding-left: 35px !important;
                    }
                }

                .wishlist-icon {
                    left: 0;
                    right: unset;
                }

                .product-name {
                    width: unset;
                }
            }
        }

        .account-content {
            .account-layout {
                &.right {
                    width: calc(100% - 20px);
                    padding-right: 250px !important;
                }

                .account-table-content {
                    .address-holder {
                        > div {
                            padding-right: 0px;
                            padding-left: 15px;
                        }
                    }
                }
            }

            .sidebar {
                .customer-sidebar {
                    border-left: 1px solid $border-general;

                    .navigation {
                        li i.icon {
                            padding-right: 0;
                            padding-left: 5px;
                        }
                    }
                }
            }
        }

        // product page
        .product-detail {
            .right {
                .info {
                    margin-right: 0px;

                    > h2, div {
                        padding-right: 0px;
                    }
                }
            }

            .thumb-list {
                left: 0;
                margin-right: 0;
            }

            .wishlist-icon {
                padding-right: 10px;
            }
        }

        .modal-footer>:not(:last-child) {
            margin-left: .25rem;
        }
        
        .compare-products {
            .wishlist-icon {
                left: 60px;
                right: unset;
            }

            .material-icons.cross {
                left: 20px;
                right: unset;
            }
        }

        #alert-container {
            right: unset;
            left: 15px;
        }

        .mini-cart-content {
            ~ .down-arrow-container {
                .rango-arrow-down {
                    left: -15px;
                }
            }
        }

        .alert-dismissible {
            .close {
                left: -8px;
            }
        }

        .booking-information {
            .book-slots {
                .control-group-container {
                    .form-group:not(.quantity).date:after {
                        left: 40px;
                        right: unset;
                    }
                }     
            }
        }

        .full-content-wrapper {
            > .container-fluid {
                > .row {
                    &.pl-26 {
                        padding-right: 26% !important;
                    }
                }
            }
        }

        .image-search-container {
            left: 45px;
            right: unset;
        }

        .product-policy-container {
            .card {
                .policy {
                    .left {
                        margin-left: 10px;
                    }
                }
            }
        }

        .account-content {
            .account-layout {
                .account-table-content {
                    #datagrid-filters {
                        .per-page {
                            left: 0;
                            right: unset;
                        }
                    }
                }
            }
        }

        // Shared
        .text-right {
            text-align: left !important;
        }
        .text-left {
            text-align: right !important;
        }
        .pl0 {
            padding-right: 0px !important;
        }
        .pl10 {
            padding-right: 10px !important;
        }
        .rango-arrow-right::before {
            content: "\E907";
        }
        .styled-select {
            + .select-icon-container {
                .select-icon {
                    left: 6px;
                    right: unset;
                }
            }
        }
        .ml15 {
            margin-right: 15px !important;
        }
        .pl30 {
            padding-right: 30px;
        }
        .ml-5 {
            margin-right: 3rem !important;
        }
        .mr15 {
            margin-left: 15px !important;
        }
        .ml5 {
            margin-right: 5px;
        }
    }
}

@media only screen and (max-width: 992px) {
    body {
        &.rtl {
            .nav-container {
                ul {
                    li {
                        padding: 10px 20px 10px 0px;

                        .rango-arrow-right {
                            float: left;
                            padding-left: 40px;
                        }
                    }
                }
                
                .wrapper {
                    .vc-customer-options {
                        li {
                            i.icon {
                                float: right;
                                padding-left: 5px;
                            }
                        }
                    }
                }
            }

            .full-content-wrapper {
                > .container-fluid {
                    > .row {
                        &.pl-26 {
                            padding-right: 20px !important;
                        }
                    }
                }
            }

            .account-content {
                .account-layout {
                    &.right {
                        padding-right: 20px !important;
                    }
                }
            }

            .velocity-divide-page {
                .left {
                    right: 0;
                    width: 200px;
                }
            }
        }
    }
}