.translated-rtl {

    html,
    body {
        font-family: 'Cairo', Arial;
        direction: rtl;
    }

    #createOrderModal {
        #phoneInput,
        #phoneInputReadOnly {
            text-align: right;
        }

        .table-form-group {
            .select2-container {
                * {
                    direction: rtl;
                }
            }
        }

        .room-form-group {
            .select2-container {
                * {
                    direction: rtl;
                }
            }
        }

        .card-container {
            .form-control {
                text-align: right;
            }
        }
    }

    #showOrderModal {
        .modal-content {
            .modal-body {
                textarea {
                    direction: rtl;
                }
            }
        }
    }

    .pretty .state label:after,
    .pretty .state label:before {
        left: unset !important;
    }
}