/*.card {*/


/*    margin-bottom: 30px;*/


/*}*/

body {
    font-family: 'Almarai', sans-serif !important;
}


/* .card .card-body {
    padding: 0rem 2.25rem !important;
} */

 ::-webkit-scrollbar {
    width: 5px !important;
}

::-webkit-scrollbar-thumb {
    background-color: #d9d9d9 !important;
    color: blanchedalmond !important;
}

::-webkit-scrollbar-track {
    background-color: #ffffff !important;
    /* background-color: #204185 !important; */
}

.tooltip {
    font-family: 'Almarai', sans-serif !important;
}

.footer {
    background-color: #ffffff;
    padding-left: 70px;
}

svg.bi.bi-exclamation-triangle-fill.flex-shrink-0.me-2 {
    margin-right: 0 !important;
}

#view-area {
    /* padding-top: 30px; */
    overflow: hidden;
}

@media screen {
    .view-content {
        /* width: calc(57vw); */
        /* width: calc(56.5vw); */
        width: calc(57.2vw);
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .view-content {
        width: calc(56.2vw);
    }
}


/* .menu-sub .menu-sub-dropdown .w-175px .py-4 .show {
    transform: translate(175px, 155px) !important;
} */

.menu-sub.menu-sub-dropdown.w-175px.py-4.show {
    /* transform: translate(-60px, 200px) !important; */
    /* transform: translate(-25px, 165px); */
}

.svg-icon.svg-icon-1 svg {
    height: 2.75rem !important;
    width: 2.75rem !important;
}

@media (max-width: 992px) {
    .svg-icon.svg-icon-1 svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }
}


/* div#kt_wrapper {
    align-items: center;
} */


/* div#kt_content {
    align-self: baseline;
} */

@media (min-width: 992px) {
    .card.card-docs.flex-row-fluid.mb-2 {
        margin-left: 70px;
    }
}

@media (min-width: 992px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: 150px !important;
        /* background-color: #F5F8FA; */
        background-color: #f4f4f4;
    }
}

@media (min-width: 992px) {
    .aside-enabled.aside-fixed .wrapper {
        transition: auto !important;
        /* padding-left 0.3s ease; */
        padding-left: 0px !important;
    }
}

@media (min-width: 992px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: 0px !important;
        /* calc(0px + var(--kt-toolbar-height)) !important; */
    }
}

@media (min-width: 992px) {
    .py-lg-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }
}

@media (max-width: 767.98px) {
    body {
        font-size: 10px !important;
    }
}

@media (max-width: 767.98px) {
    .w-250px {
        width: 150px !important;
    }
    input.form-control.form-control-solid.w-250px.ps-15 {
        font-size: 10px;
    }
    span.svg-icon.svg-icon-1.position-absolute.ms-6 {
        margin-left: 0.5rem !important;
    }
    .table tr:first-child {
        padding-left: 25px;
    }
    .table tr:first-child {
        font-weight: 700 !important;
    }
    .footer {
        padding-left: 0px;
    }
}


/*@media (max-width: 992px){*/


/*    .card .card-body {*/


/*        padding: 3.75rem 0.75rem !important;*/


/*    }*/


/*        }*/

tr.text-start.text-gray-900.fw-bolder.fs-5.gs-0 {
    /* background-color: #f5f8fa; */
    background-color: #EBEBEC;
    color: #3b3b3b !important;
    border-color: #e6e6e6;
    /* border: 1px solid #e6e6e6; */
    border: 1px solid #f2f2f2;
}

tr.text-start.text-gray-900.fw-bolder.fs-6.text-uppercase.gs-0 {
    background-color: #f5f8fa;
    color: #3b3b3b !important;
    border-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    text-transform: none!important;
}


/* .table tbody tr:last-child,
.table tfoot tr:last-child {
    border: 1px solid #e6e6e6 !important;
} */

.table.table-row-dashed tr {
    border-width: 1px !important;
    border-style: solid !important;
    /* border-color: #e6e6e6 !important; */
    border-color: #f2f2f2 !important;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #e6e6e6 !important;
}

table.dataTable {
    border: 1px solid #e6e6e6 !important;
}


/* .table.table-row-dashed tr {
    border-bottom-width: 0px !important;
    border-bottom-style: none !important;
} */


/* th.sorting {
    padding-right: 0.5rem !important;
} */

table {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.table.gy-2 td {
    /* padding-top: 1rem;
    padding-bottom: 1rem; */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.table.gy-2 td, .table.gy-2 th {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
/*
.table.table-row-dashed tr {
    border-bottom-width: 1px!important;
    border-bottom-style: solid !important;
    border-bottom-color: #f8f8f8!important;
} */

tr.odd {
    border-left: 1px solid #f8f8f8 !important;
    border-collapse: separate !important;
    background-color: #FCFCFC;
}

tr.even {
    border-left: 1px solid #f8f8f8 !important;
    border-collapse: separate !important;
}

a.btn.btn-light.btn-active-light-primary.btn-sm {
    /* color: #fff;
    background-color: #14b9a7;
    border: #1cac9d !important; */
}

.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active) {
    background-color: #1cac9d !important;
    border: #1cac9d !important;
    color: #fff;
}

th.text-end.sorting_disabled {
    padding-left: 15px !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--theme-color, #36C49D) !important;
    border-color: var(--theme-color, #36C49D) !important;
    color: #ffffff;
    transition: all 0.2s ease;
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:focus {
    background-color: var(--theme-color-dark, #2DAF85) !important;
    border-color: var(--theme-color-dark, #2DAF85) !important;
}

.btn.ADD {
    background-color: var(--theme-color, #36C49D) !important;
    /* border-color: #0e3f5e !important; */
    border-color: var(--theme-color, #36C49D) !important;
    color: #ffffff;
    transition: all 0.2s ease;
}

.btn.ADD:hover,
.btn.ADD:focus {
    background-color: var(--theme-color-dark, #2DAF85) !important;
    border-color: var(--theme-color-dark, #2DAF85) !important;
}
}

div[data-kt-docs-table-toolbar="base"] button:not(button[data-kt-menu-placement="bottom-end"]) {
    padding: calc(0.55rem + 1px) calc(1.5rem + 1px) !important;
}
.accordion-item button:not(button[data-kt-menu-placement="bottom-end"]) {
    /* box-shadow: none !important; */
    padding: calc(0.55rem + 1px) calc(1.5rem + 1px) !important;
}

.btn.btn-primary-custom {
    /* background-color: #0e3f5e !important; */
    background-color: var(--theme-color, #36C49D) !important;
    border-color: var(--theme-color, #36C49D) !important;
    /* border-color: #0e3f5e !important; */
    color: #ffffff;
    transition: all 0.2s ease;
}

.btn.btn-primary-custom:hover:not(:disabled),
.btn.btn-primary-custom:focus:not(:disabled) {
    background-color: var(--theme-color-dark, #2DAF85) !important;
    border-color: var(--theme-color-dark, #2DAF85) !important;
    color: #ffffff;
}

.btn.btn-primary-custom:active:not(:disabled),
.btn.btn-primary-custom.active {
    background-color: var(--theme-color-darker, #24906D) !important;
    border-color: var(--theme-color-darker, #24906D) !important;
    color: #ffffff;
}

button.btn.btn-primary.ADD {
    /* background-color: #204185; */
    /* background-color: #0e3f5e !important; */
    background-color: var(--theme-color, #36C49D) !important;
    border-color: var(--theme-color, #36C49D) !important;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    /* color: #092f46; */
    transition: all 0.2s ease;
}

button.btn.btn-primary.ADD:hover:not(:disabled),
button.btn.btn-primary.ADD:focus:not(:disabled) {
    background-color: var(--theme-color-dark, #2DAF85) !important;
    border-color: var(--theme-color-dark, #2DAF85) !important;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(var(--theme-color-rgb, 54, 196, 157), 0.3);
}

button.btn.btn-primary.ADD:active:not(:disabled),
button.btn.btn-primary.ADD.active {
    background-color: var(--theme-color-darker, #24906D) !important;
    border-color: var(--theme-color-darker, #24906D) !important;
    color: #ffffff;
    transform: translateY(0);
}

button.btn.btn-light-primary.me-3 {
    background-color: var(--theme-color-light, #D1F5EA);
    color: var(--theme-color-darker, #24906D);
    border-color: var(--theme-color-lighten, #A3EBD7);
    transition: all 0.2s ease;
}

button.btn.btn-light-primary.me-3:hover {
    background-color: var(--theme-color-lighten, #A3EBD7);
    color: var(--theme-color-darker, #24906D);
    border-color: var(--theme-color, #36C49D);
}

button.btn.btn-light-primary.ms-3 {
    background-color: #ffffff;
    color: #ffffff;
}

.btn.btn-light-cancel {
    color: #fff;
    border-color: #f1416c;
    background-color: #f1416c;
}


/* .btn.btn-primary {
    color: #fff;
    border-color: #13b4a5;
    background-color: #13b4a5;
} */

.anevex-btn-primary {
    color: #fff;
    border-color: var(--theme-color, #36C49D);
    background-color: var(--theme-color, #36C49D);
    transition: all 0.2s ease;
}

.anevex-btn-primary:hover {
    color: #fff;
    background-color: var(--theme-color-dark, #2DAF85);
    border-color: var(--theme-color-dark, #2DAF85);
}

.anevex-btn-primary:active {
    color: #fff;
    background-color: var(--theme-color-darker, #24906D);
    border-color: var(--theme-color-darker, #24906D);
}

.table td,
.table th,
.table tr {
    /* font-weight: 500 !important; */
    color: #3b3b3b !important;
}


/* .table tr td:nth-child(7) {
    font-weight: 600 !important;
} */

.table.gy-5 td,
.table.gy-5 th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}


/* .table.gy-5 td:not(tr) {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
} */


/* th.text-end.sorting_disabled {
    text-align: center !important;
} */

.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show>.btn.btn-primary {
    /* background-color: #0e3f5e !important; */
    background-color: var(--theme-color) !important;
    color: #ffffff !important;
}

.btn-check:active+.btn.btn-light-primary,
.btn-check:checked+.btn.btn-light-primary,
.btn.btn-light-primary.active,
.btn.btn-light-primary.show,
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.show>.btn.btn-light-primary {
    /* background-color: #083f5e !important; */
    background-color: var(--theme-color) !important;
}

.btn.btn-light {
    /* color: #ffffff;
    border-color: var(--theme-color);
    background-color: var(--theme-color); */
    /* border-color: #083f5e; */
    /* background-color: #083f5e; */
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background-color: var(--theme-color) !important;
    color: #092f46 !important;
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background-color: var(--theme-color) !important;
    color: #FFF !important;
}

.page-item.active .page-link {
    /* background-color: #0a3f5e; */
    background-color: var(--theme-color);
    border-radius: 2px !important;
}

.form-select-sm {
    border-radius: 2px !important;
}

.form-check.form-check-solid .form-check-input:checked {
    /* background-color: #204185; */
    background-color: var(--theme-color);
}

.table tr:first-child,
.table th:first-child,
.table td:first-child {
    padding-left: 10px;
}

td.dtr-control:first-child {
    border-left: 0 !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #fff;
}

.table-beno>tbody>tr:nth-of-type(odd)>* {
    /* --bs-table-accent-bg: #f5f8fa; */
    --bs-table-accent-bg: #ebebec;
    /* color: var(--bs-table-striped-color); */
}

.table-beno>tbody {
    /* border: 1px solid #e6e6e6; */
    border: 1px solid #ededed;
}

.table-beno>:not(caption)>*>* {
    padding: 0.8rem 0.75rem !important;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
    /* --bs-table-accent-bg: #f5f8fa; */
}

.table tr:last-child,
.table th:last-child,
.table td:last-child {
    /* padding-right: 10px; */
}

.table tr:last-child,
.table th:last-child,
.table td:last-child {
    vertical-align: middle;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: #22b4a5 !important;
}

.aside-menu .menu .menu-item .menu-link {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 992px) {
    .aside-menu .menu .menu-item .menu-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 992px) and (max-width:1280px) {
    .hover-scroll-y:hover {
        overflow-y: overlay;
        border-right: 0px;
        height: 440px;
        width: 60px;
    }
    .hover-scroll-y {
        border-right: 0;
    }
}

@media (min-width: 992px) {
    .hover-scroll-y {
        border-right: 0;
    }
    .hover-scroll-y:hover {
        overflow-y: overlay;
    }
}

.nav-line-tabs .nav-item .nav-link.active {
    border-bottom: 1px solid var(--theme-color-hover) !important;
    color: var(--theme-color-hover);
}

.info-bg {
    --bs-table-bg: #f4f4f4;
}

.details-bg {
    /* background-color: #F5F8FA; */
    background-color: #ebebec;
}

.v-cont-net {
    width: calc(55.5vw) !important;
}

thead.t-b-invoices {
    /* background-color: #f5f8fa; */
    background-color: #ebebec;
    border: 1px solid #e6e6e6;
}

tbody.fw-bold.text-black {
    border-width: thin;
    border-color: #e9edf3;
    border-style: solid;
}

.border-bottoms {
    border-bottom: 1px solid #e6e6e6!important;
}

th.min-w-10px.text-end {
    text-align: center !important;
    font-weight: 500 !important;
}

th.min-w-100px.text-end.pb-2 {
    /* text-align: left !important; */
    font-weight: 600 !important;
}

th.min-w-100px.text-start {
    /* text-align: right !important; */
    font-weight: 600 !important;
    padding-left: 10px !important;
}

th.min-w-70px.text-center {
    font-weight: 600 !important;
}

th.min-w-100px.text-center.pb-2 {
    font-weight: 600 !important;
}

th.min-w-100px.text-center {
    font-weight: 600 !important;
}


/* td.text-end.vat-pri-qu-tax.py-1 {
    text-align: left !important;
} */


/* td.text-start.vat-pri-qu-tax.py-1 {
    text-align: right !important;
    padding-left: 10px !important;
} */

@media (max-width:1200px) {
    .v-cont-net {
        width: calc(54vw);
    }
}

.table-greey {
    background-color: #f5f8fa;
}

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

.border-i-toggler {
    /* border: 1px solid #dce3eb !important; */
    border: 1px solid #e6e6e6 !important;
}

.b-t-1 {
    border-bottom: 1px solid #ededed;
}

.w-125px {
    width: 125px;
}

.w-120px {
    width: 120px;
}

.w-110px {
    width: 110px;
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
}

i.fa.fa-cogs {
    /* color: #204185; */
    color: var(--theme-color);
}

thead.h-table-c {
    --bs-table-bg: #f1f5f9;
    border: 1px solid #e2e8ef;
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
    border: 1px solid transparent;
    /* padding: calc(0.25rem + 5px) calc(0.5rem + 10px) !important; */
    /* padding: calc(0.2rem + 2px) calc(0.5rem + 10px) !important; */
    /* padding: calc(0.2rem + 0px) calc(0.5rem + 10px) !important; */
    padding: calc(0.25rem + 0px) calc(0.25rem + 5px) !important;
    border-radius: 0 !important;
    /* border-radius: 5px !important; */
    font-size: 14px;
    /* font-size: 13px; */
    margin: 0 0.1rem;
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).custom-size {
    border: 1px solid transparent;
    /* padding: calc(0.25rem + 5px) calc(0.5rem + 10px) !important; */
    /* padding: calc(0.2rem + 2px) calc(0.5rem + 10px) !important; */
    /* padding: calc(0.2rem + 0px) calc(0.5rem + 10px) !important; */
    padding: calc(0.25rem + 5px) calc(0.25rem + 5px) !important;
    border-radius: 0 !important;
    /* border-radius: 5px !important; */
    font-size: 14px;
    /* font-size: 13px; */
    margin: 0 0.1rem;
}

.custom-size {
    padding: calc(0.25rem + 5px) calc(0.25rem + 5px) !important;
}

.table-d-bg,
.table-t-bg {
    border-bottom: 1px solid #e7ecf2 !important;
    border-top: 1px solid #e7ecf2 !important;
}

tr.table-t-bg {
    border-bottom: 1px solid rgb(231, 236, 242)!important;
}

tr#item-z {
    background-color: #f1f5f9;
}

.accordion-item {
    border-radius: 0 !important;
}

.modal-content {
    border-radius: 0 !important;
}

.form-select.form-select-solid {
    background-color: #f4f4f4;
    border-color: #eaeaea;
    color: #5e6278;
    /* font-size: 0.9rem; */
    font-size: 1rem;
}

.form-select:focus {
    background-color: #e6ece7 !important;
    border-color: #d5d8db;
}

.dropdown.show>.form-select.form-select-solid,
.form-select.form-select-solid.active,
.form-select.form-select-solid.focus,
.form-select.form-select-solid:active,
.form-select.form-select-solid:focus {
    background-color: #93bf8e29;
    border-color: #d5d8db!important;
    color: #5e6278;
}

.select2-container--bootstrap5.select2-container--focus .form-select-solid,
.select2-container--bootstrap5.select2-container--open .form-select-solid {
    background-color: #ecf3ec;
}

input#period {
    background-color: #f4f4f4;
}

input#period:focus {
    background-color: #e6ece7;
}

.form-control:focus {
    background-color: #e6ece7 !important;
}

.form-control,
.form-select,
.card,
.image-input,
.image-input-wrapper {
    border-radius: 0 !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    padding-right: calc(0.5em + 0.5rem) !important;
    background-size: calc(0.55em + 0.55rem) calc(0.55em + 0.55rem) !important;
}

td.dataTables_empty {
    text-align: center;
}

div#kt_datatable_info {
    width: auto !important;
}

.table>tbody.table-group-divider {
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
}

.table>:not(:first-child) {
    border-color: #e6e6e6 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    /* border-width: 1px !important; */
    text-wrap: nowrap;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid var(--theme-color-hover) !important;
    /* background-color: #c5f3e7; */
    background-color: var(--theme-color-light);
    /* background-color: #343446; */
    border-radius: 0;
}

.pading-custom-s {
    padding: 10px 20px !important;
}

.bg-color-custom-s-grren {
    background-color: var(--theme-color);
}

.bg-color-custom-s-gray {
    background-color: #71717e;
}

.accordion-button:not(.collapsed) {
    color: #204185;
}

.form-select {
    /* background-color: #f5f8fa; */
    background-color: #f4f4f4;
}

.btn i {
    font-size: 1.5rem;
}

.btn.btn-light-primary .svg-icon,
.btn.btn-light-primary i {
    color: #ffffff;
}

.form-select-sm,
.form-control-sm {
    font-size: 1.2rem;
}

.bg-total {
    /* background-color: #f5f8fa; */
    /* background-color: #B3F2E2; */
    background-color: #EDEDED;
}

.custom-bg-foot-tabel {
    background-color: #EDEDED !important;
}

.bg-toolbar {
    background-color: #f5f8fa;
}

.border-toolbar {
    border: 1px solid #e6e6e6 !important;
}

.minh-50px {
    min-height: 50px !important;
}

.bb-5 {
    border-bottom: 1px solid #e6e6e6;
}

.text-cn {
    text-align: center !important;
}

.form-control-sm,
.form-select-sm {
    /* background-color: #f9f9f9 !important; */
    background-color: #f4f4f4 !important;
    border: 1px solid #eaeaea !important;
}

select.form-select.form-select-sm.form-select-solid {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
}

.bg-trans {
    background-color: transparent !important;
}

.alert-success-custom {
    color: #205237;
    /* background-color: #ffffff; */
    background-color: #DFF8F1;
    border-color: #e6e6e6;
}

.text-primary-custom {
    /* color: #bbbbbb!important; */
    /* color: #0d855f!important; */
    /* color: #730E27 !important; */
    color: #1cac9d !important;
}

.btn.btn-light-custom {
    color: #fff;
    /* background-color: #14b9a7; */
    /* background-color: #0d855f !important; */
    background-color: var(--theme-color) !important;
    border: #1cac9d !important;
}

.align-center-custom-s {
    align-items: center !important;
}

.size-icons-custom-s {
    font-size: 2.4rem !important;
}

.size-icons-custom-s2 {
    font-size: 3rem !important;
    color: var(--theme-color) !important;
}


/* Start stayle header custom  */

.box-shadow-custom {
    box-shadow: 0 0px 5px #D9D9D9 !important;
}

.style-total-custom {
    font-weight: 700 !important;
    font-size: 13px;
    /* letter-spacing: 1px; */
    font-family: 'lato';
}


/* End stayle header custom  */


/* Start  colors custom plan  */

.bg-green-daken {
    background-color: #67809F;
}

.actions>button:first-child {
    background-color: #343446;
    color: #ffffff;
}

.actions .dt-dark a:first-child {
    background-color: #343446 !important;
    color: #ffffff;
}


/* .actions .dt-dark a:last-child {
    background-color: #F1416C !important;
    color: #ffffff;
} */

.actions button#PRINT {
    padding: calc(0.25rem + 5px) calc(0.25rem + 5px) !important;
}

.tap-pane .show-toolbar .actions a:first-child {
    background-color: #343446;
    color: #ffffff;
}

.actions>a:last-child {
    background-color: #F1416C !important;
    color: #ffffff !important;
}

.btn-notif {
    position: absolute;
    /* background-color: azure; */
    width: -webkit-fill-available;
    justify-content: flex-end;
    display: flex;
    padding: 20px;
}


/* End colors custom plan  */


/* start button transfer details */


/* .badge-light-info,
.badge {
    color: var(--theme-color);
    font-size: inherit;
    background-color: #f8f5ff;
} */

.badge-light-danger {
    /* background-color: #fff5f8; */
    color: #FFFFFF;
    background-color: #D65158;
    /* font-size: inherit; */
}

.badge-light-success {
    /* background-color: #e8fff3; */
    color: #FFFFFF;
    background-color: var(--theme-color);
    /* font-size: inherit; */
}

.badge-success-custom {
    color: #FFFFFF;
    background-color: var(--theme-color);
}

.badge-light-warning {
    /* color: #ffc700; */
    /* background-color: #fff8dd; */
    color: #FDFFFE;
    background-color: #E9BC14;
    /* font-size: inherit; */
}

a {
    color: var(--theme-color);
    text-decoration: none;
}

/* .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: var(--theme-color);
} */

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted:not(.select2-results__option--selected) {
    color: var(--theme-color) !important;
}


/* saleh */

.form-control {
    /* font-size: 0.95rem !important; */
    font-size: 1rem !important;
    font-family: 'Almarai' !important;
}

.daterangepicker .ranges li.active {
    color: var(--theme-color) !important;
    background-color: #F1FAFF !important;
}

.daterangepicker .ranges li:hover {
    color: var(--theme-color) !important;
}

/* .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: var(--theme-color) !important;
} */


/* saleh  */

.badge {
    border-radius: 0 !important;
}


/* .menu-item a.d-flex.py-3.active:focus {
    background-color: #bcbcbd;
    color: #000;
    font-weight: 600;
} */

.card-body .menu-item>.active {
    background-color: #f4f4f4;
    color: #000;
    font-weight: 600;
}

a.d-flex.py-3:hover {
    background-color: #f8faf8;
    color: var(--theme-color);
}

.badge-light-info {
    /* color: #7239EA; */
    /* color: #36c49d; */
    color: #3b3b3b;
    background-color: #f6f6f6;
    /* background-color: #F8F5FF; */
}

.animation-blink {
    animation: none;
}

.mw-900px {
    max-width: 1125px!important;
}

textarea.select2-search__field {
    font-family: 'Almarai' !important;
    vertical-align: middle !important;
    font-size: 1rem;
}

@media (min-width: 992px) {
    textarea.select2-search__field {
        min-height: 20px !important;
    }
}

/* .alert-warning {
    color: #730E27;
    background-color: #defcee !important;
    border-color: #A3bdb6;
} */

.alert {
    border-radius: 0 !important;
}


/* ------------------- */


/* --------------------- */


/* ------------- */

@media (max-width: 768px) {
    .respo-mobile {
        display: flex !important;
        flex-direction: column;
    }
    .mobile-content {
        /* width: calc(57vw); */
        /* width: calc(56.5vw); */
        /* width: calc(92vw); */
        width: calc(100vw - 27px);
        margin: 13px !important;
    }
    .flex-60-mobile {
        flex-basis: 20%;
    }
    .flex-40 {
        flex-grow: initial;
        flex-basis: auto;
    }
}

.daterangepicker .drp-calendar td.active {
    background-color: var(--theme-color) !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    /* background-color: #f1faff; */
    color: var(--theme-color) !important;
}

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
    color: var(--theme-color) !important;
}

.daterangepicker .drp-calendar td.available:hover,
.daterangepicker .drp-calendar th.available:hover {
    color: var(--theme-color) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--theme-color) !important;
    border-color: transparent;
    color: #fff;
}

.invalid-feedback {
    margin-top: 0 !important;
}

button.btn.btn-sm.btn-icon.btn-active-color-primary.me-n5.p-5.filter_drawer_close,
button.btn.btn-sm.btn-icon.btn-active-color-primary.me-n5.p-5.pos_orders_filter_drawer_close,
button.btn.btn-sm.btn-icon.btn-active-color-primary.me-n5.p-5.pos_sessions_filter_drawer_close,
button.btn.btn-sm.btn-icon.btn-active-color-primary.me-n5.p-5.pos_payments_filter_drawer_close {
    box-shadow: none !important;
}

table td {
    /* white-space: nowrap !important; */
    /* white-space: normal !important; */
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: var(--theme-color) !important;
}

div:is(.bg-green-daken) {
    margin-bottom: -50px;
}

table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {
    content: ""!important;
}
table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before {
    content: "" !important;
}
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] > span.item-label {
    background-color: transparent !important;
}
.s2-to-tree.select2-container .select2-results__option--highlighted[aria-selected] > span.item-label {
    color: var(--theme-color) !important;
}
.s2-to-tree li.select2-results__option.non-leaf .expand-collapse:before {
    right: 0.25em !important;
    /* right: auto !important; */
    top: 0.1em !important;
    font-size: 24px !important;
    color: var(--theme-color) !important;
}
.s2-to-tree .select2-results__option.l1 {
    margin-right: 0 !important;
}

.accordion.accordion-icon-toggle .accordion-icon i, .accordion.accordion-icon-toggle .accordion-icon .svg-icon {
    color: var(--theme-color);
}