p,
span,
div,
a,
.font-comfortaa,
.btn-primary-cust,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
.ff-m,
.user-form .form-control,
.user-form .form-control::placeholder {
    font-family: "tajawal", sans-serif !important;
}

.user-form .form-control,
.user-form .form-control::placeholder {
    font-weight: 500 !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 12px;
}

body {
    font-size: 14px;
}

.fs-7 {
    font-size: 1rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.alert-dismissible .btn-close {
    left: 0;
    right: unset;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-right: 0.5em;
    margin-left: 0;
    display: inline-block;
    width: auto;
}

table.dataTable thead th:not(.text-end, .text-align-right),
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td:not(.text-end) {
    text-align: right !important;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: left !important;
}

.text-align-right {
    text-align: left !important;
}

.text-end {
    text-align: left !important;
}

#custom-report-table thead th:not(.text-end) {
    text-align: right !important;
}

#custom-report-table thead th.text-end {
    text-align: left !important;
}

#custom-report thead th:not(.text-end) {
    text-align: right !important;
}

#custom-report thead th.text-end {
    text-align: left !important;
}

#custom-report-table thead th.text-start {
    text-align: left !important;
}

#custom-report-table thead th {
    text-align: right !important;
}

@media (min-width: 992px) {
    .text-lg-end {
        text-align: left !important;
    }
}

.auto-margin {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.input-group.flatpickr {
    border: 1px solid #aeac93;
    border-radius: 5px;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 0;
    outline: none;
    overflow: hidden;
}

/* SAR */
.inner-content
    .stretch-card
    > .card
    form
    .input-group-prepend
    span.input-group-text:not(table span.input-group-text),
.can-embed
    .input-group-prepend
    span.input-group-text:not(table span.input-group-text),
.body-ar .modal .input-group-prepend span.input-group-text {
    /*background-color: #ffffff !important;*/
    border: 1px solid #aeac93 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 100%;
    border-left: 0 !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.input-group
    > :not(:first-child):not(.dropdown-menu):not(.tt-menu):not(
        .valid-tooltip
    ):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    /* margin-left: -1px; */

    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-right: 0 !important;
    border-left: 1px solid #aeac93 !important;
}

.inner-content
    .stretch-card
    > .card
    form
    .form-control:not(table .form-control),
.can-embed .form-control,
select {
    border: 1px solid #aeac93;
    border-radius: 5px;
    /*background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #AEAC93, #E6E7D5);*/
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 10px;
    outline: none;
}

.pe-0 {
    padding-left: 0 !important;
    padding-right: inherit !important;
}

.ps-0 {
    padding-right: 0 !important;
    padding-left: inherit !important;
}

/* Swap Border Radius for RTL */
.nav-tabs-vertical .nav-link:first-child {
    border-radius: 0 0.25rem 0 0 !important;
}

.nav-tabs-vertical .nav-link:last-child {
    border-radius: 0 0 0.25rem 0 !important;
}

.nav-tabs-vertical {
    .custom-nav-link {
        border-right: 1px solid var(--bs-orange) !important;
        font-weight: 500;
        color: var(--bs-dark) !important;
        font-size: 14px;
        background-color: #f8f9fa !important;
        border-color: var(--bs-orange) !important;
        border-left: 0 !important;

        &.active {
            background-color: var(--bs-orange) !important;
            color: white !important;
            font-weight: 600 !important;
        }

        &:first-child {
            border-top-right-radius: 15px !important;
        }

        &:last-child {
            border-bottom-right-radius: 15px !important;
        }
    }
}

.tab-content-vertical {
    border-color: var(--bs-orange) !important;
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    overflow: visible !important;

    table {
        background: white !important;

        th {
            font-size: 12px !important;
        }
    }
}

#dataTableExample thead th:not(.text-end) {
    text-align: right !important;
}

#dataTableExample thead th.text-end {
    text-align: left !important;
}

.form-check .form-check-input {
    float: right !important;
    /* margin-right: -1.8em !important; */
    margin-right: -1em !important;
}

.form-switch {
    padding-right: 2.5em !important;
}

.form-switch .form-check-input {
    /* width: 2em;
  margin-right: -2.5em !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out; */
}

#dataTableCashier thead th:not(.text-align-right) {
    text-align: right !important;
}

#dataTableCashier thead th.text-align-right {
    text-align: left !important;
}

[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
    direction: rtl;
}

.details-right-sidebar .pl-2 {
    padding-right: 0.5rem !important;
}

.details-right-sidebar .pr-4 {
    padding-left: 1rem !important;
}

.details-right-sidebar #btnGroupDrop1 {
    padding: 0;
}

.sidebar-yellow-header .w-fitcontent {
    width: unset;
}

.sidebar-yellow-header .w-fitcontent .d-flex {
    justify-content: space-between;
}

a.dropdown-item {
    text-align: right;
}

.table th:not([align]) {
    text-align: right;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    left: 20px;
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5)
        calc(var(--bs-modal-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) auto
        calc(-0.5 * var(--bs-modal-header-padding-y))
        calc(-0.5 * var(--bs-modal-header-padding-x));
}

/* new  */
.right-sidebar-container {
    right: unset;
    left: -10px;
    transform: translateX(-100%);
    border-right: 1px solid #d3d3d35e;
}

.sidebar-yellow-header {
    border-top-left-radius: 0;
    border-top-right-radius: 30px;
    flex-direction: row-reverse;
}

.details-right-sidebar .pr-4 {
    flex-direction: row;
}

.comments-tag {
    float: left;
    margin-right: 10px;
}

.is-signup .bg-radial::before {
    background: radial-gradient(
        156.77% 242.04% at -60.47% 59.74%,
        #e6e7d5 0.4%,
        #e84e0f 59.86%
    );
    transform: translateX(100%);
    transition: var(--defaultTransition);
}

.form-check {
    padding-right: 0.5rem !important;
    margin-right: 8px !important;
    padding-left: 0 !important;
}

.form-check-input:not(.permission-container .form-check-input) {
    float: right !important;
    margin-left: 0;
    margin-right: -1.8em !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    text-align: right !important;
}

.force-text-right {
    text-align: right !important;
}

.container_end {
    margin-right: auto;
    margin-left: 0;
}

.form-check-label {
    padding-right: 20px;
    padding-left: 20px;
}

.mdi-logout::before {
    transform: scaleX(-1);
    display: inline-block;
}

.nav-link.change-language {
    display: flex;
    align-items: center;
    gap: 5px;
    /* add space between flag and text */
}

.comment-section.float-start {
    float: right !important;
}

.comments-tag {
    position: absolute;
    top: 0;
    left: 20px;
}

.select2-results__option[aria-selected],
.table:not(#dataTableExample),
.table:not(#dataTableExample) td,
.comments-list .media-body {
    font-size: 12px;
}

form,
.select2-container--default .select2-results__option[aria-disabled="true"],
.fw-bold.fs-6 {
    font-size: 13px !important;
}

.customer-details-sidebar .btn-with-dropdown {
    text-align: right;
}

.customer-details-sidebar button.btn-with-dropdown:after {
    float: left;
}

.comments-list .fs-7 {
    font-size: 8px !important;
}

#lineTabContent:not(.invoice-journal #lineTabContent)
    table:not(.multiple-expense-table)
    th {
    font-size: 10px !important;
}

.circled-subaccount-toggle::before {
    left: unset;
    right: 3px;
}

.sidebar-header.cashier-sidebar-header {
    flex-direction: row-reverse;
}

.order-sidebar {
    right: unset;
    left: -483px;
}

#toggle-sidebar {
    right: -17px;
    left: unset;
}

.order-sidebar.active {
    left: 0;
    right: unset;
}

.order-sidebar.active .toggle-button {
    left: 483px;
    right: unset;
}

.sidebar-user.float-right {
    float: left;
}

.cashier-sidebar-header {
    direction: ltr;
}

.alert {
    padding-left: 3rem;
    padding-right: 3rem;
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
    font-size: 13px;
}

.link-title:hover {
    /* font-weight: 600 !important; */
}

.sidebar .sidebar-body {
    border-left: 1px solid #e9ecef;
    border-right: unset !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    left: 35px;
}

.select2-selection__clear,
.total-section .total-row .amount {
    float: left !important;
}
.card .card-title {
    color: #525252;
    font-weight: 700;
}
.itemize-account {
    margin-right: auto;
    width: fit-content;
    display: block;
}
#customInput [name="payment_value"] {
    border-radius: 0 !important;
    border-left: 0px !important;
}

#customInput .input-group-text {
    border-radius: 5px 0 0 5px !important;
    border-right: 0 !important;
}
.form-control.is-invalid {
    background-position: left calc(0.375em + 0.2345rem) center;
    border: 1px solid #ff3366 !important;
}