@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 400;
    src: local('IBM Plex Sans Arabic'), url(../fonts/IBMPlexSansArabic-Regular.woff) format('woff');
}

/* Apply IBM Plex Sans as the default font */
body {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

/* Apply IBM Plex Serif for headings (optional) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

/* Apply IBM Plex Sans to specific elements (if needed) */
p, a, span, div, input, textarea, button {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

/* RTL Layout */
.rtl {
    direction: rtl; /* Set overall direction to RTL */
    text-align: right; /* Align text to the right */
}

.rtl .page-wrapper {
    margin-left: 0; /* Reset left margin */
    margin-right: 250px; /* Add margin to the right */
}

/* Header RTL Styles */
.rtl .header {
    direction: rtl; /* Ensure text and elements flow from right to left */
    text-align: center; /* Align text to the right */
    background: #E0E7FF;
    background: -moz-linear-gradient(right, #E0E7FF 0%, #4F46E5 100%); /* Changed 'left' to 'right' */
    background: -webkit-linear-gradient(right, #E0E7FF 0%, #4F46E5 100%); /* Changed 'left' to 'right' */
    background: -ms-linear-gradient(right, #E0E7FF 0%, #4F46E5 100%); /* Changed 'left' to 'right' */
    background: linear-gradient(to left, #E0E7FF 0%, #4F46E5 100%); /* Changed 'to right' to 'to left' */
    border-bottom: 1px solid transparent;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    height: 60px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1002;
    padding-left: 20px; /* Adjust as needed */
    padding-right: 20px; /* Adjust as needed */
}

/* Reverse floating elements */
.rtl .header .header-left {
    float: right; /* Move header-left to the right */
}

.rtl .header .user-menu {
    float: left; /* Move user-menu to the left */
}

/* Align dropdown menus to the right */
.rtl .header .flag-nav .dropdown-menu {
    left: 0 !important; /* Align dropdown to the left edge of the flag */
    right: auto !important; /* Reset right positioning */
    top: 100% !important; /* Position dropdown below the flag */
    margin-top: 5px; /* Add a small gap between the flag and dropdown */
    transform: none !important; /* Remove any default transform */
}

/* Adjust notifications dropdown positioning */
.rtl .header .notifications .dropdown-menu {
    left: auto !important; /* Reset left positioning */
    right: 0 !important; /* Align notifications dropdown to the right */
}

/* Adjust user dropdown positioning */
.rtl .header .main-drop .dropdown-menu {
    left: auto !important; /* Reset left positioning */
    right: 0 !important; /* Align user dropdown to the right */
}

/* Reverse margins and paddings */
.rtl .header .user-menu.nav > li > a {
    padding-left: 0; /* Reset LTR padding */
    padding-right: 15px; /* Add RTL padding */
}

.rtl .header .flag-nav img {
    margin-left: 5px; /* Add RTL margin */
    margin-right: 0; /* Reset LTR margin */
}

/* Adjust the bar icon for RTL */
.rtl .header .bar-icon span {
    float: right; /* Reverse the float for bar icon spans */
}

/* Adjust the page title box */
.rtl .header .page-title-box {
    float: right; /* Move page title box to the right */
    text-align: center; /* Align text to the right */
}

/* Forms */
.rtl .form-group label {
    text-align: center; /* Align form labels to the right */
}

.rtl .form-control {
    text-align: center; /* Align form input text to the right */
}

.rtl .input-group-prepend {
    margin-left: 0; /* Reset left margin */
    margin-right: -1px; /* Adjust for RTL */
}

.rtl .input-group-append {
    margin-right: 0; /* Reset right margin */
    margin-left: -1px; /* Adjust for RTL */
}

/* Tables */
.rtl .table {
    text-align: center; /* Align table text to the right */
}

.rtl .table th {
    text-align: center; /* Align table headers to the right */
}

/* Buttons */
.rtl .btn {
    text-align: center; /* Align button text to the right */
}

/* Dropdowns */
.rtl .dropdown-menu {
    left: auto; /* Reset left position */
    right: 0; /* Align dropdown to the right */
    text-align: center; /* Align dropdown text to the right */
}

.rtl .modal-footer {
    text-align: left; /* Align modal footer buttons to the left */
}

/* Navigation */
.rtl .nav {
    padding-right: 0; /* Reset right padding */
    padding-left: auto; /* Adjust for RTL */
}

.rtl .nav-tabs .nav-item {
    margin-right: 0; /* Reset right margin */
    margin-left: 2px; /* Adjust for RTL */
}

/* Pagination */
.rtl .pagination {
    padding-right: 0; /* Reset right padding */
}

.rtl .pagination .page-item:first-child .page-link {
    border-top-left-radius: 0; /* Reset border radius */
    border-top-right-radius: 4px; /* Adjust for RTL */
}

.rtl .pagination .page-item:last-child .page-link {
    border-top-right-radius: 0; /* Reset border radius */
    border-top-left-radius: 4px; /* Adjust for RTL */
}
.rtl .form-scroll {
    max-height: 400px;
    overflow-y: auto;
    direction: rtl; /* Move scrollbar to the left */
}

/* Alerts */
.rtl .alert {
    text-align: center; /* Align alert text to the right */
}

/* Breadcrumbs */
.rtl .breadcrumb {
    direction: rtl; /* Set direction to RTL */
    unicode-bidi: bidi-override; /* Ensure proper handling of mixed LTR/RTL text */
}

.rtl .breadcrumb-item + .breadcrumb-item::before {
    content: "/"; /* Add slash between breadcrumb items */
    padding: 0 5px;
    direction: ltr; /* Force slash to be LTR */
    unicode-bidi: isolate; /* Isolate the slash from RTL context */
}

/* Lists */
.rtl ul {
    padding-right: 20px; /* Adjust padding for RTL */
    padding-left: 0; /* Reset left padding */
}

/* Icons */
.rtl .fa {
    margin-left: 5px; /* Adjust icon spacing for RTL */
    margin-right: 0; /* Reset right margin */
}

/* Custom Components */
.rtl .custom-component {
    text-align: right; /* Align custom component text to the right */
}

/* RTL General Styles */
.rtl body {
    text-align: right; /* Align text to the right for RTL */
    direction: rtl;
    unicode-bidi: plaintext;
}

.rtl .navbar-nav > li {
    float: right; /* Flip float for RTL */
}

.rtl .float-left {
    float: right !important; /* Flip float for RTL */
}

.rtl .float-right {
    float: left !important; /* Flip float for RTL */
}

.rtl .m-r-5 {
    margin-left: 5px !important; /* Flip margin for RTL */
    margin-right: 0 !important;
}

.rtl .m-r-10 {
    margin-left: 10px !important; /* Flip margin for RTL */
    margin-right: 0 !important;
}

.rtl .m-l-5 {
    margin-right: 5px !important; /* Flip margin for RTL */
    margin-left: 0 !important;
}

.rtl .m-l-15 {
    margin-right: 15px !important; /* Flip margin for RTL */
    margin-left: 0 !important;
}

.rtl .dropdown-menu {
    left: auto !important; /* Reset LTR positioning */
    right: 0 !important; /* Align dropdowns to the right for RTL */
    text-align: right; /* Align dropdown text to the right for RTL */
}

.rtl .form-control {
    text-align: right; /* Align form input text to the right for RTL */
}

.rtl .input-group-text {
    border-radius: 0 4px 4px 0; /* Adjust border radius for RTL */
}

.rtl .input-group > .form-control:not(:first-child),
.rtl .input-group > .custom-select:not(:first-child) {
    border-radius: 4px 0 0 4px; /* Adjust border radius for RTL */
}

.rtl .pagination {
    padding-right: 0; /* Reset LTR padding */
}

.rtl .pagination .page-item:first-child .page-link {
    border-top-left-radius: 0; /* Reset LTR border radius */
    border-top-right-radius: 4px; /* Add RTL border radius */
}

.rtl .pagination .page-item:last-child .page-link {
    border-top-right-radius: 0; /* Reset LTR border radius */
    border-top-left-radius: 4px; /* Add RTL border radius */
}

/* RTL Toggle Buttons and Switches */
.rtl .checktoggle:after {
    left: auto;
    right: 0;
    transform: translate(-5px, -50%);
}

.rtl .check:checked + .checktoggle:after {
    left: auto;
    right: 100%;
    transform: translate(calc(100% + 5px), -50%);
}

.rtl .switch input:checked + span:after {
    left: auto;
    right: 31px;
}

/* RTL Checkboxes and Radio Buttons */
.rtl .custom_check {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .custom_check .checkmark {
    left: auto;
    right: 0;
}

.rtl .custom_check .checkmark:after {
    left: auto;
    right: 7px;
}

.rtl .custom_radio {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .custom_radio .checkmark {
    left: auto;
    right: 0;
}

.rtl .custom_radio .checkmark:after {
    left: auto;
    right: 3px;
}

.rtl .radio_input .custom_radio + .custom_radio {
    margin-left: 0;
    margin-right: 15px;
}

.rtl .onoffswitch {
    margin-left: 0; /* Remove margin-left: auto */
    margin-right: auto; /* Add margin-right: auto to push it to the left */
    position: relative;
    width: 73px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rtl .onoffswitch-checkbox {
    display: none;
}

.rtl .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 0;
}

.rtl .onoffswitch-inner {
    display: block;
    margin-left: 0; /* Change from -100% to 0 */
    margin-right: -100%; /* Add margin-right: -100% for RTL sliding effect */
    transition: margin 0.3s ease-in 0s;
    width: 200%;
}

.rtl .onoffswitch-inner:before,
.rtl .onoffswitch-inner:after {
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: right; /* Change float: left to float: right for RTL */
    font-size: 16px;
    height: 30px;
    line-height: 32px;
    padding: 0;
    width: 50%;
}

.rtl .onoffswitch-inner:before {
    background-color: #4F46E5;
    color: #fff;
    content: "فتح";
    padding-left: 14px; /* Change padding-left to padding-right for RTL */
    text-align: left; /* Align text to the right for RTL */
}

.rtl .onoffswitch-inner:after {
    content: "غلق";
    padding-right: 14px; /* Change padding-right to padding-left for RTL */
    background-color: #ccc;
    color: #fff;
    text-align: right; /* Align text to the left for RTL */
}

.rtl .onoffswitch-switch {
    background: #fff;
    border-radius: 20px;
    bottom: 0;
    display: block;
    height: 20px;
    margin: 5px;
    position: absolute;
    left: 0; /* Change right: 43px to left: 0 for RTL */
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 20px;
}

.rtl .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-right: 0; /* Change margin-left: 0 to margin-right: 0 for RTL */
}
.rtl .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: calc(100% - 25px); /* Move the switch to the right when checked */
}
/* RTL Dropdown Menus and Modals */
.rtl .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}
.rtl .modal-footer.text-left {
    justify-content: flex-end;
}
.rtl .custom-modal .close {
    right: auto;
    left: 10px;
}
/* RTL Header and Navigation */
.rtl .header .header-left {
    float: right;
}
.rtl .user-menu {
    float: left;
}
.rtl .page-title-box {
    float: right;
}
.rtl .header .navbar-nav .badge {
    right: auto;
    left: 7px;
}
.rtl .header .has-arrow .dropdown-toggle:after {
    border-left: 2px solid #fff;
    border-right: 0;
}
.rtl .header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
/* RTL Sidebar */
.rtl .sidebar {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 1px solid transparent;
}
.rtl .sidebar-menu li a {
    text-align: right;
}
.rtl .menu-title {
    text-align: right;
}
.rtl .sidebar-menu ul ul a {
    padding-left: 0;
    padding-right: 50px;
}
.rtl .sidebar-menu ul ul ul a {
    padding-left: 0;
    padding-right: 70px;
}
.rtl .sidebar-menu ul ul ul ul a {
    padding-left: 0;
    padding-right: 90px;
}
.rtl .sidebar .sidebar-menu > ul > li > a span {
    margin-left: 0;
    margin-right: 15px;
}
.rtl .sidebar-menu .menu-arrow {
    right: auto;
    left: 15px;
}
.rtl .sidebar-menu .menu-arrow:before {
    content: "\f104";
}
.rtl .sidebar-menu li a.subdrop .menu-arrow {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.rtl .noti-dot:before,
.rtl .noti-dot:after {
    right: auto;
    left: 37px;
}

/* RTL Content */
/* Sidebar minimized state */
.rtl .mini-sidebar{
    width: 60px; /* Adjust this value based on your minimized sidebar width */
}

.rtl .page-wrapper {
    transition: margin 0.3s ease; /* Smooth transition for margin change */
}

/* Adjust the page-wrapper margin when sidebar is minimized */
.rtl .mini-sidebar .page-wrapper {
    margin-right: 60px; /* Match this value to the minimized sidebar width */
}




/* RTL Activity Section */
.rtl .activity-list {
    margin: 0 10px 0 0;
}

.rtl .activity .activity-list > li .activity-user {
    left: auto;
    right: 8px;
}

.rtl .activity .activity-list > li .activity-content {
    margin: 0 40px 0 0;
}

.rtl .activity-list::before {
    left: auto;
    right: 23px;
}

.rtl .activity .activity-list li::before {
    left: auto;
    right: 22px;
}

.rtl .activity-list li::before {
    left: auto;
    right: 8px;
}

.rtl .activity-list > li .activity-user {
    left: auto;
    right: -7px;
}

.rtl .activity-list > li .activity-content {
    margin: 0 40px 20px 0;
}

/* RTL Select2 Dropdowns */
.rtl .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 7px;
}

.rtl .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 15px;
    padding-left: 30px;
}

/* RTL Nav Tabs */
.rtl .nav-tabs > li > a {
    margin-right: 0;
    margin-left: 0;
}

.rtl .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    margin-left: 0;
}

.rtl .nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a {
    border-radius: 50px;
}

/* RTL Holidays and Delete Modal */
.rtl .form-header {
    text-align: right;
}

.rtl .modal-btn > .row {
    margin-left: 0;
    margin-right: 0;
}

.rtl .modal-btn > .row > div {
    padding-left: 8px;
    padding-right: 8px;
}

.rtl .continue-btn,
.rtl .cancel-btn {
    text-align: center;
}

/* RTL Edit Profile */
.rtl .profile-basic {
    margin-left: 0;
    margin-right: 140px;
}

.rtl .profile-img-wrap .fileupload.btn {
    right: auto;
    left: 0;
}

.rtl .profile-img-wrap.edit-img .fileupload.btn {
    left: auto;
    right: 0;
}

/* RTL Focus Label */
.rtl .form-focus .focus-label {
    left: auto;
    right: 12px;
    transform-origin: right top;
}

.rtl .form-focus.focused .focus-label {
    left: auto;
    right: 12px;
}

.rtl .form-focus .form-control:focus ~ .focus-label,
.rtl .form-focus .form-control:-webkit-autofill ~ .focus-label {
    left: auto;
    right: 12px;
}

.rtl .form-focus.select-focus .focus-label {
    left: auto;
    right: 12px;
}

/* RTL Leave Section */
.rtl .filter-row .btn {
    text-align: center;
}

.rtl .action-label .label {
    text-align: right;
}

.rtl .action-label i {
    margin-right: 0;
    margin-left: 3px;
}

.rtl .action-label .dropdown-menu .dropdown-item {
    text-align: right;
}

/* RTL Employee Section */
.rtl .profile-widget {
    text-align: right;
}

.rtl .dropdown.profile-action {
    right: auto;
    left: 5px;
    text-align: left;
}

.rtl .profile-action .dropdown-toggle::after {
    margin-right: 0;
    margin-left: 0.255em;
}

.rtl .view-icons {
    float: left;
    margin-right: 0;
    margin-left: 10px;
}

.rtl .view-icons .btn {
    margin-right: 0;
    margin-left: 5px;
}

/* RTL Profile Section */
.rtl .profile-details {
    text-align: right;
}

.rtl .personal-info li .title {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.rtl .profile-view .profile-basic {
    margin-left: 0;
    margin-right: 140px;
    padding-right: 0;
    padding-left: 50px;
}

.rtl .profile-view .pro-edit {
    right: auto;
    left: 0;
}

.rtl .edit-icon {
    float: left;
}

.rtl .delete-icon {
    float: left;
}

.rtl .experience-list::before {
    left: auto;
    right: 8px;
}

.rtl .experience-list > li .experience-user {
    left: auto;
    right: 4px;
}

.rtl .experience-list > li .experience-content {
    margin: 0 40px 20px 0;
}

.rtl .education-list::before {
    left: auto;
    right: 8px;
}

.rtl .education-list > li .education-user {
    left: auto;
    right: 4px;
}

.rtl .education-list > li .education-content {
    margin: 0 40px 20px 0;
}

.rtl .profile-info-left {
    border-right: none;
    border-left: 2px dashed #ccc;
}

.rtl .avatar-box {
    float: right;
}

/* RTL Notifications Section */
.rtl .notifications .noti-content {
    text-align: right;
}

.rtl .notifications .media-list .media-left {
    padding-right: 0;
    padding-left: 8px;
}

.rtl .topnav-dropdown-header .notification-title {
    float: right;
}

.rtl .topnav-dropdown-header .clear-noti {
    float: left;
}

.rtl .user-menu.nav > li > a .badge {
    right: auto;
    left: 3px;
}

/* RTL Task Section */
.rtl .task-chat-view {
    border-left: none;
    border-right: 1px solid #eaeaea;
}

.rtl .task-chat-view .chat-left .chat-body {
    margin-left: 0;
    margin-right: 50px;
}

.rtl .task-header .assignee-info {
    margin-left: 0;
    margin-right: 10px;
}

.rtl .task-header .task-due-date {
    margin-left: 0;
    margin-right: 10px;
}

.rtl .task-desc-icon {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .task-complete-btn i {
    margin-right: 0;
    margin-left: 3px;
}

/* RTL Project View */
.rtl .project-user .list-item {
    text-align: right;
}

.rtl .project-files i {
    margin-right: 0;
    margin-left: 10px;
}

/* RTL Payslip Section */
.rtl .payslip-title {
    text-align: right;
}

/* RTL Attendance Section */
.rtl .punch-det {
    text-align: right;
}

.rtl .stats-info {
    text-align: right;
}

.rtl .recent-activity .res-activity-list {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .recent-activity .res-activity-list li:before {
    left: auto;
    right: -30px;
}

.rtl .recent-activity .res-activity-list:after {
    left: auto;
    right: 4px;
}

/* RTL Contacts Header */
.rtl .contacts-header .user-info a {
    text-align: right;
}

.rtl .contacts-header .navbar {
    text-align: right;
}

/* RTL Contacts List */
.rtl .contacts-list {
    padding: 0 20px 0 70px;
}

.rtl .contact-list > li {
    text-align: right;
}

.rtl .contact-type {
    left: auto;
    right: 0;
}

.rtl .contact-info {
    padding: 0 50px 0 30px;
}

.rtl .contact-action {
    right: auto;
    left: 0;
    text-align: left;
}

.rtl .contact-action .dropdown-menu {
    left: 0;
    right: auto;
}

/* RTL Contact Alphabets */
.rtl .contact-alphapets {
    border-left: none;
    border-right: 1px solid #ddd;
    left: 0;
    right: auto;
}

.rtl .alphapets-inner a {
    text-align: right;
}

/* RTL Leave Row */


.rtl .leave-row .leave-left {
    text-align: right;
}

.rtl .leave-row .leave-right {
    justify-content: start;
    text-align: left;
}

.rtl .leave-right .btn + .btn {
    margin-left: 0;
    margin-right: 10px;
}

/* RTL Leave Header */


.rtl .leave-header .title {
    text-align: right;
    margin-left: auto;  /* Pushes it to the right */
}

.rtl .leave-header .leave-action {
    text-align: left;
    margin-right: auto; /* Pushes it to the left */
}

/* RTL Leave Table */
.rtl .leave-table .l-name,
.rtl .leave-table .l-days {
    text-align: right;
}

/* RTL Leave Dual List */
.rtl .leave-duallist {
    text-align: right;
}

/* RTL Payroll Items */
.rtl .table-radius.table thead td,
.rtl .table-radius.table thead th {
    text-align: center;
}

.rtl .table-radius.table tbody td,
.rtl .table-radius.table tbody th {
    text-align: center;
}

/* RTL Error Page */
.rtl .error-box {
    text-align: right;
}

/* RTL Lock Screen */
.rtl .lock-user {
    text-align: right;
}

/* RTL OTP */
.rtl .otp-input {
    margin-right: 0;
    margin-left: 15px;
}

.rtl .otp-input:last-child {
    margin-left: 0;
}

.rtl .set-btn {
    text-align: right;
}

/* RTL Components */
.rtl .comp-buttons .btn {
    margin-right: 0;
    margin-left: 5px;
}

.rtl .comp-dropdowns .btn-group {
    margin-right: 0;
    margin-left: 5px;
}

/* RTL Search */
.rtl .top-nav-search form {
    text-align: right;
}

.rtl .top-nav-search .btn {
    right: auto;
    left: 0;
}

.rtl .search-result {
    text-align: right;
}

/* RTL Knowledgebase */
.rtl .topics .topic-title {
    padding: 0 0 0 25px;
}

.rtl .topics .topics-list li a {
    padding-left: 0;
    padding-right: 25px;
}

.rtl .topics .topics-list li:before {
    left: auto;
    right: 0;
}

.rtl .widget-category li a {
    padding-left: 0;
    padding-right: 25px;
}

.rtl .widget-category li:before {
    left: auto;
    right: 0;
}

/* RTL FAQ */
.rtl .faq-card .card .card-header h4 > a {
    padding-right: 0;
    padding-left: 60px;
}

.rtl .faq-card .card .card-header h4 > a:after {
    right: auto;
    left: 0;
}

/* Swap margin-right to margin-left */
.kanban-list {
    margin-left: 30px;
    margin-right: 0;
}
.kanban-list:last-child {
    margin-left: 0;
}

/* Align text to the right */
.task-header, .task-board-header, .kanban-header, .file-header, .file-cont-header {
    text-align: right;
}

/* Swap padding-right to padding-left */
.task-header, .task-board-header, .kanban-header, .file-header, .file-cont-header {
    padding-left: 20px;
    padding-right: 20px;
}

/* Swap margin-right to margin-left for progress bars */
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress {
    margin-left: 10px;
    margin-right: 0;
}

/* Swap margin-left to margin-right for icons */
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer .ks-icon {
    margin-left: 3px;
    margin-right: 0;
}

/* Swap margin-left to margin-right for task amounts */
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer > .task-users > .ks-amount {
    margin-right: 3px;
    margin-left: 0;
}

/* Swap float: right to float: left */
.board-view-header .view-icons {
    float: left;
}

/* Swap border-right to border-left */
.file-wrap .file-sidebar {
    border-left: 1px solid #e0e3e4;
    border-right: none;
}

/* Swap padding-left to padding-right for input fields */
.file-wrap .file-sidebar .file-search .input-group .form-control {
    padding-right: 36px;
    padding-left: 0;
}

/* Swap padding-right to padding-left for icons */
.file-menu li a i {
    padding-left: 10px;
    padding-right: 0;
}

/* Swap right to left for dropdown positioning */
.dropdown-file {
    left: 10px;
    right: auto;
}

@media only screen and (min-width: 991px) {
    .rtl #toggle_btn {
        float: right; /* Flip float for RTL */
    }
}

@media only screen and (max-width: 991.98px) {
    .rtl .header .header-left {
        float: right; /* Flip float for RTL */
    }
    .rtl .user-menu {
        float: left; /* Flip float for RTL */
    }
}

@media only screen and (min-width: 991px) {
    .rtl #toggle_btn {
        padding: 0 10px 0 0; /* Flip padding for RTL */
    }
}

@media only screen and (max-width: 991.98px) {
    .rtl .sidebar {
        margin-left: 0; /* Reset LTR margin */
        margin-right: -225px; /* Add RTL margin */
    }
    .rtl .page-wrapper {
        margin-left: 0; /* Reset LTR margin */
        margin-right: 0; /* Add RTL margin */
    }
}

@media only screen and (max-width: 991.98px) {
    .rtl .sidebar {
        left: auto; /* Reset LTR positioning */
        right: -225px; /* Add RTL positioning */
    }
    .rtl .page-wrapper {
        left: auto; /* Reset LTR positioning */
        right: 0; /* Add RTL positioning */
    }
}

@media only screen and (min-width: 991px) {
    .rtl .page-title-box {
        text-align: right; /* Align text to the right for RTL */
    }
}

@media only screen and (max-width: 991.98px) {
    .rtl .header .header-left {
        text-align: right; /* Align text to the right for RTL */
    }
}

@media only screen and (min-width: 991px) {
    .rtl .header .dropdown-menu {
        left: auto; /* Reset LTR positioning */
        right: 0; /* Add RTL positioning */
    }
}

@media only screen and (max-width: 991.98px) {
    .rtl .header .dropdown-menu {
        left: auto; /* Reset LTR positioning */
        right: -48px; /* Add RTL positioning */
    }
}


@media only screen and (max-width: 991.98px) {
    .rtl .sidebar {
        left: auto; /* Reset LTR positioning */
        right: -225px; /* Add RTL positioning */
    }
    .rtl .page-wrapper {
        margin-left: 0; /* Reset LTR margin */
        margin-right: 0; /* Add RTL margin */
    }
}

/* RTL Media Queries */
@media only screen and (min-width: 991px) {
    .rtl #toggle_btn {
        float: right; /* Flip float for RTL */
        padding: 0 10px 0 0; /* Flip padding for RTL */
    }
    .rtl .page-title-box {
        text-align: right; /* Align text to the right for RTL */
    }
    .rtl .header .dropdown-menu {
        left: auto; /* Reset LTR positioning */
        right: 0; /* Add RTL positioning */
    }
    
}

@media only screen and (max-width: 991.98px) {
    .rtl .header .header-left {
        float: right; /* Flip float for RTL */
        text-align: right; /* Align text to the right for RTL */
    }
    .rtl .user-menu {
        float: left; /* Flip float for RTL */
    }
    .rtl .sidebar {
        left: auto; /* Reset LTR positioning */
        right: -225px; /* Add RTL positioning */
        margin-left: 0; /* Reset LTR margin */
        margin-right: -225px; /* Add RTL margin */
    }
    .rtl .header .dropdown-menu {
        left: auto; /* Reset LTR positioning */
        right: -48px; /* Add RTL positioning */
    }
}

.rtl .mobile_btn {
    float: right; /* Changed from left to right */
}

.rtl a.mobile_btn {
    color: #fff;
    font-size: 24px;
    height: 60px;
    right: 0; /* Changed from left to right */
    line-height: 60px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 10;
}

.rtl .mobile-user-menu {
    color: #fff;
    float: left !important; /* Force override */
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    position: absolute;
    left: 0 !important; /* Force override */
    right: auto !important; /* Reset right positioning */
    text-align: left !important; /* Force override */
    top: 0;
    width: 60px;
    z-index: 10;
}

.rtl .mobile-user-menu > a {
    color: #fff;
    padding: 0;
}

.rtl .mobile-user-menu a:hover {
    color: #fff;
}

.rtl .mobile-user-menu > .dropdown-menu {
    min-width: 130px;
}

.rtl .mobile-user-menu > .dropdown-menu > a {
    line-height: 23px;
}

.rtl .navbar-nav .open .dropdown-menu {
    float: right;
    position: absolute;
}


/* Mobile menu positioning */
.mobile-user-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
}

/* Adjust for RTL layout */
.rtl .mobile-user-menu .dropdown-menu {
    right: auto !important;
    left: 0 !important;
}

/* Mobile-specific adjustments */
@media (max-width: 991.98px) {
    /* LTR mode on mobile */
    html:not(.rtl) .sidebar-menu {
        transform: translateX(-100%);
        left: 0;
        right: auto;
    }

    /* RTL mode on mobile */
    html.rtl .sidebar-menu {
        transform: translateX(100%);
        right: 0;
        left: auto;
    }


    .rtl .sidebar-menu {
        position: fixed;
        top: 60px;
        bottom: 0;
        width: 230px; /* Full sidebar width */
        background-color: #1E3A8A;
        z-index: 1001;
        overflow-y: auto;
        transition: transform 0.3s ease; /* Only transition transform */
    }
    
    /* Sidebar Closed State for RTL */
    .rtl .sidebar-menu.closed {
        transform: translateX(-230px); /* Move sidebar fully off-screen to the left */
        /* Do not set width or padding to 0 here */
    }
    
    /* Sidebar Opened State */
    .rtl .sidebar-menu.opened {
        transform: translateX(0); /* Fully visible */
    }
}

@media only screen and (min-width: 991px) {
    #toggle_btn {
        color: #999;
        float: right; /* Changed from left to right */
        font-size: 26px;
        line-height: 60px;
        padding: 0 10px;
    }
    .mini-sidebar .header-left .logo img {
        height: auto;
        max-height: 30px;
        width: auto;
    }
    .mini-sidebar .header .header-left {
        padding: 0 5px;
        width: 60px;
    }
    .mini-sidebar .sidebar {
        width: 60px;
        left: auto; /* Ensure sidebar is on the right */
        right: 0; /* Ensure sidebar is on the right */
    }
    .mini-sidebar.expand-menu .sidebar {
        width: 230px;
    }
    .mini-sidebar .menu-title {
        visibility: hidden;
        white-space: nowrap;
    }
    .mini-sidebar.expand-menu .menu-title {
        visibility: visible;
    }
    .mini-sidebar .menu-title a {
        visibility: hidden;
    }
    .mini-sidebar.expand-menu .menu-title a {
        visibility: visible;
    }
    .mini-sidebar .sidebar .noti-dot:before {
        display: none;
    }
    .mini-sidebar .sidebar .noti-dot:after {
        display: none;
    }
    .mini-sidebar.expand-menu .sidebar .noti-dot:before {
        display: block;
    }
    .mini-sidebar.expand-menu .sidebar .noti-dot:after {
        display: block;
    }
    .modal-open.mini-sidebar .sidebar {
        z-index: 1001;
    }
    .mini-sidebar .sidebar .sidebar-menu ul > li > a span {
        display: none;
        transition: all 0.2s ease-in-out;
        opacity: 0;
    }
    .mini-sidebar .sidebar .sidebar-menu ul > li > a span.chat-avatar-sm {
        display: inline-block;
        opacity: 1;
    }
    .mini-sidebar .sidebar .sidebar-menu ul > li > a span.status {
        display: inline-block;
        opacity: 1;
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu ul > li > a span {
        display: inline;
        opacity: 1;
    }
    
    .mini-sidebar .sidebar .sidebar-menu > ul > li > a i {
        margin-inline-start: -10px; /* Adds spacing between the icon and the start edge */
        font-size: 30px;
        width: 30px;
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li > a i {
        font-size: 24px;
        width: 20px;
    }
    
    .mini-sidebar .page-wrapper {
        margin-left: 0; /* Changed from 60px to 0 */
        margin-right: 60px; /* Added margin-right for RTL */
    }

    /* Add padding to the start (left in RTL) */
    .mini-sidebar .sidebar .sidebar-menu ul > li > a {
        padding-inline-start: 10px; /* Ensures some spacing between icons and the edge */
        padding-inline-end: 10px; /* Optional, for balance in RTL layouts */
    }
    .mini-sidebar.expand-menu .sidebar .sidebar-menu ul > li > a {
        padding-inline-start: 40px; /* Increase padding when expanded */
    }
}

@media only screen and (max-width: 991.98px) {
	.profile-rightbar {
		display: inline-block !important;
	}
	.profile-info-left {
		border-left: none; /* Changed from border-right */
		border-bottom: 2px dashed #ccc;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.profile-bg {
		height: 280px;
	}
	.profile-view .profile-basic {
		margin-right: 0; /* Changed from margin-left */
		padding-left: 0; /* Changed from padding-right */
	}
	.profile-img-wrap {
		position: relative;
		margin: 0 auto;
	}
	.profile-info-left {
		text-align: right; /* Changed from center */
	}
	.profile-basic {
		margin-right: 0; /* Changed from margin-left */
		margin-top: 15px;
	}
}
.rtl .pricing-box {
    text-align: center;
}
.rtl .pricing-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right; /* RTL adjustment */
}
.rtl .pricing-box ul li {
    line-height: 35px;
}
.rtl .pricing-box ul li i {
    color: #00bf6f;
    margin-left: 5px; /* RTL adjustment */
    margin-right: 0; /* RTL adjustment */
}
.rtl .equal-height-cards > div > div.card {
    height: 100%;
    text-align: right; /* RTL adjustment */
}
.rtl .mb-30 {
    margin-bottom: 30px !important;
}

.rtl .btn-group .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px; /* Adjust border radius for RTL */
    border-bottom-right-radius: 4px;
}

.rtl .btn-group .btn:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px; /* Adjust border radius for RTL */
    border-bottom-left-radius: 4px;
}

.rtl .fa-forward,
.rtl .fa-chevron-right,
.rtl .fa-chevron-left,
.rtl .fa-backward {
    transform: scaleX(-1); /* Flip horizontally */
}

.rtl .pricing-box ul {
	text-align: right;
}

/* RTL Base Direction */
html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Map styles - RTL adjustments */
html[dir="rtl"] #locationMap {
  text-align: right;
}

html[dir="rtl"] .location-coordinates {
  left: auto;
  right: 15px;
}

/* Section title - RTL adjustments */
html[dir="rtl"] .section-title {
  flex-direction: row-reverse;
}

/* Dynamic form styles - RTL adjustments */
html[dir="rtl"] .form-group-header {
  flex-direction: row-reverse;
}

html[dir="rtl"] .form-group-controls {
  flex-direction: row-reverse;
}

html[dir="rtl"] .primary-indicator {
  right: auto;
  left: 20px;
}

/* Form elements - RTL adjustments */
html[dir="rtl"] .form-control {
  text-align: right;
}

html[dir="rtl"] .form-select {
  background-position: left 0.75rem center;
  padding-right: 0.75rem;
  padding-left: 2.25rem;
}

/* Buttons with icons - RTL adjustments */
html[dir="rtl"] .btn-add {
  flex-direction: row-reverse;
}

/* Spinner - RTL adjustments */
html[dir="rtl"] .spinner {
  margin-right: 0;
  margin-left: 8px;
}

/* Network type badges - RTL adjustments */
html[dir="rtl"] .network-type-badge {
  margin-left: 0;
  margin-right: 10px;
}

/* Location type badges - RTL adjustments */
html[dir="rtl"] .location-type-badge {
  margin-left: 0;
  margin-right: 10px;
}

/* Responsive design - RTL adjustments */
@media (max-width: 768px) {
  html[dir="rtl"] .form-group-header {
    align-items: flex-end;
  }
  
  html[dir="rtl"] .form-group-controls {
    justify-content: flex-start;
  }
}

#label1, #label2, #label3, #label4{
        text-align: right;
      }