/**
 * Bootstrap RTL (Right-to-Left) Overrides
 * This file provides RTL support for Bootstrap components
 */

html[dir="rtl"],
html[lang="ar"] {
	direction: rtl;
}

/* Bootstrap Grid RTL */
html[dir="rtl"] .row,
html[lang="ar"] .row {
	direction: rtl;
}

/* Bootstrap Container */
html[dir="rtl"] .container,
html[lang="ar"] .container {
	direction: rtl;
}

html[dir="rtl"] .container-fluid,
html[lang="ar"] .container-fluid {
	direction: rtl;
}

/* Bootstrap Navbar */
html[dir="rtl"] .navbar,
html[lang="ar"] .navbar {
	direction: rtl;
}

html[dir="rtl"] .navbar-nav,
html[lang="ar"] .navbar-nav {
	direction: rtl;
}

html[dir="rtl"] .navbar-brand,
html[lang="ar"] .navbar-brand {
	margin-right: 0;
	margin-left: 1rem;
}

/* Bootstrap Forms */
html[dir="rtl"] .form-control,
html[lang="ar"] .form-control {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .form-check,
html[lang="ar"] .form-check {
	padding-right: 1.25rem;
	padding-left: 0;
}

html[dir="rtl"] .form-check-input,
html[lang="ar"] .form-check-input {
	margin-right: -1.25rem;
	margin-left: 0;
	float: right;
}

html[dir="rtl"] .form-check-label,
html[lang="ar"] .form-check-label {
	padding-right: 0;
	padding-left: 0.5rem;
}

/* Bootstrap Buttons */
html[dir="rtl"] .btn-group,
html[lang="ar"] .btn-group {
	direction: rtl;
}

html[dir="rtl"] .btn-group > .btn:first-child,
html[lang="ar"] .btn-group > .btn:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] .btn-group > .btn:last-child,
html[lang="ar"] .btn-group > .btn:last-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0.25rem;
}

/* Bootstrap Cards */
html[dir="rtl"] .card,
html[lang="ar"] .card {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .card-header,
html[lang="ar"] .card-header {
	text-align: right;
}

html[dir="rtl"] .card-body,
html[lang="ar"] .card-body {
	text-align: right;
}

html[dir="rtl"] .card-footer,
html[lang="ar"] .card-footer {
	text-align: right;
}

/* Bootstrap Modals */
html[dir="rtl"] .modal-header,
html[lang="ar"] .modal-header {
	text-align: right;
	flex-direction: row-reverse;
}

html[dir="rtl"] .modal-body,
html[lang="ar"] .modal-body {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .modal-footer,
html[lang="ar"] .modal-footer {
	text-align: left;
	flex-direction: row-reverse;
}

html[dir="rtl"] .close,
html[lang="ar"] .close {
	float: left;
	margin-left: 0;
	margin-right: auto;
}

/* Bootstrap Dropdowns */
html[dir="rtl"] .dropdown-menu,
html[lang="ar"] .dropdown-menu {
	text-align: right;
	left: auto;
	right: 0;
}

html[dir="rtl"] .dropdown-item,
html[lang="ar"] .dropdown-item {
	text-align: right;
}

/* Bootstrap Breadcrumbs */
html[dir="rtl"] .breadcrumb,
html[lang="ar"] .breadcrumb {
	text-align: right;
	flex-direction: row-reverse;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before,
html[lang="ar"] .breadcrumb-item + .breadcrumb-item::before {
	padding-left: 0;
	padding-right: 0.5rem;
	content: "\\";
}

/* Bootstrap Pagination */
html[dir="rtl"] .pagination,
html[lang="ar"] .pagination {
	flex-direction: row-reverse;
}

html[dir="rtl"] .page-item:first-child .page-link,
html[lang="ar"] .page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] .page-item:last-child .page-link,
html[lang="ar"] .page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0.25rem;
}

/* Bootstrap Alerts */
html[dir="rtl"] .alert,
html[lang="ar"] .alert {
	text-align: right;
	direction: rtl;
}

html[dir="rtl"] .alert-dismissible .close,
html[lang="ar"] .alert-dismissible .close {
	right: auto;
	left: 0;
}

/* Bootstrap Tables */
html[dir="rtl"] table,
html[lang="ar"] table {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] th,
html[lang="ar"] th {
	text-align: right;
}

html[dir="rtl"] td,
html[lang="ar"] td {
	text-align: right;
}

/* Bootstrap Navs & Tabs */
html[dir="rtl"] .nav,
html[lang="ar"] .nav {
	text-align: right;
}

html[dir="rtl"] .nav-link,
html[lang="ar"] .nav-link {
	text-align: right;
}

html[dir="rtl"] .nav-tabs,
html[lang="ar"] .nav-tabs {
	text-align: right;
}

html[dir="rtl"] .tab-content,
html[lang="ar"] .tab-content {
	text-align: right;
	direction: rtl;
}

/* Bootstrap Progress Bars */
html[dir="rtl"] .progress,
html[lang="ar"] .progress {
	direction: rtl;
}

html[dir="rtl"] .progress-bar,
html[lang="ar"] .progress-bar {
	text-align: right;
}

/* Bootstrap List Groups */
html[dir="rtl"] .list-group,
html[lang="ar"] .list-group {
	text-align: right;
}

html[dir="rtl"] .list-group-item,
html[lang="ar"] .list-group-item {
	text-align: right;
}

/* Bootstrap Input Groups */
html[dir="rtl"] .input-group,
html[lang="ar"] .input-group {
	direction: rtl;
}

html[dir="rtl"] .input-group-prepend,
html[lang="ar"] .input-group-prepend {
	margin-right: 0;
	margin-left: -1px;
}

html[dir="rtl"] .input-group-append,
html[lang="ar"] .input-group-append {
	margin-left: 0;
	margin-right: -1px;
}

html[dir="rtl"] .input-group > .form-control:first-child,
html[lang="ar"] .input-group > .form-control:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] .input-group > .form-control:last-child,
html[lang="ar"] .input-group > .form-control:last-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0.25rem;
}

/* Bootstrap Media Objects */
html[dir="rtl"] .media,
html[lang="ar"] .media {
	flex-direction: row-reverse;
}

html[dir="rtl"] .media-body,
html[lang="ar"] .media-body {
	text-align: right;
}

/* Bootstrap Utilities */
html[dir="rtl"] .text-left,
html[lang="ar"] .text-left {
	text-align: right !important;
}

html[dir="rtl"] .text-right,
html[lang="ar"] .text-right {
	text-align: left !important;
}

html[dir="rtl"] .float-left,
html[lang="ar"] .float-left {
	float: right !important;
}

html[dir="rtl"] .float-right,
html[lang="ar"] .float-right {
	float: left !important;
}

html[dir="rtl"] .ml-auto,
html[lang="ar"] .ml-auto {
	margin-left: 0 !important;
	margin-right: auto !important;
}

html[dir="rtl"] .mr-auto,
html[lang="ar"] .mr-auto {
	margin-right: 0 !important;
	margin-left: auto !important;
}