/**
 * Admin tasks RTL — loaded by siba_webkit. Do not edit Perfex core.
 * Applies when html[dir=rtl] / body.rtl (native or forced on /admin/tasks).
 */

html[dir="rtl"] body.tasks #wrapper .content,
body.rtl.tasks #wrapper .content,
body.siba-tasks-rtl #wrapper .content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body.tasks ._buttons .pull-left,
body.rtl.tasks ._buttons .pull-left,
body.siba-tasks-rtl ._buttons .pull-left {
    float: right !important;
}

html[dir="rtl"] body.tasks ._buttons .pull-right,
body.rtl.tasks ._buttons .pull-right,
body.siba-tasks-rtl ._buttons .pull-right {
    float: left !important;
}

html[dir="rtl"] body.tasks ._buttons .tw-ml-1,
body.rtl.tasks ._buttons .tw-ml-1,
body.siba-tasks-rtl ._buttons .tw-ml-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

html[dir="rtl"] body.tasks ._buttons .tw-mr-1,
body.rtl.tasks ._buttons .tw-mr-1,
body.siba-tasks-rtl ._buttons .tw-mr-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

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

html[dir="rtl"] body.tasks .dataTables_wrapper,
body.rtl.tasks .dataTables_wrapper,
body.siba-tasks-rtl .dataTables_wrapper {
    direction: rtl;
}

html[dir="rtl"] body.tasks table.dataTable thead th,
html[dir="rtl"] body.tasks table.dataTable tbody td,
body.rtl.tasks table.dataTable thead th,
body.rtl.tasks table.dataTable tbody td,
body.siba-tasks-rtl table.dataTable thead th,
body.siba-tasks-rtl table.dataTable tbody td {
    text-align: right;
}

html[dir="rtl"] body.tasks #kan-ban-tab #kan-ban,
body.rtl.tasks #kan-ban-tab #kan-ban,
body.siba-tasks-rtl #kan-ban-tab #kan-ban {
    direction: rtl;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    float: none;
    width: max-content;
    min-width: 100%;
}

html[dir="rtl"] body.tasks #kan-ban-tab .kan-ban-col,
body.rtl.tasks #kan-ban-tab .kan-ban-col,
body.siba-tasks-rtl #kan-ban-tab .kan-ban-col {
    float: none;
    margin-right: 0;
    margin-left: 6px;
}

html[dir="rtl"] body.tasks #kan-ban-tab .kan-ban-col:last-child,
body.rtl.tasks #kan-ban-tab .kan-ban-col:last-child,
body.siba-tasks-rtl #kan-ban-tab .kan-ban-col:last-child {
    margin-left: 0;
}

html[dir="rtl"] body.tasks #kan-ban .panel-body .task-name,
body.rtl.tasks #kan-ban .panel-body .task-name,
body.siba-tasks-rtl #kan-ban .panel-body .task-name {
    background-position: right 10px top 10px;
    padding-left: 0;
    padding-right: 25px;
}

html[dir="rtl"] body.tasks .ms-task .sortable,
body.rtl.tasks .ms-task .sortable,
body.siba-tasks-rtl .ms-task .sortable {
    background-position: right 1px top 2px;
    padding-left: 0;
    padding-right: 14px;
}

html[dir="rtl"] body.tasks .kan-ban-expand-top,
body.rtl.tasks .kan-ban-expand-top,
body.siba-tasks-rtl .kan-ban-expand-top {
    right: auto;
    left: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 6px;
}

html[dir="rtl"] body.tasks #kan-ban .border-right:last-child,
body.rtl.tasks #kan-ban .border-right:last-child,
body.siba-tasks-rtl #kan-ban .border-right:last-child {
    border-left: 0;
}

html[dir="rtl"] .task-single-col-right,
body.rtl .task-single-col-right {
    border-left: 0;
    border-right: 1px solid #e5e7eb;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 6px;
}

html[dir="rtl"] .task-single-col-left,
body.rtl .task-single-col-left {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
}

html[dir="rtl"] .task-single-col-right .task-menu-options,
body.rtl .task-single-col-right .task-menu-options {
    right: auto;
    left: 10px;
}

html[dir="rtl"] .remove-task-user,
body.rtl .remove-task-user {
    left: auto;
    right: 12px;
}

html[dir="rtl"] .task-modal-single .task-m-close,
body.rtl .task-modal-single .task-m-close {
    margin-right: 0;
    margin-left: 43px;
}

html[dir="rtl"] .checkbox.checklist-checkbox label::before,
body.rtl .checkbox.checklist-checkbox label::before {
    margin-left: 0;
    margin-right: -21px;
}

html[dir="rtl"] .checkbox.checklist-checkbox label::after,
body.rtl .checkbox.checklist-checkbox label::after {
    margin-left: 0;
    margin-right: -20px;
    padding-left: 0;
    padding-right: 4.5px;
}

html[dir="rtl"] .checklist,
body.rtl .checklist {
    padding: 5px 5px 5px 15px;
}

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