@font-face {
    font-family: font;
    src: url("../fonts/vazirmatn.ttf")
}

*,
h2,
h1,
h3,
h4,
h5,
h6,
select,
select option,
.badge,
.btn-outline-light,
.btn-outline-dark,
.page-title,
.modal-title,
.card-title,
.nk-block-title,
.btn-link,
.btn-secondary,
.btn-block,
.accounting-btn-group button,
.btn-round,
.jquery-loading-modal__text {
    font-family: font;
}

.btn-link,
.fc-toolbar-chunk button {
    font-family: font !important;
}

.nk-error-head,
.nk-error-head,
.user-avatar span {
    font-family: Nunito, sans-serif !important
}

.card-shadow,
.dropdown-menu,
.ui-autocomplete,
.select2-dropdown,
.fc-more-popover,
.kanban-board-header,
.vakata-context,
#toast-container>div {
    box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px !important
}

.rounded {
    border-radius: 20px !important
}

.ltr {
    direction: ltr !important
}

.border-none {
    border: none !important
}

.img-rounded {
    border-radius: 100% !important
}

.logo-img-login {
    max-height: 130px
}

* {
    font-size: 1rem
}

.pagination .page-link,
input,
input::-webkit-input-placeholder,
label,
.language-name {
    font-size: 1rem !important
}

.card-inner,
.card,
.nk-block,
.modal-radius,
.dropdown-menu,
.swal2-modal,
.swal2-confirm,
.swal2-cancel {
    border-radius: 8px !important
}

.swal2-content {
    max-height: 30vh;
    overflow-y: auto;
    width: 100%
}

.form-control {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.logo-img-navbar {
    max-height: 50px
}

.ni_navbar {
    font-size: 1.7rem !important
}

.ni_default {
    font-size: 1.5rem !important
}

.ni_actions {
    font-size: 1.3rem !important
}

.ni_tree {
    font-size: 1.2rem !important
}

.table>tbody>tr>td {
    vertical-align: middle !important
}

.table>tfoot>tr>td {
    vertical-align: middle !important
}

.table.table-bordered {
    border: 1px solid #8b7f88 !important
}

.table.table-bordered>thead>tr>th {
    border: 1px solid #8b7f88 !important
}

.table.table-bordered>tbody>tr>td {
    border: 1px solid #8b7f88 !important
}

.table.table-bordered>tbody {
    border: 1px solid #8b7f88 !important
}

.table.table-bordered>tfoot>tr>td {
    border: 1px solid #8b7f88 !important
}

@media (max-width:576px) {
    .expire-alert {
        margin-top: 10px !important
    }
}

@media screen and (max-width:992px) {

    .modal-xl,
    .modal-to-fullscreen {
        width: 100vw !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important
    }

    .modal-xl .modal-content,
    .modal-to-fullscreen .modal-content {
        height: 100% !important;
        border: 0 !important;
        border-radius: 0 !important
    }

    .modal-xl .modal-header,
    .modal-to-fullscreen .modal-header {
        border-radius: 0 !important
    }

    .modal-xl .modal-body,
    .modal-to-fullscreen .modal-body {
        overflow-y: auto !important
    }

    .modal-xl .modal-footer,
    .modal-to-fullscreen .modal-footer {
        border-radius: 0 !important
    }

    .user-aside {
        margin-top: 55px !important
    }

    .link-list-menu {
        max-height: 100vh !important;
        padding-bottom: 150px !important;
        overflow-y: auto !important
    }

    .user-info {
        display: none !important
    }

    .list-columns {
        border: 1px solid rgb(219, 223, 234) !important;
        border-radius: 8px !important
    }
}

.page-title,
.modal-title,
.card-title,
.nk-block-title {
    font-size: 20px;
    font-weight: 500
}

.modal {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 0 !important
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

select,
select option {
    font-size: .9rem !important
}

.form-control-wrap .select2-search__field,
.select2-selection,
.select2-results__option--selectable,
.select2-dropdown,
.select2-results__option,
.select2-results__option--selectable:hover {
    border-radius: 8px !important
}

.select2-dropdown {
    margin-top: 5px !important
}

.select2-selection__clear,
.select2-selection__arrow {
    font-size: 20px !important
}

.select2-selection--multiple .select2-selection__clear {
    display: none !important
}

legend {
    font-size: 1rem !important
}

.ni_search {
    font-size: 20px !important
}

.form-control-wrap .select2-search__field:placeholder-shown {
    width: 100% !important;
    margin-top: 3px !important
}

.text-small {
    font-size: 15px !important
}

.passcode-icon {
    margin-top: -8px !important
}

[dir="ltr"] .select2-search--dropdown .form-control-wrap .select2-search__field {
    padding-top: 7px !important;
    padding-right: 30px !important
}

[dir="ltr"] .form-control-select-rounded {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .select2-search--dropdown .form-control-wrap .select2-search__field {
    padding-top: 7px !important;
    padding-left: 30px !important
}

[dir="rtl"] .form-control-select-rounded {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

fieldset {
    border-radius: 8px !important
}

.img-table {
    height: 5vh !important;
    border-radius: 8px !important
}

.image-modal-css {
    z-index: 9999 !important
}

.image-modal-css .modal-content,
.image-modal-css .modal-body {
    background: none !important;
    box-shadow: none !important;
    border: none !important
}

.image-modal-css .modal-body img {
    border-radius: 8px !important
}

.image-modal-close {
    position: absolute !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
    font-size: 40px !important
}

.d-none {
    display: none !important
}

.remove-icon-from-date::-webkit-inner-spin-button,
.remove-icon-from-date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

.ui-menu {
    border-radius: 8px !important;
    padding: 5px !important;
    font-size: 14px !important
}

.ui-state-active {
    border-radius: 8px !important;
    border: none !important;
    background-color: #ced6e0 !important;
    color: inherit !important;
}

.ui-autocomplete {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 303.516px !important;
}

.btn-design-import {
    box-shadow: none !important;
    border-right: none !important
}

.modal-background {
    background: rgb(32, 33, 36, .6) !important
}

.profile-link {
    text-decoration: underline !important;
    text-underline-offset: 6px !important
}

.img-fieldset {
    height: 15vh !important
}

.separator {
    display: flex;
    font-size: 20px;
    align-items: center;
    text-align: center
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none
}

.product_item_total_class {
    background: none !important;
    border: none !important;
    outline: none !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-top-table {
    margin-top: 50px !important
}

.border-botom-none {
    border-bottom: none !important
}

.btn {
    box-shadow: none !important;
    font-weight: 400 !important
}

.padding-3 {
    padding: 3px !important
}

.border-radius-1 {
    border-radius: 5px !important
}

.pos-no-info {
    padding: 5px;
    border-radius: 8px
}

.product-card-row {
    margin: 0;
    padding: 3px
}

.product-card-text {
    padding: 5px;
    font-size: 13px
}

.product-card-img {
    padding: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.product-card-img img {
    max-height: 120px
}

.margin-top-5 {
    margin-top: 5px
}

.select2-results__options {
    overflow-y: auto;
    overflow-x: hidden
}

.mt-80 {
    margin-top: 55px
}

.nk-footer-bottom {
    bottom: 0 !important;
    position: absolute !important;
    width: 100% !important
}

.bg-pink-first,
.bg-pink {
    background: rgb(28, 43, 70) !important;
    color: white
}

.bg-pink-first th {
    border-radius: 5px !important
}

.font-weight-700-18 {
    font-size: 18px;
    font-weight: 500
}

.font-weight-700-15 {
    font-size: 15px;
    font-weight: 700
}

[dir="ltr"] .text-align-left {
    text-align: right !important
}

[dir="rtl"] .text-align-left {
    text-align: left !important
}

[dir="ltr"] .border-radius-right {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

[dir="ltr"] .border-radius-left {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

[dir="rtl"] .border-radius-right {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

[dir="rtl"] .border-radius-left {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.report-title {
    font-size: 18px;
    font-weight: 700
}

.chart_container {
    height: 500px !important;
    width: 100% !important
}

.canvasjs-chart-toolbar button:hover {
    border-radius: 8px !important
}

[dir="ltr"] .canvasjs-chart-toolbar div {
    border-radius: 8px !important;
    text-align: left !important
}

[dir="rtl"] .canvasjs-chart-toolbar div {
    border-radius: 8px !important;
    text-align: right !important
}

@media (max-width:576px) {
    .baseHeight {
        height: 100vh;
        overflow-y: auto
    }

    [dir="ltr"] .language-dropdown-menu {
        margin-right: 5px !important
    }

    [dir="rtl"] .language-dropdown-menu {
        margin-left: 5px !important
    }
}

@media (min-width:576px) {
    .baseHeight {
        height: calc(100vh - 245px);
        overflow-y: auto;
        padding: 3px
    }
}

.mt-50 {
    margin-top: 50px
}

.mn-20 {
    margin: -20px !important
}

.mn-18 {
    margin: -18px !important
}

.mn-10 {
    margin: -10px !important
}

.mt-2 {
    margin-top: 10px !important
}

.mt-3 {
    margin-top: 15px !important
}

.padding-1 {
    padding: 1px !important
}

.width-80 {
    width: 50px !important;
    padding: 0 !important;
    padding-right: 5px !important
}

@media screen and (min-width:992px) {

    .modal-xl .modal-content,
    .modal-to-fullscreen .modal-content {
        max-height: 90vh !important
    }

    .modal-xl .modal-body,
    .modal-to-fullscreen .modal-body {
        overflow-y: auto !important
    }

    .nk-menu-sub {
        box-shadow: rgba(60, 64, 67, .3) 0 1px 2px 0, rgba(60, 64, 67, .15) 0 2px 6px 2px !important
    }

    .list-columns {
        max-height: 30vh !important;
        overflow-y: auto !important;
        border: 1px solid rgb(219, 223, 234) !important;
        border-radius: 8px !important
    }
}

.card-header-transparent {
    background: none !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 0 !important
}

.font-14 {
    font-size: 14px !important
}

.font-bold-14 {
    font-weight: 900 !important
}

.input-group-text {
    font-size: 1rem !important
}

.share-info-title {
    font-size: 15px !important;
    font-weight: 500 !important
}

.click-disabled {
    pointer-events: none !important
}

.pos-total-margin {
    margin-top: 30px !important
}

.hide-price .hide-price-element {
    display: none !important
}

select[readonly].select2-hidden-accessible+.select2-container {
    pointer-events: none;
    touch-action: none
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
    background: #F5F6FA;
    box-shadow: none
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
    display: none
}

.tr_item td {
    border-radius: 0 !important
}

.bg-inventory-warning {
    background-color: rgb(244, 189, 14) !important;
    color: black !important
}

.bg-inventory-danger,
.bg-inventory-danger em {
    background-color: #e85347 !important;
    color: white !important
}

.remove-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

.border-3 {
    border-width: 3px !important
}

.responsive-table th,
.responsive-table td {
    padding: 5px !important
}

.spinner-icon-margin {
    margin-left: 6px !important;
    margin-right: 10px !important
}

@media (max-width:992px) {
    .nk-menu-sub {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .btn-visibilties {
        display: none !important
    }
}

.nk-menu-sub .nk-menu-item .nk-menu-link:hover {
    border-radius: 8px !important
}

[dir="ltr"] .page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

[dir="ltr"] .page-item:last-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

[dir="rtl"] .page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir="rtl"] .page-item:last-child .page-link {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.form-control-select-join {
    border-radius: 0 !important
}

*:focus {
    outline: none !important
}

.input-direction-rtl .form-control:not(.number_input_style) {
    direction: rtl !important
}

.input-direction-ltr .form-control {
    direction: ltr !important
}

.product_table>tbody>tr:not(.auto-offer-item):not(.bg-stock, .bg-cost, .bg-price)>td,
.product_table>tbody>tr:not(.auto-offer-item):not(.bg-stock, .bg-cost, .bg-price)>th {
    background-color: #F2F2F2 !important
}

.product_table>tbody>tr:not(.auto-offer-item):not(.bg-stock, .bg-cost, .bg-price):nth-child(odd)>td,
.product_table>tbody>tr:not(.auto-offer-item):not(.bg-stock, .bg-cost, .bg-price):nth-child(odd)>th {
    background-color: #FFFFFF !important
}

.product_table th,
.product_table_pos th {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    padding: 4px !important;
    height: 35px !important;
    vertical-align: middle !important;
    border-radius: 0 !important
}

.product_table th {
    background-color: #9BC2E6 !important;
    color: black !important
}

.product_table td:not(.order) {
    padding: 0 !important;
}

.product_table .order {
    padding: 3px !important;
    text-align: center !important;
}

.product_table tr:not(.bg-stock, .bg-cost, .bg-price) td:focus-within {
    box-shadow: inset 0 0 0 2px rgb(101, 118, 255) !important;
}

.modal-header {
    padding: 10px !important
}

.modal-footer {
    padding: 5px !important
}

.input-group-text-fixed {
    width: 170px !important
}

.odd-background-color {
    background-color: #F2F2F2 !important
}

html,
body {
    overflow-x: hidden !important
}

.product_table_single th {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    padding: 4px !important;
    background-color: #9BC2E6 !important;
    height: 35px !important;
    vertical-align: middle !important;
    color: black !important;
    border-radius: 0 !important
}

.product_table_single td:not(.order) {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    padding: 4px !important;
    color: black !important
}

.product_table_single>tbody>tr:nth-child(even)>td,
.product_table_single>tbody>tr:nth-child(even)>th {
    background-color: #F2F2F2 !important
}

.product_table_single>tbody>tr:nth-child(odd)>td,
.product_table_single>tbody>tr:nth-child(odd)>th {
    background-color: #FFFFFF !important
}

body.modal-open:not(.no-prevent-scroll),
body.swal2-shown {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    padding-right: 0 !important
}

.product_table .form-control:not(.none_input_product_table) {
    padding: 2px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.w-40ch {
    width: 40ch !important
}

.w20ch {
    width: 20ch !important
}

.w12ch {
    width: 12ch !important
}

.autocomplete {
    font-size: 14px !important;
    min-width: 42ch !important
}

.product_table .unit-select {
    width: 12ch !important
}

.product_table .product_item_total_class {
    text-align: center !important;
    width: 20ch !important
}

.product_table .number_input_style:not(.none_input_product_table) {
    direction: ltr !important
}

@media (max-width:992px) {
    .product_table th {
        padding: 5px !important
    }

    .product_table td {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        width: max-content !important;
        min-width: max-content !important
    }

    .product_table .form-control:not(.autocomplete) {
        width: max-content !important;
        min-width: max-content !important
    }

    .ui-autocomplete {
        width: 280px !important
    }

    .ui-menu-item {
        white-space: break-spaces !important
    }
}

.bg-stock .qty-stock-warning {
    background-color: #e85347 !important;
    color: white !important
}

.bg-stock .qty-stock-warning a {
    color: white !important
}

.bg-stock .qty-stock-warning input {
    background-color: #e85347 !important;
    color: white !important
}

.bg-stock .qty-stock-warning div {
    background-color: #e85347 !important;
    color: white !important
}

.bg-cost .cost-warning {
    background-color: #e85347 !important;
    color: white !important
}

.bg-cost .cost-warning a {
    color: white !important
}

.bg-cost .cost-warning input {
    background-color: #e85347 !important;
    color: white !important
}

.bg-cost .cost-warning div {
    background-color: #e85347 !important;
    color: white !important
}

.bg-cost .cost-input-warning {
    background-color: #e85347 !important;
    color: white !important;
    border: 1px solid rgb(219, 223, 234) !important;
    box-shadow: none !important;
    outline: none !important;
}

.bg-price .price-warning {
    background-color: #e85347 !important;
    color: white !important
}

.bg-price .price-warning a {
    color: white !important
}

.bg-price .price-warning input {
    background-color: #e85347 !important;
    color: white !important
}

.bg-price .price-warning div {
    background-color: #e85347 !important;
    color: white !important
}

.bg-price .price-input-warning {
    background-color: #e85347 !important;
    color: white !important;
    border: 1px solid rgb(219, 223, 234) !important;
    box-shadow: none !important;
    outline: none !important;
}

.product-design {
    min-width: 20ch !important
}

.product_table td,
.product_table th {
    vertical-align: middle !important
}

.swal2-title {
    font-size: 1rem !important;
    font-weight: 500 !important
}

select[readonly] {
    cursor: no-drop;
    user-select: none;
    pointer-events: none;
    opacity: .7
}

select[readonly] option:not([selected]) {
    display: none
}

[dir="rtl"] .swal2-actions {
    direction: ltr !important
}

[dir="ltr"] .swal2-actions {
    direction: rtl !important
}

.auto-offer-item td {
    background-color: rgb(255, 199, 133) !important
}

@media screen and (min-width:768px) {
    *::-webkit-scrollbar-thumb {
        background-color: rgb(193, 193, 193) !important;
        border-radius: inherit !important
    }

    *::-webkit-scrollbar {
        width: 12px !important
    }
}

.product_table td {
    border-radius: 0 !important
}

.btn-round:not(.btn-icon, .btn-lg, .btn-pos-header) {
    font-weight: 400 !important;
    padding: .25rem .75rem !important;
    font-size: .85rem !important;
    line-height: 1.25rem !important
}

.swal2-actions button {
    padding: 8px !important;
    font-size: .85rem !important;
    font-weight: 400 !important;
    line-height: 1.25rem !important
}

.input-group-text-fixed-payment {
    width: 205px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important
}

.list-columns ul li:not(:last-child) {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgb(219, 223, 234) !important;
}

.list-columns ul li:first-child {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.list-columns ul li:last-child {
    border-bottom: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.table td {
    border-radius: 0 !important
}

#toast-container>div {
    border-radius: 8px !important
}

.nk-menu-sub {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .input-group-append .input-group-text:not(.this) {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

[dir="ltr"] .input-group-append .input-group-text:not(.this) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .input-group-prepend .input-group-text:not(.this) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="ltr"] .input-group-prepend .input-group-text:not(.this) {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

.select2-container--bootstrap .select2-selection__rendered {
    padding: 0 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.fc-more-popover {
    position: absolute !important
}

.fc-more-popover,
.popover,
.fc-daygrid-event {
    border-radius: 8px !important
}

.popover-header {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important
}

[dir="rtl"] .fc-popover-close {
    margin-left: 5px !important
}

[dir="ltr"] .fc-popover-close {
    margin-right: 5px !important
}

.fc-event-title,
.fc-event-time {
    font-size: 12px !important;
    font-weight: 400 !important
}

.modal-event-radius {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important
}

.event-detail-title {
    font-size: 15px !important;
    font-weight: 600 !important
}

.fc-today-button {
    border-radius: 8px !important
}

[dir="rtl"] .fc-dayGridMonth-button {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .fc-listWeek-button {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

[dir="ltr"] .fc-dayGridMonth-button {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

[dir="ltr"] .fc-listWeek-button {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

.bg-pink-calendar {
    background-color: rgb(255, 99, 165) !important
}

.calendar-modal .select-badge {
    font-size: 14px !important;
    font-weight: 400 !important
}

.calendar-modal .select2-search,
.calendar-modal .select2-selection__clear {
    display: none !important
}

.header-action-menu ul li a span {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.modal-on-top {
    background: rgb(32, 33, 36, .5);
    z-index: 9999 !important;
}

.modal-on-high-top {
    background: rgb(32, 33, 36, .5);
    z-index: 999999 !important;
}

.numeric-huge {
    font-size: 30px !important;
    font-weight: 900 !important;
    margin-bottom: -10px !important
}

.numeric-huge-link {
    color: rgb(101, 118, 255) !important
}

.numeric-huge-text {
    font-size: 18px !important
}

.btn-pos-header {
    font-size: 15px !important
}

.btn-group .btn-pos-header:hover {
    color: inherit !important
}

[dir="ltr"] .number-spinner-wrap .number-minus {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

[dir="ltr"] .number-spinner-wrap .number-plus {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .number-spinner-wrap .number-minus {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .number-spinner-wrap .number-plus {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

.product-card-length {
    cursor: pointer !important
}

.product-modal {
    z-index: 9999 !important
}

.accounting-btn-group .btn {
    font-size: 15px !important;
    font-weight: 900 !important
}

.select_search,
.simple_select_search {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.modal form {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.select2-selection__choice {
    border-radius: 8px !important;
    background-color: #ced6e0 !important
}

.select2-results__option:not([aria-selected="true"]):hover,
.select2-results__option--highlighted {
    background-color: #ced6e0 !important
}

.select2-results__option[aria-selected="true"] {
    background-color: #ced6e0 !important
}

.kanban-item-meta-list .day-left {
    margin-top: -4px !important
}

.nav-item-tab {
    margin-top: -15px !important;
    margin-bottom: -10px !important
}

.nav-item-tab a {
    font-size: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.dropzone {
    border-radius: 8px !important
}

.dz-message-text {
    font-size: 1rem !important
}

.h-36px {
    height: 36px !important
}

.dz-error-message {
    display: none !important
}

.dz-filename {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 150px !important
}

.ui-tooltip {
    border-radius: 8px !important
}

.w-5 {
    width: 5% !important
}

input[type="datetime-local"] {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.w-max-800px {
    max-width: 800px !important;
    width: 100% !important;
}

.nk-notification-text-span {
    font-size: 15px !important;
    font-weight: 800 !important;
}

.nk-notification-time {
    font-size: 14px !important;
}

.nk-notification-icon em {
    cursor: pointer !important;
}

.form-control:not(.number-spinner-input):not(.product_table .form-control):not(.non-focus):focus,
.select2-container .select2-selection--multiple:focus,
.select2-container--default .select2-selection--single:focus,
.form-control-wrap .select2-search__field:focus {
    box-shadow: inset 0 0 0 2px rgb(101, 118, 255) !important;
    border: none !important;
    outline: none !important;
}

.custom-control-input:focus,
.custom-control-label::before {
    box-shadow: none !important;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box !important;
    border: none !important;
    font-size: 100% !important;
    margin-top: 5px !important;
    padding: 0 !important;
}

.select2-container .select2-selection--multiple {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
    border-radius: 8px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.select2-container .select2-search--inline {
    line-height: inherit !important;
}

.number-spinner-wrap {
    display: flex !important;
    align-items: stretch !important;
}

.number-spinner-btn {
    height: 100% !important;
}

.number-spinner-input:focus {
    border: 1px solid rgb(219, 223, 234) !important;
    box-shadow: none !important;
    outline: none !important;
}

.contact-balance-danger {
    color: #e85347 !important;
    font-weight: 800 !important;
}

.contact-balance-bold {
    font-weight: 800 !important;
}

.batch-number-select2 {
    border: none !important;
    border-radius: 0 !important;
    min-width: 150px !important;
    background-color: transparent !important;
}

.pos-batch-number-select2 {
    min-width: 150px !important;
}

.element-hover:hover {
    cursor: pointer !important;
}

.login-form .password-switch {
    margin-top: 7px !important;
}

.password-switch-top {
    margin-top: 5px !important;
}

.font-bold-20 {
    font-weight: 700 !important;
    font-size: 20px !important;
}

.pos-list-group {
    padding-bottom: 20px !important;
}

.pos-list-group li {
    border: 1px solid rgb(219, 223, 234) !important;
    border-radius: 8px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.input-group>.select2-container--default {
    width: auto !important;
    flex: 1 1 auto !important;
}

[dir="ltr"] .select2-input-group-prepend>.select2-container--default .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

[dir="rtl"] .select2-input-group-prepend>.select2-container--default .select2-selection--single {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

[dir="ltr"] .select2-input-group-append>.select2-container--default .select2-selection--single {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

[dir="rtl"] .select2-input-group-append>.select2-container--default .select2-selection--single {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

[dir="ltr"] .select2-input-group-pos-header>.select2-container--default .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important
}

[dir="rtl"] .select2-input-group-pos-header>.select2-container--default .select2-selection--single {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

[dir="ltr"] .select2-input-group-pos-header .input-group-text {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

[dir="rtl"] .select2-input-group-pos-header .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important
}

[dir="ltr"] .ml-1rem {
    margin-left: 1rem !important
}

[dir="rtl"] .ml-1rem {
    margin-right: 1rem !important
}

.total-invoice-bottom {
    padding-left: .375rem !important;
    padding-right: .375rem !important;
    margin-left: .375rem !important;
    margin-right: .375rem !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

[dir="rtl"] .table-responsive {
    padding-left: 1px !important;
}

.add-swal-product-padding {
    padding: 0 !important;
    padding-bottom: 10px !important;
}

.add-swal-product-padding .swal2-actions {
    margin-top: -5px !important;
}

.add-swal-product-padding .list-group-item:first-child {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.add-swal-product-padding .list-group-item:focus {
    color: rgb(101, 118, 255) !important;
}

.form-group-new-line {
    margin-top: 5px !important;
}

.form-group-new-line a {
    margin-top: 5px !important;
}

.form-group-new-line a span,
.form-group-new-line a em {
    font-size: 15px !important;
}

.swal2-container {
    z-index: 99999 !important;
}

.custom-file-label {
    border-radius: 8px !important;
}

.select2-input-group-pos-header .input-group-text {
    background: transparent !important;
    color: white !important;
}

.select2-input-group-pos-header>.select2-container--default .select2-selection--single {
    min-width: 200px !important;
    background: transparent !important;
    color: white !important;
}

.select2-input-group-pos-header>.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: white !important;
}

.select2-input-group-pos-header>.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white !important;
}

.form-label {
    font-weight: 400 !important;
    font-size: 1rem !important;
}

.jstree-default .jstree-search {
    font-style: normal !important;
    color: rgb(121, 139, 255) !important;
    font-size: larger !important;
}

.padding-8px {
    padding: 8px !important;
}