/* ========================================================== WHMCS RTL Fix - Arabic (ar_AR) Template: nexus (Bootstrap 4) Applied only when ========================================================== */ html[dir="rtl"] body { direction: rtl; text-align: right; unicode-bidi: embed; } html[dir="rtl"] .text-left { text-align: right !important; } html[dir="rtl"] .text-right { text-align: left !important; } html[dir="rtl"] .float-left, html[dir="rtl"] .float-start { float: right !important; } html[dir="rtl"] .float-right, html[dir="rtl"] .float-end { float: left !important; } html[dir="rtl"] .pull-left { float: right !important; } html[dir="rtl"] .pull-right { float: left !important; } html[dir="rtl"] .ml-auto, html[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; } html[dir="rtl"] .mr-auto, html[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; } html[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; } html[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; } html[dir="rtl"] .navbar-nav { float: right; } html[dir="rtl"] .navbar-nav .nav-item { text-align: right; } html[dir="rtl"] .dropdown-menu { text-align: right; left: auto !important; right: 0 !important; } html[dir="rtl"] .dropdown-menu-right { right: auto !important; left: 0 !important; } html[dir="rtl"] .header .navbar .ml-auto { margin-left: 0 !important; margin-right: auto !important; } html[dir="rtl"] #mainNavbar .navbar-nav.mr-auto { margin-right: 0 !important; margin-left: auto !important; } html[dir="rtl"] #mainNavbar .navbar-nav.ml-auto { margin-left: 0 !important; margin-right: auto !important; } html[dir="rtl"] .breadcrumb, html[dir="rtl"] .master-breadcrumb { text-align: right; } html[dir="rtl"] .breadcrumb-item { float: right; } html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { padding-right: 0; padding-left: 0.5rem; float: right; } html[dir="rtl"] #main-body .row { flex-direction: row-reverse; } html[dir="rtl"] .sidebar { text-align: right; } html[dir="rtl"] ul, html[dir="rtl"] ol { padding-left: 0; padding-right: 20px; } html[dir="rtl"] label { text-align: right; display: block; } html[dir="rtl"] .form-control { text-align: right; } html[dir="rtl"] .table th, html[dir="rtl"] .table td { text-align: right; } html[dir="rtl"] .pagination { padding-right: 0; justify-content: flex-end; } html[dir="rtl"] .alert { text-align: right; } html[dir="rtl"] .card-header, html[dir="rtl"] .card-body { text-align: right; } html[dir="rtl"] .search .form-control { text-align: right; } html[dir="rtl"] .order-summary, html[dir="rtl"] #order-summary { text-align: right; }