/**
 * Wroke website RTL overrides
 * Loaded only when html[dir="rtl"] (Arabic locale).
 * Prefer this file for all direction flips — keep LTR base styles in style.css.
 */

/* -------------------------------------------------------------------------- */
/* Base                                                                        */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

/* Flip directional icons */
html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-long-arrow-left,
html[dir="rtl"] .fa-long-arrow-right,
html[dir="rtl"] .fa-caret-left,
html[dir="rtl"] .fa-caret-right {
    transform: scaleX(-1);
}

/* -------------------------------------------------------------------------- */
/* Aside / sidebar                                                             */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .aside_menu {
    right: 0;
    left: auto;
    border-right: 0;
    border-left: 1px solid rgb(206 206 206 / 50%);
}

html[dir="rtl"] .main_menu > li > a span small {
    margin-left: 0;
    margin-right: 15px;
}

html[dir="rtl"] .aside_menu.aside-minimize .menu-toggle {
    right: auto;
    left: -10.5px;
    transform: scale(1);
}

html[dir="rtl"] .aside_financial {
    left: auto;
    right: 70px;
}

/* -------------------------------------------------------------------------- */
/* Content body / header                                                       */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .content-body {
    padding-left: 0;
    padding-right: 250px;
}

html[dir="rtl"] .content-body.content-body-minimize {
    padding-left: 0;
    padding-right: 70px;
}

html[dir="rtl"] .content-financial {
    padding-left: 0;
    padding-right: 320px;
}

html[dir="rtl"] .content-financial .main-header {
    right: 320px;
    left: 0;
    width: calc(100% - 320px);
}

/* Header bar: pin to viewport (fixed + padding alone breaks in RTL) */
html[dir="rtl"] .main-header {
    right: 250px;
    left: 0;
    width: calc(100% - 250px);
}

html[dir="rtl"] .content-body.content-body-minimize .main-header {
    right: 70px;
    width: calc(100% - 70px);
}

html[dir="rtl"] .header_title,
html[dir="rtl"] .name-proj.header_title,
html[dir="rtl"] .txt-name-proj {
    text-align: right;
}

html[dir="rtl"] .txt-name-proj h5,
html[dir="rtl"] .txt-name-proj p {
    text-align: right;
}

/* Keep icons packed to the outer (start/end) edge — do not flip to flex-start */
html[dir="rtl"] .lst-menu {
    justify-content: flex-end;
}

html[dir="rtl"] .lst-menu > ul {
    flex-direction: row;
}

html[dir="rtl"] .dta-content,
html[dir="rtl"] .dta-content h5,
html[dir="rtl"] .dta-content p {
    text-align: right;
}

html[dir="rtl"] .dta-content p {
    flex-direction: row;
}

html[dir="rtl"] .dta-content p i {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .tg-notif.has-unread:before {
    right: auto;
    left: 0;
}

html[dir="rtl"] .dropdown:nth-child(2) .tg-notif.has-unread:before {
    left: -2px;
    right: auto;
}

html[dir="rtl"] .lst-proflie {
    margin-left: 0;
    margin-right: 20px;
    padding-right: 0;
    padding-left: 20px;
}

html[dir="rtl"] .lst-proflie:before {
    left: auto;
    right: -25px;
}

html[dir="rtl"] .lst-proflie .dropdown-toggle {
    flex-direction: row;
}

html[dir="rtl"] .lst-proflie .dropdown-toggle:before {
    right: auto;
    left: -20px;
}

html[dir="rtl"] .lst-proflie .txt-profile h5,
html[dir="rtl"] .lst-proflie .txt-profile p {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu.dropmenu-profile {
    left: 0 !important;
    right: auto !important;
    transform: translate(0, 47px) !important;
}

html[dir="rtl"] .dropdown-menu.dropmenu-profile .lst-prof li a,
html[dir="rtl"] .workspace-switcher-card {
    text-align: right;
}

html[dir="rtl"] .user-prof {
    flex-direction: row;
    text-align: right;
}

html[dir="rtl"] .txt-user-prof h5,
html[dir="rtl"] .txt-user-prof p {
    text-align: right;
}

html[dir="rtl"] .lst-prof li a {
    flex-direction: row;
    text-align: right;
}

html[dir="rtl"] .sec-head-dropdown {
    flex-direction: row;
}

html[dir="rtl"] .dtls-chat span {
    right: auto;
    left: 0;
}

html[dir="rtl"] .status-noti {
    right: auto;
    left: -3px;
}

html[dir="rtl"] .dtls-noti,
html[dir="rtl"] .dtls-chat,
html[dir="rtl"] .dtls-reminder {
    padding-left: 0;
    padding-right: 15px;
    text-align: right;
}

html[dir="rtl"] .form-search .form-group .form-control {
    padding-left: 0.75rem;
    padding-right: 20px;
}

html[dir="rtl"] .form-search .form-group .icon {
    left: auto;
    right: 0;
}

html[dir="rtl"] .filter-proj > li:not(:last-child):before {
    right: auto;
    left: -15px;
}

html[dir="rtl"] .filter-proj .dropdown {
    padding-right: 0;
    padding-left: 20px;
}

html[dir="rtl"] .dropdown .dropdown-toggle::after {
    right: auto;
    left: 0;
}

html[dir="rtl"] .sec-head h2 span {
    right: auto;
    left: -40px;
}

/* -------------------------------------------------------------------------- */
/* Buttons                                                                     */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .btn-site span i,
html[dir="rtl"] .btn-site span svg {
    margin-left: 0;
    margin-right: 0;
}

/* Task detail header icon buttons + comment send: keep glyphs centered */
html[dir="rtl"] .opt-task-mdl .btn-site.btn-oth,
html[dir="rtl"] .opt-task-mdl .btn-site.close-modal,
html[dir="rtl"] .btn-comment-send {
    padding: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="rtl"] .opt-task-mdl .btn-site.btn-oth span,
html[dir="rtl"] .opt-task-mdl .btn-site.close-modal span,
html[dir="rtl"] .btn-comment-send span {
    margin: 0;
    gap: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="rtl"] .opt-task-mdl .btn-site.btn-oth span i,
html[dir="rtl"] .opt-task-mdl .btn-site.close-modal span i,
html[dir="rtl"] .btn-comment-send span i,
html[dir="rtl"] .btn-comment-send span svg {
    margin: 0 !important;
}

html[dir="rtl"] .btn-comment-send .icon-send {
    transform: scaleX(-1);
}

html[dir="rtl"] .task-comment-composer-footer:not(.task-comment-composer-footer--edit) .btn-comment-send {
    justify-self: start;
}

html[dir="rtl"] .task-comment-composer-hint {
    text-align: right;
}

html[dir="rtl"] .card-task .d-flex,
html[dir="rtl"] .card-task,
html[dir="rtl"] .name-task h3,
html[dir="rtl"] .task-meta-dates,
html[dir="rtl"] .editor-container > span,
html[dir="rtl"] .head-checklist h6,
html[dir="rtl"] .head-cont-attachments h6 {
    text-align: right;
}

html[dir="rtl"] .task-detail-modal-header {
    flex-direction: row;
}

html[dir="rtl"] .btn-site:before,
html[dir="rtl"] .btn-site:hover:before {
    left: auto;
    right: -10px;
    transform: skew(10deg);
}

html[dir="rtl"] .btn-send svg,
html[dir="rtl"] .opt-succ .btn-site span svg,
html[dir="rtl"] .navigation-buttons .btn-site span svg {
    margin-left: 0;
    margin-right: 15px;
}

html[dir="rtl"] .prev.btn-site span svg {
    margin-right: 0;
    margin-left: 15px;
}

/* -------------------------------------------------------------------------- */
/* Forms / modals / select2                                                    */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .form-modal .d-flex .form-group:first-child {
    padding-right: 0;
    padding-left: 0;
}

/* Bootstrap LTR close-btn uses margin-left:auto, which in RTL pulls the X next to the title */
html[dir="rtl"] .modal-header .btn-close,
html[dir="rtl"] .offcanvas-header .btn-close,
html[dir="rtl"] .toast-header .btn-close {
    margin-left: -0.5rem;
    margin-right: auto;
}

html[dir="rtl"] .wroke-app-modal .modal-header .btn-close {
    margin: 0;
}

html[dir="rtl"] .modal-sm .modal-header .btn-close,
html[dir="rtl"] #forwardMessageModal .modal-sm .modal-header .btn-close {
    right: auto;
    left: 20px;
}

html[dir="rtl"] #forwardMessageModal .modal-sm .modal-header .btn-close {
    left: 30px;
}

html[dir="rtl"] .required:before {
    right: auto;
    left: -10px;
}

html[dir="rtl"] .form-modal .form-group .form-control {
    padding-left: 0.75rem !important;
    padding-right: 55px !important;
}

html[dir="rtl"] .select2-container--default .select2-selection--multiple,
html[dir="rtl"] .select2-container--default .select2-selection--single {
    padding-left: 0.75rem;
    padding-right: 55px;
}

html[dir="rtl"] .form-group .custom-select {
    padding-left: 0.75rem;
    padding-right: 55px;
}

html[dir="rtl"] .selected-items .tag {
    padding: 7px 7px 7px 30px;
}

html[dir="rtl"] .selected-items .tag .remove {
    right: auto;
    left: 7px;
}

html[dir="rtl"] .form-modal .form-group > i {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .form-modal .form-group:before {
    left: auto;
    right: 44px;
}

html[dir="rtl"] .form-modal .form-group .errorSpan {
    right: auto;
    left: auto;
}

html[dir="rtl"] .errorSpan {
    right: auto;
    left: 0;
}

html[dir="rtl"] .btn-modal li:first-child {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-left: 0;
    margin-right: 5px;
    padding: 7px 7px 7px 30px;
}

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .form-filter .select2-container--default .select2-selection--multiple,
html[dir="rtl"] .form-filter .select2-container--default .select2-selection--single {
    padding-left: 0;
    padding-right: 5px;
}

html[dir="rtl"] .file-item {
    padding: 8px 15px 8px 50px;
}

html[dir="rtl"] .file-item img {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .password-input-wrapper .password-toggle-btn,
html[dir="rtl"] .show-password {
    right: auto;
    left: 15px;
}

html[dir="rtl"] .form-sign .form-group .form-control {
    padding-left: 0.75rem;
    padding-right: 60px;
}

html[dir="rtl"] .form-sign .form-group > i {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .form-sign .form-group:before {
    left: auto;
    right: 45px;
}

html[dir="rtl"] .form-sign .form-group .lst-many .cbx {
    padding-left: 0.75rem;
    padding-right: 60px;
}

html[dir="rtl"] .form-sign .form-group .lst-many .cbx span {
    left: auto;
    right: 15px;
}

html[dir="rtl"] .form-sign .form-group .lst-many .cbx:before {
    left: auto;
    right: 45px;
}

html[dir="rtl"] .form-sign .form-group .lst-pay .cbx {
    padding-left: 0.75rem;
    padding-right: 40px;
}

html[dir="rtl"] .head-calender .d-flex .form-control {
    padding: 10px 20px 10px 35px;
}

html[dir="rtl"] .head-calender .d-flex span::after {
    right: auto;
    left: 15px;
}

/* -------------------------------------------------------------------------- */
/* Dropdowns                                                                   */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}

html[dir="rtl"] .dropdown-menu.dropdown-big,
html[dir="rtl"] .dropdown-filter {
    right: auto !important;
    left: -20px !important;
}

html[dir="rtl"] .options-container .dropdown-menu {
    inset: 10px auto auto -10px !important;
}

html[dir="rtl"] .li-checklist .dropdown-menu {
    inset: 7px auto auto -7px !important;
}

html[dir="rtl"] .member-msg .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

/* -------------------------------------------------------------------------- */
/* Projects / tasks / calendar                                                 */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .timeline-calender {
    border-right: 0;
    border-left: 1px solid rgba(206, 206, 206, .5);
}

html[dir="rtl"] .timeline-calender span:before,
html[dir="rtl"] .timeline-calender span:after {
    left: auto;
    right: 80px;
}

html[dir="rtl"] .card-event {
    border-left: 0;
    border-right: 5px solid var(--main-color);
    border-radius: 5px 0 0 5px;
}

html[dir="rtl"] .status span:before {
    left: auto;
    right: -15px;
}

html[dir="rtl"] .item-task-dash span {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .list-status li {
    padding-right: 0;
    padding-left: 15px;
}

html[dir="rtl"] .list-status li:nth-child(even) {
    padding-left: 0;
}

html[dir="rtl"] .list-status .cbx p {
    padding-left: 0;
    padding-right: 20px;
}

html[dir="rtl"] .list-status .cbx p:before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .completion-rate {
    margin-left: 0;
    margin-right: 5px;
}

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

html[dir="rtl"] .content-task:not(.litst_view) .item-task .option-task {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .info-task .lst-member {
    margin-left: 0;
    margin-right: 12px;
}

html[dir="rtl"] .info-task .lst-member figure {
    margin-left: 0;
    margin-right: -12px;
}

html[dir="rtl"] .file-details h6 {
    padding-right: 0;
    padding-left: 70px;
}

html[dir="rtl"] .sec-head-check .option-task {
    right: auto;
    left: 15px;
}

html[dir="rtl"] .li-checklist .cbx span {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .li-checklist .cbx span svg {
    left: auto;
    right: 2px;
}

/* -------------------------------------------------------------------------- */
/* Comments / chat                                                             */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .form-comment .form-group .btn-site {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .form-comment .form-group.task-comment-composer .btn-site.btn-comment-send {
    left: auto;
    right: auto;
}

html[dir="rtl"] .sender-msg {
    margin-left: 0;
    margin-right: auto;
    border-radius: 12px 12px 12px 0;
}

html[dir="rtl"] .all-is-images .sender-msg {
    border-radius: 5px 5px 5px 0;
}

html[dir="rtl"] .sender-msg .oth-chat {
    left: auto;
    right: -40px;
}

html[dir="rtl"] .member-msg .oth-chat {
    right: auto;
    left: -40px;
}

html[dir="rtl"] .member-msg {
    padding-right: 0;
    padding-left: 50px;
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .member-msg .dta-memb-msg > div {
    border-radius: 12px 12px 0 12px;
}

html[dir="rtl"] #project_chat_modal .chat-jump-latest .fa-chevron-down {
    transform: rotate(180deg);
}

html[dir="rtl"] .btns-sty-chat {
    right: auto;
    left: 52px;
}

/* -------------------------------------------------------------------------- */
/* Wizard / onboarding signup                                                  */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .aside-timeline {
    left: auto;
    right: 0;
}

html[dir="rtl"] .wizard-container .tab-content {
    padding-left: 0;
    padding-right: 450px;
}

html[dir="rtl"] .timeline {
    padding: 30px 80px 30px 40px;
}

html[dir="rtl"] .step:before {
    left: auto;
    right: -30px;
}

html[dir="rtl"] .step:after {
    left: auto;
    right: -22px;
}

html[dir="rtl"] .policy-sign {
    left: auto;
    right: calc(50% + 40px);
    transform: translateX(50%);
}

/* -------------------------------------------------------------------------- */
/* Business email / misc panels                                                */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .switch-button {
    padding-right: 0;
    padding-left: 120px;
}

html[dir="rtl"] .switch-button:before {
    right: auto;
    left: 0;
}

html[dir="rtl"] .switch-button-checkbox:checked + .switch-button-label:before {
    transform: translateX(-120px);
}

html[dir="rtl"] .wroke-swal__actions.swal2-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .gantt-wroke .gantt-toolbar {
    flex-direction: row-reverse;
}

/* -------------------------------------------------------------------------- */
/* Offline toast (moved from layout inline styles)                             */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .offline-notice {
    right: auto;
    left: 20px;
    padding: 16px 56px 16px 20px;
}

html[dir="rtl"] .offline-notice.is-visible {
    animation-name: offlineToastInRtl;
}

html[dir="rtl"] .offline-notice.is-hiding {
    animation-name: offlineToastOutRtl;
}

@keyframes offlineToastInRtl {
    from {
        transform: translateX(-400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes offlineToastOutRtl {
    to {
        transform: translateX(-400px);
        opacity: 0;
    }
}

html[dir="rtl"] .offline-notice-icon {
    left: auto;
    right: 16px;
}

/* -------------------------------------------------------------------------- */
/* Tables / badges / task dropdowns                                            */
/* -------------------------------------------------------------------------- */

html[dir="rtl"] .table-container table,
html[dir="rtl"] .table,
html[dir="rtl"] .sortable-table,
html[dir="rtl"] .sortable_table {
    text-align: right;
}

html[dir="rtl"] th,
html[dir="rtl"] td {
    text-align: inherit;
}

html[dir="rtl"] .info-proj {
    text-align: right;
}

html[dir="rtl"] .txt-info-proj h6,
html[dir="rtl"] .txt-info-proj p {
    text-align: right;
}

html[dir="rtl"] .name-task,
html[dir="rtl"] .task-project-name {
    text-align: right;
}

/* Employee online/offline + project status badges */
html[dir="rtl"] .type-status {
    padding-left: 0;
    padding-right: 12px;
}

html[dir="rtl"] .type-status:before {
    left: auto;
    right: 10px;
}

html[dir="rtl"] .status-proj {
    padding: 5px 20px 5px 10px;
}

html[dir="rtl"] .status-proj:before {
    left: auto;
    right: 10px;
}

html[dir="rtl"] .status-paid,
html[dir="rtl"] .status-unpaid,
html[dir="rtl"] .status-reminder {
    padding: 5px 20px 5px 10px;
}

html[dir="rtl"] .status-paid span:before,
html[dir="rtl"] .status-unpaid span:before {
    left: auto;
    right: -12px;
}

/* Task list priority/status custom dropdowns */
html[dir="rtl"] .select-display {
    text-align: right;
}

html[dir="rtl"] .select-display:after {
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] .select-display.tag-task {
    justify-content: center;
    text-align: center;
}

html[dir="rtl"] .select-options {
    left: auto;
    right: 0;
    text-align: right;
}

html[dir="rtl"] .select-options div {
    text-align: right;
}

html[dir="rtl"] .lst-member figure,
html[dir="rtl"] .lst-member span {
    margin-left: 0;
    margin-right: -10px;
}

html[dir="rtl"] .lst-member figure:first-child,
html[dir="rtl"] .info-task .lst-member figure:first-child {
    margin-right: 0;
}

html[dir="rtl"] .completion-rate {
    margin-left: 0;
    margin-right: 5px;
}

/* Table sort icons */
html[dir="rtl"] .sortable-table thead th span:before,
html[dir="rtl"] .sortable_table thead th span:before {
    right: auto;
    left: -20px;
}

html[dir="rtl"] .body-content.no-padd .sortable-table thead th {
    padding: 13px 10px 13px 0;
}

html[dir="rtl"] .sec-head .dropdown {
    margin-left: 0;
    margin-right: 15px;
}

html[dir="rtl"] .date-activity {
    text-align: left;
}

html[dir="rtl"] .item-account .d-flex .form-group {
    padding-right: 0 !important;
    padding-left: 20px !important;
}

html[dir="rtl"] .item-account .d-flex .form-group:last-child {
    padding-left: 0 !important;
}

html[dir="rtl"] .remove-item-account {
    right: auto;
    left: 0;
}

html[dir="rtl"] .form-email label {
    padding-left: 0;
    padding-right: 20px;
}

html[dir="rtl"] .form-email label:before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .form-email .form-control {
    padding: 10px 10px 10px 60px;
}

html[dir="rtl"] .form-email .form-group > span {
    left: auto;
    right: 10px;
}

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

html[dir="rtl"] .copy-input:before {
    right: auto;
    left: 30px;
}

html[dir="rtl"] .new-select-display {
    padding-left: 8px;
    padding-right: 55px;
}

html[dir="rtl"] .section_sign_page:before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .workspace-picker-card__btn {
    text-align: right;
}

html[dir="rtl"] .workspace-picker-card__meta .icon-chevon {
    transform: scaleX(-1);
}

/* -------------------------------------------------------------------------- */
/* Project / client / employee details                                         */
/* -------------------------------------------------------------------------- */

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

html[dir="rtl"] .option-info .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}

html[dir="rtl"] .personal-info > h4,
html[dir="rtl"] .txt-prs span,
html[dir="rtl"] .txt-prs p {
    text-align: right;
}

html[dir="rtl"] .item-prs {
    text-align: right;
}

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

html[dir="rtl"] .item-feature figure {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .txt-feat,
html[dir="rtl"] .txt-feat span,
html[dir="rtl"] .txt-feat h3,
html[dir="rtl"] .txt-feat p {
    text-align: right;
}

html[dir="rtl"] .txt-feat p {
    justify-content: flex-start;
}

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

html[dir="rtl"] .breadcrumb-bar .breadcrumb a {
    padding-right: 0;
    padding-left: 15px;
}

html[dir="rtl"] .breadcrumb-bar .breadcrumb li {
    padding-right: 0;
    padding-left: 10px;
}

html[dir="rtl"] .breadcrumb-bar .breadcrumb li:last-child {
    padding-left: 0;
}

html[dir="rtl"] .breadcrumb > li:not(:last-child):before {
    right: auto;
    left: 8px;
    content: "\f100" !important;
    transform: none;
}

html[dir="rtl"] .modal-header .breadcrumb-bar .breadcrumb > li:not(:last-child):before {
    right: auto;
    left: 5px;
    content: "\f104" !important;
}

html[dir="rtl"] .modal-header .breadcrumb-bar .breadcrumb a {
    padding-right: 0;
    padding-left: 5px;
}

html[dir="rtl"] .str-header ul li a,
html[dir="rtl"] .header-info .menu-info li a,
html[dir="rtl"] .opt-proj .btn-site span {
    flex-direction: row;
}

html[dir="rtl"] .cont-activity:before {
    left: auto;
    right: 37.5px;
}

html[dir="rtl"] .abt-proj,
html[dir="rtl"] .stus-proj strong,
html[dir="rtl"] .proj-completion h4,
html[dir="rtl"] .proj-client h4 {
    text-align: right;
}

html[dir="rtl"] .pagination-wrapper {
    justify-content: flex-start;
}

html[dir="rtl"] .dta-task,
html[dir="rtl"] .dta-task h6,
html[dir="rtl"] .dta-task p,
html[dir="rtl"] .dta-task span {
    text-align: right;
}

html[dir="rtl"] .dta-task span {
    justify-content: flex-start;
}

html[dir="rtl"] .other-task div {
    flex-direction: row;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                  */
/* -------------------------------------------------------------------------- */

@media screen and (max-width: 991px) {
    html[dir="rtl"] .content-body,
    html[dir="rtl"] .content-body.content-body-minimize,
    html[dir="rtl"] .content-financial {
        padding-left: 0;
        padding-right: 0;
    }

    html[dir="rtl"] .main-header,
    html[dir="rtl"] .content-financial .main-header,
    html[dir="rtl"] .content-body.content-body-minimize .main-header {
        right: 0;
        left: 0;
        width: 100%;
    }

    html[dir="rtl"] .main_asid {
        right: auto;
        left: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    html[dir="rtl"] .main_asid.active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 480px) {
    html[dir="rtl"] .wroke-swal__actions.swal2-actions {
        flex-direction: column-reverse;
    }
}