/* Input */
.input-rtl {
    direction: rtl;
}

.input-ltr {
    direction: ltr;
}

.fn-tahoma {
    font-family: tahoma;
}

/* Button Full Mobile */
@media (max-width: 768px) {
    .w-100-mobile {
        width: 100% !important;
    }
}

/* DataTable */
.dataTables_length {
    margin-left: 10px;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    vertical-align: -2px;
    margin-right: 5px;
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    vertical-align: -2px;
    margin-right: 5px;
}

table.dataTable > thead .sorting_asc:after {
    background-color: #ffffff;
}

table.dataTable > thead .sorting_desc:after {
    background-color: #ffffff;
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: #272727;
    color: #fff;
}

table.dataTable tbody:before {
    content: "@";
    display: block;
    line-height: 15px;
    text-indent: -99999px;
}

/* Custom tr Border Radius */
.table.gy-5 th, .table.gy-5 td {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.custom-first-tr {
    background-color: #ed3237;
    border-bottom-width: 0 !important;
}

.custom-first-tr > th:nth-child(1) {
    background: #ed3237;
    border-radius: 0 10px 10px 0;
    padding-right: 8px !important;
}

.custom-first-tr > th:nth-last-child(1) {
    background: #ed3237;
    border-radius: 10px 0 0 10px;
}

.modal-company-logo {
    height: 250px !important;
    width: auto !important;
}

@media (max-width: 991.98px) {
    .custom-first-tr > th:nth-child(1) {
        border-radius: 0 !important;
    }

    .custom-first-tr > th:nth-last-child(1) {
        border-radius: 0 !important;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
        margin-top: 10px;
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: 1px solid #f1f1f1;
        padding: 0.8em 0;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, [data-bs-theme=light] table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, :root table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before, [data-bs-theme=light] table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before, :root table.dataTable.dtr-column.collapsed > tbody > tr > td.dtr-control:before, [data-bs-theme=light] table.dataTable.dtr-column.collapsed > tbody > tr > td.dtr-control:before, :root table.dataTable.dtr-column.collapsed > tbody > tr > th.dtr-control:before, [data-bs-theme=light] table.dataTable.dtr-column.collapsed > tbody > tr > th.dtr-control:before {
        background-color: #ed3237;
        width: 25px;
        height: 25px;
        vertical-align: 4px;
        margin-left: 8px !important;
    }

    table.dataTable > thead > tr > th {
        min-width: 90px !important;
    }

    span.dtr-data a i {
        font-size: 2.5rem !important;
        margin-top: 10px;
        margin-left: 5px;
    }

    .modal-company-logo {
        height: 150px !important;
        width: auto !important;
    }

    .modal-items-table > thead > tr > th {
        min-width: 90px !important;
    }
}

/* Select 2 */
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    right: auto;
    left: 1.25rem;
}

.select2-container--bootstrap5 .select2-selection__clear {
    right: auto;
    left: 3rem;
}

/* Fix Z-Index Swal */
div:where(.swal2-container) {
    z-index: 999999;
}

/* Notification */
.drawer-overlay {
    z-index: 80 !important;
}

/* PersianDatePicker */
@media (max-width: 576px) {
    .pdp-latoja {
        left: auto !important;
    }
}

/* Panel Color {background-color: #ed3237;} */
:root {
    --bs-primary: #ed3237;
    --bs-primary-active: #ed3237;
    --bs-text-primary: #ed3237;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #ed3237;
    --bs-menu-link-color-hover: #ed3237;
    --bs-link-color: #ed3237;
    --bs-link-color-rgb: 135, 5, 105;
}

.link-primary {
    color: #ed3237 !important;
}

.link-primary:hover, .link-primary:focus {
    color: #c532a6 !important;
}

.page-link.active, .active > .page-link {
    background-color: #ed3237;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    color: #ed3237;
}

.aside .aside-menu .menu .menu-item .menu-link.active {
    background-color: #ed3237;
    color: #fff;
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #fff;
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-title {
    color: #fff;
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-icon, .aside .aside-menu .menu .menu-item .menu-link.active .menu-icon .svg-icon, .aside .aside-menu .menu .menu-item .menu-link.active .menu-icon i {
    color: #fff;
}

.header {
    background-color: #272727;
}

.swal2-icon.swal2-info {
    border-color: #ed3237;
    color: #ed3237;
}

button.swal2-cancel {
    background: #8d8a8a !important;
}

.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #ed3237 !important;
}

.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #ed3237 !important;
}

.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #ed3237 !important;
}

.aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: #ed3237 !important;
}

/* Dashboard */
.custom-card-title {
    background: #ed3237;
    width: 100%;
    border-radius: 10px;
    color: #fff !important;
    padding-right: 15px;
    line-height: 25px;
}

.custom-card-title .card-label {
    color: #fff !important;
}

.custom-card-title .card-label i {
    font-size: 1.4rem;
    vertical-align: -2px;
}

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

.aside-menu-button {
    background-color: var(--bs-aside-bg-color);
    border-radius: 0.625rem;
    padding: 10px;
}

.aside-menu-button i {
    font-size: 2rem;
    vertical-align: -5px;
}

.mh-90 {
    max-height: 90% !important;
}

.w-145px {
    width: 145px !important;
}

/* Sepidar Pre Invoice and Invoice Modal */
div[id^="modal_pre_invoice_"] h3.modal-title {
    background: #e3e3e3;
    width: 100%;
    border-radius: 5px;
    padding: 5px 10px 5px 5px;
}

div[id^="modal_pre_invoice_"] .b-box {
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    padding: 15px;
}

div[id^="modal_invoice_"] h3.modal-title {
    background: #e3e3e3;
    width: 100%;
    border-radius: 5px;
    padding: 5px 10px 5px 5px;
}

div[id^="modal_invoice_"] .b-box {
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    padding: 15px;
}

.report-widget__title button {
    transform: translateY(-100%) rotate(-90deg);
    cursor: default;
    transform-origin: right bottom;
}

.w-60 {
    width: 60% !important;
}

/* toastr */
.toastr.toastr-info {
    background-color: #888888;
}

/* Dark Mode */
[data-bs-theme=dark] .aside .aside-menu .menu .menu-item .menu-link .menu-title {
    color: #fff;
}

[data-bs-theme=dark] .aside .aside-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), [data-bs-theme=dark] .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #dfd8dd !important;
}

[data-bs-theme=dark] .text-muted {
    color: #9595a9 !important;
}

[data-bs-theme=dark] .text-primary {
    color: #fff !important;
}

[data-bs-theme=dark] .text-gray-600,
[data-bs-theme=dark] .text-gray-400,
[data-bs-theme=dark] .text-gray-800,
[data-bs-theme=dark] .text-gray-500,
[data-bs-theme=dark] .text-gray-700 {
    color: #c1c1c5 !important;
}

[data-bs-theme=dark] .btn.btn-light {
    color: #b9b9b9;
}

[data-bs-theme=dark] .modal .btn.btn-light-primary {
    background-color: #e3e3e3;
}

[data-bs-theme=dark] .badge-light-primary {
    background-color: #ededed;
}

[data-bs-theme=dark] div[id^="modal_pre_invoice_"] h3.modal-title, [data-bs-theme=dark] div[id^="modal_invoice_"] h3.modal-title {
    background: #383840;
}

[data-bs-theme=dark] {
    --bs-text-muted: #c3c3c3;
}

[data-bs-theme=dark] .modal tr.quotation-bg-row.text-gray-700 td {
    color: #4d4d4e !important;
}