.hit-green {
   background: #d9fbe0 !important;
   color: #0f6b2f !important;
   font-weight: 700;
   border-radius: 6px;
   padding: 2px 8px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: 0.8;
}



@font-face {
   font-family: dana;
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/dana/dana-fanum-bold.eot);
   src: url(../fonts/dana/dana-fanum-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/dana/dana-fanum-bold.woff2) format("woff2"),
      url(../fonts/dana/dana-fanum-bold.woff) format("woff");
}

@font-face {
   font-family: dana;
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/dana/dana-fanum-regular.eot);
   src: url(../fonts/dana/dana-fanum-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/dana/dana-fanum-regular.woff2) format("woff2"),
      url(../fonts/dana/dana-fanum-regular.woff) format("woff");
}

@font-face {
   font-family: shabnam;
   src: url(../fonts/Shabnam/Shabnam.eot);
   src: url(../fonts/Shabnam/Shabnam.eot) format("embedded-opentype"), url(../fonts/Shabnam/Shabnam.woff) format("woff"), url(../fonts/Shabnam/Shabnam.ttf) format("truetype"),
      url(../fonts/Shabnam/Shabnam.woff2) format("woff2");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: CENTAUR;
   src: url(../fonts/CENTAUR/CENTAUR.TTF);
   font-weight: 400;
   font-style: normal;
}

body,
.popover {
   font-family: shabnam !important;
}

.fm-centaur {
   font-family: CENTAUR !important;
}

.material-icons-outlined {
   vertical-align: middle;
}

.auth-pass-inputgroup input[type="text"] + .btn .material-icons-outlined:before {
   content: "\F06D1";
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
   background-image: none !important;
}

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a span.material-icons-outlined {
   display: inline-block;
   height: 18px;
   width: 18px;
   margin-left: 6px;
   font-size: 24px;
}

.form-control.error {
   border-color: #ef6767;
}
label.error {
   color: #ef6767 !important;
   margin: 0;
}

.choices__inner {
   border: 1px solid #ced4da !important;
}

.tooltip {
   font-family: shabnam !important;
}

.dataTables_processing {
   background: #fff !important;
   z-index: 1;
   width: 200px !important;
   margin: auto !important;
   padding: 0;
   padding: 10px !important;
   color: #34c38f !important;
   font-size: 17px !important;
}
.table.dataTable > thead > tr > td:not(.sorting_disabled),
.table.dataTable > thead > tr > th:not(.sorting_disabled),
table.dataTable > thead > tr > td:not(.sorting_disabled),
table.dataTable > thead > tr > th:not(.sorting_disabled) {
   padding-right: 30px;
   padding-left: 12px;
}

.header-item {
   height: unset !important;
   font-size: 14px;
   padding: 5px;
}
.mode-setting-btn {
   background: transparent;
}
.header-item.link {
   color: #1c84ee !important;
}
.navbar-header {
   height: 30px !important;
   padding: 0 !important;
}
.page-content {
   padding: 0px;
   padding-top: 34px;
   padding-bottom: 55px;
}
.vertical-menu {
   top: 43px !important;
}
.pace-activity {
   display: none !important;
}

.choices__input,
.select2-search__field::-webkit-input-placeholder {
   /* Edge */
   color: #bac0c0 !important;
}

.choices__input,
.select2-search__field:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: #bac0c0 !important;
}

.choices__input,
.select2-search__field::placeholder {
   color: #bac0c0 !important;
}
tbody,
td,
tfoot,
th,
thead,
tr {
   text-align: center;
   vertical-align: middle;
}
.btn-import-excel {
   cursor: pointer;
   color: #34c38f;
}

.clockpicker-popover {
   z-index: 10000;
   direction: ltr;
}
.form-check-input {
   width: 1.5em;
   height: 1.5em;
   margin-bottom: 5px;
}
.form-check {
   padding-right: 30px;
   min-height: 27px;
   line-height: 24px;
}
.form-check .form-check-input {
   margin-right: -25px;
}

.choices label.error {
   font-size: 13px;
}

.choices__inner.validation-error {
   border-color: #ef6767 !important;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
   float: right;
}
.select2-selection__choice {
   position: relative;
   padding-left: 17px !important;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
   position: absolute;
   left: 0;
}

.select2.error .select2-selection {
   border-color: #ef6767 !important;
}

.toast {
   background: #fff !important;
}

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu .badge,
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu .menu-title,
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu .sidebar-alert {
   display: flex !important;
}

.metismenu li .badge {
   position: absolute !important;
   padding-right: 0 !important;
   background: #ef6767;
   width: 17px;
   height: 17px;
   padding: 0;
   line-height: 3px;
   left: 5px;
   top: 10px;
   margin-top: 0 !important;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   font-size: 10px;
}
body[data-sidebar-size="lg"] .metismenu li .badge {
   width: 22px;
   height: 22px;
   line-height: 22px;
}

.btn-ajax-views:hover {
   cursor: pointer;
}

.notify-container {
   position: fixed;
   bottom: 30px;
   z-index: 500;
   top: 61px;
   width: 390px;
   padding: 5px;
   background-color: #f5f5f5;
   border-radius: 0 5px 5px 0;
   left: 0;
   transform: translateX(-100%);
   transition: transform 0.3s ease-in-out;
}
.notify-container .toast {
   width: 100%;
}

body[data-layout-mode="dark"] .notify-container {
   background-color: var(--bs-gray-dark);
}
.notify-container.show {
   transform: translateX(0%);
   visibility: visible;
   box-shadow: 1px 1px 5px #bfbcbc;
}

body[data-layout-mode="dark"] .notify-container.show {
   box-shadow: 1px 1px 5px var(--bs-gray-700);
}
.notify-container.visibil {
   visibility: visible;
}

.notify-container .notifications-list {
   height: 100%;
   overflow-y: auto;
}

.notify-container .toggle-btn {
   position: absolute;
   right: -55px;
   top: 0;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   height: 35px;
   width: 35px;
   box-shadow: unset !important;
}
.notify-container.show .toggle-btn {
   right: -25px;
}
.notify-container .toggle-btn::before {
   font-family: "Material Icons Outlined";
   content: "arrow_forward_ios";
   font-size: 19px;
   position: absolute;
   left: 6px;
   top: 9px;
   line-height: 13px;
}
.notify-container.show .toggle-btn::before {
   content: "arrow_back_ios";
}

label.form-label {
   margin-bottom: 0.2rem;
}
.modal-body {
   padding: 0.8rem;
}

.without_ampm::-webkit-datetime-edit-ampm-field {
   display: none;
}
input[type="time"]::-webkit-clear-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -ms-appearance: none;
   appearance: none;
   margin: -10px;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
   padding: 5px 17px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
   padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
   padding: 3px;
}

.table.dataTable > thead .sorting::after,
.table.dataTable > thead .sorting_asc::after,
.table.dataTable > thead .sorting_asc_disabled::after,
.table.dataTable > thead .sorting_desc::after,
.table.dataTable > thead .sorting_desc_disabled::after,
table.dataTable > thead .sorting::after,
table.dataTable > thead .sorting_asc::after,
table.dataTable > thead .sorting_asc_disabled::after,
table.dataTable > thead .sorting_desc::after,
table.dataTable > thead .sorting_desc_disabled::after {
   right: 0.5em;
   left: auto;
}
.table.dataTable > thead .sorting::before,
.table.dataTable > thead .sorting_asc::before,
.table.dataTable > thead .sorting_asc_disabled::before,
.table.dataTable > thead .sorting_desc::before,
.table.dataTable > thead .sorting_desc_disabled::before,
table.dataTable > thead .sorting::before,
table.dataTable > thead .sorting_asc::before,
table.dataTable > thead .sorting_asc_disabled::before,
table.dataTable > thead .sorting_desc::before,
table.dataTable > thead .sorting_desc_disabled::before {
   right: 1em;
   left: auto;
}
.table th {
   font-weight: 600;
}
table.dataTable td {
   vertical-align: middle;
}

*::-webkit-scrollbar {
   width: 8px;
   height: 10px;
}

*::-webkit-scrollbar-track {
   background: #ffffff;
}

*::-webkit-scrollbar-thumb {
   background-color: #050505;
   border-radius: 10px;
   border: 2px solid #ffffff;
}

body[data-topbar="dark"] *::-webkit-scrollbar-thumb {
   background-color: #666;
   border-radius: 10px;
   border: 2px solid #777;
}
body[data-topbar="dark"] *::-webkit-scrollbar-track {
   background: #191e22;
}

.dataTable thead th {
   vertical-align: top !important;
}

body[data-sidebar-size="sm"] .vertical-menu {
   width: 40px !important;
}
body[data-sidebar-size="sm"] .main-content {
   margin-right: 0;
}
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a {
   padding: 13px 6px;
}

.dataTables_paginate .page-link {
   padding: 4px 9px;
   line-height: 21px;
   margin: 0;
}
.form-switch.custom .form-check-input {
   width: 35px;
}
.form-switch.custom .form-check-input:checked {
   background-color: #ffc600;
   border-color: #ffc600;
}
.header-logo {
   direction: ltr;
   margin-bottom: 0;
   margin-top: 11px;
}

body[data-sidebar-size="sm"] .footer {
   right: 0;
}

.mini-hr {
   margin-top: 3px;
   margin-bottom: 3px;
}

.notify-comments {
   margin: 0;
   padding: 0;
   list-style: none;
}
.notify-comments li {
   padding-left: 20px;
   position: relative;
}
.notify-comments li .btn-delete-comment {
   position: absolute;
   left: 0;
   top: 0;
   border: 0;
   padding: 0;
   margin: 0;
   color: red;
   background: #fff;
}

.border-color-primary {
   border: 2px solid #34c38f;
}
.border-color-primary:focus {
   border: 2px solid #34c38f;
}

.btn {
   background-color: #fac000 !important;
   border-color: #fac000 !important;
   color: #fff !important;
}
.btn:hover {
   background-color: #ddad00fa !important;
}
.bg-yellow {
   background-color: #fac000 !important;
}

.btn.header-item {
   background-color: transparent !important;
   color: #555b6d !important;
   border-color: #e9e9ef !important;
}

body[data-layout-mode="dark"] .btn.header-item {
   background-color: transparent !important;
   color: #fff !important;
   border-color: #181e23 !important;
}

.page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #9e9e9e;
   border-color: #9e9e9e;
}

.ui-datepicker-next,
.ui-datepicker-prev {
   height: 40px;
}

.topnav-menu .icon {
   vertical-align: text-bottom;
}

.topnav .navbar-nav .nav-link.active {
   color: #fac000 !important;
}
.topnav .navbar-nav .dropdown.active > a {
   color: #fac000 !important;
}
@media (max-width: 990px) {
   .topnav {
      top: 0;
      margin: 0;
      height: 40px;
   }
}
@media (min-width: 991px) {
   .topnav .navbar-nav .nav-link {
      padding: 0 8px;
   }
   .topnav {
      background: unset !important;
      padding: unset !important;
      margin-top: unset !important;
      position: unset !important;
      right: unset !important;
      left: unset !important;
      z-index: unset !important;
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      padding-right: 20px !important;
   }
}

body[data-layout-mode="dark"] .table {
   border-color: #2f373f;
   color: #b1b1b1 !important;
}
body[data-layout-mode="dark"] .table .table-light,
body[data-layout-mode="dark"] .table-hover > tbody > tr:hover,
body[data-layout-mode="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
   color: #b1b1b1 !important;
}
body[data-layout-mode="dark"] .toast-body {
   background: #282f36;
}
body[data-layout-mode="dark"] .toast {
   border-color: #282f36;
}
body[data-layout-mode="dark"] .toast-header {
   border-color: #282f36;
}
body[data-layout-mode="dark"] .table .table-light,
body[data-layout-mode="dark"] .table-hover > tbody > tr:hover,
body[data-layout-mode="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
   --bs-table-accent-bg: #3e4246;
   color: #858d98;
}

body[data-layout-mode="dark"] .select2-container .select2-selection--multiple .select2-selection__choice {
   background-color: #121518;
   border: 1px solid #242a30;
   border-radius: 1px;
   padding: 0 7px;
}

.colorpicker-bs-popover {
   z-index: 11111111111111;
}
.colorpicker {
   direction: ltr;
   -webkit-box-sizing: inherit !important;
   box-sizing: inherit !important;
}

@media (min-width: 992px) {
   .modal-xl {
      max-width: 1040px;
   }
}

.product-input {
   color: #fff !important;
}
.product-input::-webkit-input-placeholder {
   color: #fff !important;
}
.product-input:-ms-input-placeholder {
   color: #fff !important;
}
.product-input::placeholder {
   color: #fff !important;
}

[type="email"],
[type="number"],
[type="tel"],
[type="url"] {
   direction: ltr !important;
}

body[data-layout-mode="dark"] tr.bg-animated td {
   background-color: #d5a505 !important;
   --bs-table-accent-bg: #d5a505 !important;
   color: #fff !important;
   transition: background-color 1000ms linear;
}

body[data-layout-mode="light"] tr.bg-animated td {
   background-color: #d5a505 !important;
   --bs-table-accent-bg: #d5a505 !important;
   color: #fff !important;
   transition: background-color 1000ms linear;
}

.modal-header .btn-close {
   padding: 0.5rem 0.5rem;
   margin: 0;
   position: absolute;
   left: 5px;
   top: 10px;
}

.select2-container .select2-selection--single .select2-selection__placeholder {
   color: #b4bbc3 !important;
}

.total-price {
   unicode-bidi: bidi-override;
   direction: ltr;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

.chk-returned-all {
   background-color: red;
   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='%23fff'/%3e%3c/svg%3e") !important;
}

.chk-returned-part {
   background-color: rgb(255, 196, 0);
   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='%23fff'/%3e%3c/svg%3e") !important;
}

.chk-returned-all:checked,
.chk-returned-part:checked {
   background-color: #06db34 !important;
   border-color: #06db34 !important;
}

.ui-datepicker-next,
.ui-datepicker-prev {
   background-color: #fff !important;
   color: #000 !important;
   border-color: #fff !important;
   line-height: 40px;
}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
   background-color: #fff !important;
   color: #d5a505 !important;
}

.big-datepicker .ui-datepicker {
   width: 100%;
   box-shadow: unset !important;
   border: 0;
}
.big-datepicker .ui-widget-content {
   background-color: var(--bs-table-bg);
}

body[data-layout-mode="dark"] .ui-datepicker {
   color: #a3a3a3 !important;
   background-color: #242a30;
}
body[data-layout-mode="dark"] .ui-datepicker {
   color: #a3a3a3 !important;
   background-color: #242a30;
}
body[data-layout-mode="dark"] .ui-datepicker .ui-datepicker-header {
   border-bottom: 1px solid #30373f;
}
body[data-layout-mode="dark"] .ui-datepicker .ui-state-default {
   background-color: #3e4246;
   color: white;
}

body[data-layout-mode="dark"] .conclusion-table .table-secondary td {
   background-color: #3e4246 !important;
   color: #a3a3a3;
}

body[data-layout-mode="dark"] .conclusion-table .product-daily-inventory {
   color: #adb5bd;
   background-color: #282f36;
   border: 1px solid #30373f;
}

.icon-circle-arrow-left::before {
   content: "chevron_left";
   font-family: "Material Icons Outlined";
   font-style: normal;
   font-size: 25px;
   width: 30px;
   position: absolute;
   left: -9px;
   top: -9px;
}
.icon-circle-arrow-right::before {
   content: "chevron_right";
   font-family: "Material Icons Outlined";
   font-style: normal;
   font-size: 25px;
   width: 30px;
   position: absolute;
   right: -9px;
   top: -9px;
}

.noborder-form-control {
   border: 0;
   text-align: center;
   outline: none;
   background-color: transparent;
}

body[data-layout-mode="dark"] .noborder-form-control {
   color: #d5d5d5;
}

.ui-datepicker-next,
.ui-datepicker-prev {
   background-color: #fac000 !important;
   color: #fff !important;
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
   background-color: #d5a505 !important;
   color: #fff !important;
}
.ui-datepicker-prev > i,
.ui-datepicker-next > i {
   display: flex;
   position: relative;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.footer {
   padding: 14px !important;
}
.big-datepicker .ui-state-default {
   display: inline-block;
   border-radius: 50% !important;
   width: 30px !important;
   height: 30px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   margin: auto !important;
   line-height: 32px;
}
.ui-state-active {
   background: #fac000 !important;
   color: #fff !important;
}
.form-control:disabled,
.form-control[readonly] {
   background-color: transparent;
   opacity: 1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
   color: #fff;
   background-color: #fac000 !important;
}

hr.dashed {
   background-color: unset !important;
   border: 1px dashed #bfbebe;
   opacity: 1;
}

.btn-actions-info {
   position: fixed;
   bottom: 5%;
   right: 2%;
   z-index: 5;
}

.btn-actions-info button {
   border-radius: 50%;
   box-shadow: 1px 1px 10px #d9a700;
   padding: 11px 12px;
}

.btn-actions-info button span {
   font-size: 30px !important;
}

.btn-actions-info .dropdown-item {
   font-size: 14px;
   text-align: center;
   font-weight: bold;
   padding: 5px 0;
}

.btn-actions-info .products-qty-list {
   display: flex;
   justify-content: start;
   direction: ltr;
   flex-wrap: wrap;
}
.btn-actions-info .products-qty-list span {
   padding: 7px 10px;
   margin: 2px;
   line-height: 17px;
   font-size: 18px;
   unicode-bidi: plaintext;
   border-radius: 3px;
}

@media (max-width: 991.98px) {
   .offcanvas-collapse {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 100%;
      width: 70%;
      height: 100%;
      z-index: 1046 !important;
      padding-right: 1rem;
      padding-left: 1rem;
      overflow-y: auto;
      visibility: hidden;
      background-color: #f5f5f5;
      transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
   }
   .offcanvas-collapse.open {
      visibility: visible;
      transform: translateX(-100%);
   }
   .topnav {
      max-height: 360px;
      overflow-y: unset !important;
      padding: 0;
   }
   .topnav .dropdown .dropdown-menu {
      background-color: #f5f5f5 !important;
   }
}

/* پس‌زمینه‌ی تیره پشت منوی کشویی موبایل
   در سطح body با z-index کمتر از هدر (#page-topbar: 1002) قرار می‌گیرد.
   چون منو داخل هدر و nav.topnav (که context جدا با z:100 می‌سازد) حبس است،
   تنها راه مطمئن این است که backdrop زیرِ کل هدر بماند. بدون blur برای موبایل. */
.main-menu-backdrop {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.45);
   z-index: 999;
   opacity: 0;
   transition: opacity 0.3s ease;
}
.main-menu-backdrop.show {
   opacity: 1;
}

@media (max-width: 991.98px) {
   /* ظاهر بهتر منوی کشویی */
   .offcanvas-collapse {
      box-shadow: -10px 0 30px rgba(0, 0, 0, 0.22);
      border-top-left-radius: 16px;
      border-bottom-left-radius: 16px;
      padding-top: 0.5rem;
   }
   .offcanvas-collapse .navbar-nav .nav-link {
      border-radius: 10px;
      margin: 2px 0;
      transition: background-color 0.15s ease, color 0.15s ease;
   }
   .offcanvas-collapse .navbar-nav .nav-item > .nav-link:active {
      background-color: rgba(250, 192, 0, 0.18);
   }
   .offcanvas-collapse .navbar-nav .nav-link.active {
      background-color: rgba(250, 192, 0, 0.15);
   }
   /* دکمه‌ی بستن منو کمی بزرگ‌تر و راحت‌تر برای لمس */
   #btn-close-main-menu {
      padding: 0.6rem;
   }
}

.btn-actions-info .dropdown-menu {
   min-width: 34rem;
   box-shadow: 1px 1px 20px #838282;
}

.btn-green {
   color: #fff !important;
   background-color: #079325 !important;
   border-color: #079325 !important;
}
.btn-green:hover {
   background-color: #04731c !important;
}

.btn-gray {
   color: #fff !important;
   background-color: #6c757d !important;
   border-color: #6c757d !important;
}

.custom-print {
   width: 160px;
}

@media (max-width: 991.98px) {
   .btn-actions-info .dropdown-menu {
      min-width: 22.5rem;
   }
   body {
      padding-top: 15px;
   }
   body[data-layout-mode="dark"] .topnav-menu {
      box-shadow: 1px 1px 5px #fac000;
   }
   body[data-layout-mode="dark"] .navbar-light .navbar-toggler {
      color: rgba(0, 0, 0, 0.55);
      border-color: rgba(0, 0, 0, 0.1);
      background: #fac000 !important;
      padding: 4px 8px !important;
   }

   body[data-layout-mode="dark"] .offcanvas-collapse {
      background-color: #242a30;
   }
   body[data-layout-mode="dark"] .topnav .dropdown .dropdown-menu {
      background-color: #242a30 !important;
   }
   .custom-print {
      width: 100%;
   }
}

.btn-purple {
   background-color: #a200bb !important;
   border-color: #a200bb !important;
   color: #fff !important;
}

.btn-purple:hover {
   background-color: #7c028f !important;
}

.btn-red {
   background-color: #f60707 !important;
   border-color: #f60707 !important;
   color: #fff !important;
}

.btn-red:hover {
   background-color: #dc0505 !important;
}

div.dataTables_wrapper div.dataTables_processing {
   transform: translate(-50%, 0) !important;
   box-shadow: 1px 1px 10px #ddd;
   top: 40% !important;
   padding-right: 34px !important;
}
body[data-layout-mode="dark"] div.dataTables_wrapper div.dataTables_processing {
   background: #242a30 !important;
   box-shadow: 1px 1px 10px #4c545c !important;
}
div.dataTables_wrapper div.dataTables_processing::after {
   content: " ";
   display: block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   border: 3px solid #fff;
   border-color: #34c4ac transparent #34c4ac transparent;
   animation: lds-dual-ring 1.2s linear infinite;
   margin: auto;
   text-align: center;
   margin-top: 10px;
   position: absolute;
   right: 10px;
   top: 0;
}
.dataTables_scroll {
   padding: 10px 0 !important;
}
@keyframes lds-dual-ring {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

@media (max-width: 991.98px) {
   .topnav .navbar-nav .nav-link {
      padding: 0.6rem 1.1rem !important;
   }
}

.clock {
   width: 420px;
   height: 420px;
   margin: 0 auto;
   margin-top: 5%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: url(../images/clock.png);
   background-size: cover;
   border: 3px solid #fac000;
   border-radius: 50%;
   box-shadow: 0 -15px 15px rgba(255, 255, 255, 0.05), inset 0 -15px 15px rgba(255, 255, 255, 0.05), 0 15px 15px rgba(0, 0, 0, 0.3), inset 0 15px 15px rgba(0, 0, 0, 0.3);
}
.clock:before {
   content: "";
   position: absolute;
   width: 15px;
   height: 15px;
   background: #fac000;
   border-radius: 50%;
   z-index: 500;
}
.clock .hour,
.clock .minutes,
.clock .seconds {
   position: absolute;
}
.clock .hour,
.hor {
   width: 160px;
   height: 160px;
}
.clock .minutes,
.mn {
   width: 190px;
   height: 230px;
}
.clock .seconds,
.sc {
   width: 230px;
   height: 230px;
}
.hor,
.mn,
.sc {
   display: flex;
   justify-content: center;
   position: absolute;
   border-radius: 50%;
}
.hor:before {
   content: "";
   position: absolute;
   width: 8px;
   height: 85px;
   background: #fac000;
   z-index: 10;
   border-radius: 6px 6px 0 0;
}
.mn:before {
   content: "";
   position: absolute;
   width: 5px;
   height: 120px;
   background: #fac000;
   z-index: 11;
   border-radius: 6px 6px 0 0;
}
.sc:before {
   content: "";
   position: absolute;
   width: 2px;
   height: 150px;
   background: rgb(252, 40, 86);
   z-index: 12;
   border-radius: 6px 6px 0 0;
}

@media screen and (max-width: 768px) {
   .clock {
      height: 250px;
      width: 250px;
   }
   .datetime {
      width: 250px;
   }
   .date {
      font-size: 18px;
   }
   .time {
      font-size: 50px;
   }
}

.click2dial:hover {
   color: #c0c6d2;
   cursor: pointer;
}

/* animate__animated */
.animate__animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}

/* animate__fadeInDown */
@keyframes animate__fadeInDown {
   0% {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
   }

   100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
   }
}

.animate__fadeInDown {
   animation-name: animate__fadeInDown;
}

/* سبد خرید همیشه سبز (مثل تصویر سوم) */
.btn-icon-invoice {
   width: 35px;
   height: 25px;
   background: #28a745;
   /* سبز ثابت */
   border: none;
   border-radius: 4px;
   /* اگر گردتر می‌خواهی: 6px یا 9999px */
   padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   vertical-align: middle;
   cursor: pointer;
   box-shadow: none !important;
   margin: 0 5px;
}

/* آیکن سفید و کمی بزرگ */
.btn-icon-invoice .material-icons-outlined {
   font-size: 17px;
   /* اگر بزرگ‌تر می‌خواهی: 18px یا 20px */
   color: #fff;
   line-height: 1;
}

/* هیچ تغییری با هاور/فوکوس نده */
.btn-icon-invoice:hover,
.btn-icon-invoice:focus,
.btn-icon-invoice:active {
   background: #28a745 !important;
   box-shadow: none !important;
   outline: none !important;
}

/* ================================
   افکت‌های ویژه متن برای جلب توجه
   ================================ */

.effect-alert {
   display: inline;            /* باعث میشه آیکون و متن تو یک خط باشن */
   white-space: nowrap;        /* متن و آیکون جدا نشه */
}
.effect-alert::before {
   content: "⚠️";              /* آیکون هشدار */
   display: inline;
   margin-inline-end: 0px;     /* فاصله آیکون از متن */
   color: #ff4081;             /* رنگ آیکون */
   animation: blinkAlert 3s ease-in-out infinite; /* چشمک‌زدن */
   vertical-align: baseline;
}
@keyframes blinkAlert {
   0%, 100% { opacity: .15 }
   50% { opacity: 1 }
}



/* ===== Local Material Icons Outlined (National-Internet Safe) ===== */
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/material-icons-outlined/material-icons-outlined.woff2") format("woff2");
}

/* ensure icons render even if google fonts blocked */
.material-icons-outlined{
  font-family: "Material Icons Outlined" !important;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;

  font-size: 24px;       /* ← اینو تنظیم کن: 24 / 28 / 32 */
  vertical-align: middle; /* ← توی دکمه‌ها خوش‌فرم‌تر */
}