@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-Black.woff2') format('woff2'),
    url('../fonts/dana/Dana-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-Bold.woff2') format('woff2'),
    url('../fonts/dana/Dana-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Dana ExtraBlack';
    src: url('../fonts/dana/Dana-ExtraBlack.woff2') format('woff2'),
    url('../fonts/dana/Dana-ExtraBlack.woff') format('woff');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana Hairline';
    src: url('../fonts/dana/Dana-Hairline.woff2') format('woff2'),
    url('../fonts/dana/Dana-Hairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-Light.woff2') format('woff2'),
    url('../fonts/dana/Dana-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-Medium.woff2') format('woff2'),
    url('../fonts/dana/Dana-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-Thin.woff2') format('woff2'),
    url('../fonts/dana/Dana-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-UltraLight.woff2') format('woff2'),
    url('../fonts/dana/Dana-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana/Dana-Regular.woff2') format('woff2'),
    url('../fonts/dana/Dana-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html,body, .slogan, .typewriter p, .popover, .tooltip, .pagination-nav-drop, option, .pagination-dropup, .button-actions, .list-group-item,
.title, .process-options .title-process, .process-options .description, .process-options .process-counter-total, .process-options .button-view,
.toolbar-item, .process-counter-total, .description, .title-process, .status-class-text, .detail-header-class, .custom-text, .btn-custom-info,
.form-group label, .button-custom, text, .tooltip, .text-status, .message-count {
    font-family:"Dana",Tahoma, Arial, sans-serif !important;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
body {
    direction: rtl !important;
    text-align: right !important;
}

/* Login Page */
#togglePassword {
    right: auto !important;
    left: 4%;
}
.form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}
.form-check-input {
    margin-left: 0;
    margin-right: -1.25rem;
}

/* Layout */
.ml-auto, .mx-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Tool Bar */
.ml-3, .mx-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}
.nav-tabs li.nav-item:last-of-type {
    margin-right: 0 !important;
    margin-left: 2rem;
}
#screen-builder-container .nav-tabs {
    flex-direction: row-reverse;
}
.mr-2, .modal-footer > :not(:last-child), .mx-2 {
    margin-right: 0rem !important;
    margin-left: 0.5rem !important;
}
@media (min-width: 768px) {
    .ml-md-1, .mx-md-1 {
        margin-left: auto !important;
        margin-right: 0.25rem !important;
    }
}
@media (min-width: 768px) {
    .ml-md-2, .mx-md-2 {
        margin-left:auto !important;
        margin-right: 0.5rem !important;
    }
}
@media (min-width: 768px) {
    .offset-md-3 {
        margin-left: auto !important;
        margin-right: 25%;
    }
}

/* App */
.mr-auto, .mx-auto {
    margin-left: auto !important;
    margin-right: 0px !important;
}
.mr-1, .mx-1 {
    margin-right: auto !important;
    margin-left: 0.25rem !important;
}
.ml-1, .mx-1 {
    margin-left: auto !important;
    margin-right: 0.25rem !important;
}
.ml-2, .mx-2 {
    margin-left: auto !important;
    margin-right: 0.5rem !important;
}
.mr-3, .mx-3 {
    margin-right: auto !important;
    margin-left: 1rem !important;
}
.pl-0, .px-0 {
    padding-left: 1% !important;
    padding-right: 0 !important;
}
.pl-3, .px-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}
.pr-3, .px-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}
.breadcrum-main {
    margin: -16px 0 0 -16px !important;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0.25rem !important;
}
.fa-angle-double-left:before {
    content: "\f101" !important;
}
.fa-angle-double-right:before {
    content: "\f100" !important;
}
.pm-table-filter-button {
    right: auto !important;
    left: 7px;
}
#sidebar .section {
    margin-left: auto !important;
    margin-right: 16px;
}
.fa-caret-left:before {
    content: "\f0da" !important;
}
.fa-caret-right:before {
    content: "\f0d9" !important;
}
.slide-control a {
    left: -18px !important;
}
.menu-open .slide-control a {
    left: -14px !important;
}
.custom-file-label::after {
    left: 0;
    right: auto !important;
}
.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.multiselect__tags {
    padding: 8px 8px 0 40px !important;
    text-align: right !important;
}
.multiselect__select {
    right: auto !important;
    left: 1px;
}
.multiselect__content {
    text-align: right;
}
.pagination .pagination-nav-item .fa-angle-left:before {
    content: "\f105";
}
.pagination .pagination-nav-item .fa-angle-right:before {
    content: "\f104";
}
@media (min-width: 768px) {
    .mr-md-3, .card-deck-flex .card:not(:last-child), .mx-md-3 {
        margin-right: auto !important;
        margin-left: 1rem !important;
    }
}
.ellipsis-dropdown-content {
    margin-right: -15px;
    margin-left: auto !important;
}
.dropdown-item {
    text-align: right !important;
}
.list-group-item {
    text-align: right !important;
}
@media (min-width: 992px) {
    .ml-lg-3, .mx-lg-3 {
        margin-left: auto !important;
        margin-right: 1rem !important;
    }
}
.text-right {
    text-align: left !important;
}
.text-left {
    text-align: right !important;
}
.divider {
    border-left: none !important;
    border-right: 1px solid #6c757d;
    padding-left: 0 !important;
    padding-right: 11px;
}
.button-actions {
    text-align: right !important;
    font-size: 12px !important;
}
.justify-content-end {
    justify-content: flex-start !important;
}
/* */
.node-types__item span {
    margin-left: auto !important;
    margin-right: .8rem;
}

.node-types__item .pinIcon {
 margin-right: auto;
 margin-left: unset !important;
}
#searchNodeTypes input {
    padding-left: 0 !important;
    padding-right: 30px;
}
#explorer-rail {
    padding-left: 0 !important;
    padding-right:  1rem;
}
.mini-paper-box {
    margin-right: auto !important;
    margin-left: 14px;
}
.ur-box {
    flex-direction: row-reverse;
}
.processes-table-card .pagination, .task-list-body .pagination, .data-table .pagination, #inbox-rules .pagination, #requests-listing .pagination {
    flex-direction: row-reverse !important;
}
.tw-flex.tw-items-center.tw-justify-start.tw-space-x-2.tw-text-gray-500.tw-text-sm.tw-pt-3 {
    flex-direction: row-reverse;
}
#users-listing .pagination, #listGroups .pagination, #authClients .pagination, #editUser .pagination, #request .pagination, #notifications .pagination {
    flex-direction: row !important;
}
.shared-assets-card i.fp-folder-outline {
    margin-right: auto !important;
    margin-left: 10px !important;
}
#exportProcess .card-header, #exportProcess .card-body, #importProcess .card-header {
    text-align: right !important;
}
#exportProcess .card-footer, #importProcess .card-footer {
    text-align: left !important;
}
.custom-control {
    padding-left: 0rem;
    padding-right: 1.5rem;
}
.custom-control-input {
    right: 0;
    left: auto !important;
}
.custom-control-label::before {
    left: auto !important;
    right: -1.5rem;
}
.custom-control-label::after {
    left: auto !important;
    right: calc(-1.5rem + 2px);;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.75rem) !important;
}
.search-input {
    border-left: 1px solid #CDDDEE !important;
    border-right: 0px;
}
.process-options .title-process, .process-options .description, .process-options .process-counter-total {
    text-align: right !important;
}
.input-group-prepend {
    border-left: 0;
    margin-right: auto !important;
    margin-left: -1px !important;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-group > .input-group-append > .btn-group > .btn, .input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn, .input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.pm-datetime-picker-button-datetime > button {
    border-right: 0px !important;
    border-left: 1px solid #b6bfc6 !important;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.tasks-preview .btn-group {
    flex-direction: row-reverse;
}
.tasks-preview .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.tasks-preview .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.timeline {
    background: linear-gradient(to left, transparent 0%, transparent 38px, rgb(230, 230, 230) 38px, rgb(230, 230, 230) 40px, transparent 40px, transparent 100%) !important;
}
#inspector .inspector-container {
    text-align: right !important;
}
.custom-control.custom-switch .custom-control-label {
    padding-right: 8px;
}
.dropdown-menu-right {
    left: 0 !important;
    right: auto !important;
}
#processes-catalogue .menu-mask, #processes-catalogue .menu {
    right: -100% !important;
    left: auto !important;
}
#processes-catalogue .menu {
    transition: right 0.3s !important;
}
.mobile-process-nav .right i {
    padding: 1.2em !important;
}
.mobile-process-nav .right {
    text-align: left !important;
}
.mobile-process-nav .left {
    text-align: right !important;
}
.mobile-process-nav .left i.fa-arrow-left {
    transform: rotate(180deg) !important;
    float: right;
}
#processDescription .title-process, .spacing-class .process-counter-total {
    text-align: right !important;
}
#processDescription .description {
    text-align: justify !important;
}
.dropdown-menu mobile-dropdown-menu.show {
    left: auto !important;
    right: 0 !important;
}
.bg-primary {
    background-color: #20242A !important;
}
#new-designer .fa-arrow-right {
    transform: rotate(180deg);
}
.badge {
    direction: ltr;
}
.tw-right-0 {
    right: auto !important;
    left: 0px;
}
.tw-text-left {
    text-align: right !important;
}
.bell-icon .dot {
    margin-right: -10px !important;
    margin-left: auto !important;
}
.mini-paper-container {
    right: 0;
    left: auto !important;
}
@media (max-width: 639px) {
    #processes-catalogue .menu-open .menu {
        right: 0% !important;
        left: auto !important;
    }
}
@media (max-width: 639px) {
    #processes-catalogue .menu-mask.menu-open {
        right: 0 !important;
        left: auto !important;
    }
}
@media (min-width: 640px) {
    .sm\:tw-flex-row {
        flex-direction: row-reverse !important;
    }
}