::-moz-placeholder {
  font-family: "Effra";
}

::placeholder {
  font-family: "Effra";
}

.hand {
  cursor: pointer;
}

.navbar-brand.text-center .brand-logo .logo {
  width: 31px;
  position: relative;
  top: 4px;
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a,
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
  font-weight: 100 !important;
}

.dark-style .layout-navbar.navbar .dropdown-notifications .nav-link .bx-cart {
  color: #95a4bd !important;
}

.dark-style .layout-navbar.navbar .dropdown-notifications .nav-link .bx-cart:hover {
  color: #d8deea !important;
}
.layout-navbar.navbar .dropdown-notifications .nav-link .bx-cart {
  color: #677788 !important;
}

.layout-navbar.navbar .dropdown-notifications .nav-link .bx-cart:hover {
  color: rgb(81.4, 99, 119) !important;
}
label {
  font-family: "Effra-Bold";
}

.custom-option-icon .custom-option-body .custom-option-title, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Effra" !important;
}

.phone-input .country_selection .select2-dropdown.select2-dropdown--below,
.phone-input .country_selection .select2-dropdown.select2-dropdown--above {
  width: 100% !important;
}

.dark-style select.custom-select.form-control {
  background-color: #1c222f !important;
}

.select2-container--open {
  z-index: 999999 !important;
}

#select2-dropdown {
  width: 100% !important;
}

#select2-report_type-results {
  min-height: 320px;
}

button,
.btn,
h1,
h2,
h3,
button span,
.switch-label,
.card-title,
tr .name,
.card-header h5,
.card-header,
.menu-inner .menu-item a.menu-link.menu-toggle div,
.menu-sub .menu-item a.menu-link span,
h4.breadcrumb-wrapper a,
h4.breadcrumb-wrapper span,
.menu-inner .menu-item .menu-link .menu-item,
.btn span,
h6.invoice-title, thead th,
a.jstree-anchor,
.tree-link-card table td a,
.card-header h3,
.swiper-wrapper h4,
.swal2-html-container,
.content-left h4,
.tab-pane .card h5 {
  font-family: "Effra-Bold" !important;
}

html.light-style:not([dir=rtl]) :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):first-child {
  border-left-color: #d4d8dd;
}

html.light-style:not([dir=rtl]) :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type {
  border-left-color: #d4d8dd !important;
}

html.light-style:not([dir=rtl]) :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type {
  border-right-color: #d4d8dd;
}

[dir=rtl] .btn-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child, [dir=rtl] .input-group > .btn:not([class*=btn-outline-]):first-child, [dir=rtl] :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):first-child, [dir=rtl] .input-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child {
  border-left-color: #d4d8dd !important;
  border-right-color: #d4d8dd !important;
  padding-top: 4px;
  padding-bottom: 7px;
}

[dir=rtl] .btn-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type, [dir=rtl] .input-group > .btn:not([class*=btn-outline-]):last-of-type, [dir=rtl] :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type, [dir=rtl] .input-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type {
  border-right-color: #d4d8dd !important;
  border-left-color: #d4d8dd !important;
  padding-top: 4px;
  padding-bottom: 7px;
}

.dark-style .btn-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child, .dark-style .input-group > .btn:not([class*=btn-outline-]):first-child, .dark-style :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):first-child, .dark-style .input-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child {
  border-left-color: #546990 !important;
  border-right-color: #546990 !important;
}

.dark-style .btn-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type, .dark-style .input-group > .btn:not([class*=btn-outline-]):last-of-type, .dark-style :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type, .dark-style .input-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type {
  border-right-color: #546990 !important;
  border-left-color: #546990 !important;
}

.btn-block {
  width: 100% !important;
}

.btn.option {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.btn-group:not(.dropdown) > .btn {
  border: 1px solid #e9ecee;
}

.btn {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

html:not([dir=rtl]) :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type {
  border-left-color: transparent;
}

div.dt-buttons {
  text-align: left !important;
}

.dt-button-collection {
  top: auto !important;
  left: auto !important;
}

.table-image-padding {
  padding: 0.625rem !important;
}

table.dataTable {
  margin-bottom: 0 !important;
}

.table .dropdown-toggle::after {
  display: none;
}

.tr .name {
  font-size: 1.1rem !important;
  font-weight: 300;
}

td.checkOptions {
  padding: 0.625rem 0.625rem !important;
}

[dir=rtl] td .list-unstyled {
  padding-right: 0;
}

.table td a {
  display: inline-block !important;
}

.reports-layout .table th {
  font-size: 100% !important;
}

@media (max-width: 770px) {
  .table-length-div {
    min-width: 40%;
  }
}
[dir=rtl] .badge.m {
  float: left !important;
}
[dir=rtl] .badge.badge-center.rounded-pill.bg-label-primary.n {
  left: 50px;
}
[dir=rtl] .bx.bx-qr.store-bq.bx-sm.n {
  left: 22px;
}
[dir=rtl] .navbar-brand.text-center .brand-logo .logo {
  left: 90px;
}
[dir=rtl] .faq-header:before {
  right: -135px;
  transform: rotate(90deg);
}
[dir=rtl] .faq-header:after {
  left: -1.8rem;
  transform: rotate(135deg);
}
[dir=rtl] .faq-header:after {
  left: -1.8rem;
  transform: rotate(135deg);
}
[dir=rtl] .card-body.expire-product {
  padding-left: 3px !important;
}

[dir=ltr] .badge.m {
  float: right !important;
}
[dir=ltr] .badge.badge-center.rounded-pill.bg-label-primary.n {
  right: 50px;
}
[dir=ltr] .bx.bx-qr.store-bq.bx-sm.n {
  right: 22px;
}
[dir=ltr] .navbar-brand.text-center .brand-logo .logo {
  right: 90px;
}
[dir=ltr] .card-body.expire-product {
  padding-right: 3px !important;
}

html:not([dir=rtl]) .end-0 {
  right: 20px !important;
  left: auto !important;
}

[dir=rtl] .end-0 {
  left: 20px !important;
  right: auto !important;
}

[dir=rtl] .float-right {
  float: left;
}

[dir=ltr] .float-right {
  float: right;
}

.badge.badge-center.rounded-pill.bg-label-primary.n {
  cursor: pointer;
  position: absolute;
  top: 10px;
}

.badge.m {
  line-height: 10px !important;
}

.bx.bx-qr.store-bq.bx-sm.n {
  cursor: pointer;
  position: absolute;
  top: 11px;
  color: #598ceb;
}

.dropdown-menu.dropdown-menu-end .dropdown-item i.flag-icon {
  font-size: 1.375rem !important;
}

a.eye {
  color: #677788 !important;
}

.table-icons i {
  font-size: 25px;
}

.dark-style a.icon-hover:hover {
  color: #FFFFFF !important;
}

.dark-style a.eye {
  color: #a1b0cb !important;
}

.fw-semibold {
  font-weight: 300 !important;
}

.dark-style input::-moz-placeholder, .dark-style textarea.form-control::-moz-placeholder {
  color: #546270 !important;
}

.dark-style input::placeholder,
.dark-style textarea.form-control::placeholder {
  color: #546270 !important;
}
.dark-style .card {
  background-color: #283144 !important;
  border: 0 solid #36445d !important;
}
.dark-style .btn-group:not(.dropdown) > .btn {
  border: 1px solid #546990;
}
.dark-style .modal-content {
  background-color: #283144 !important;
}
.dark-style #message_preview.to {
  color: rgb(174, 174, 174);
  background-color: #1c222f !important;
}
.dark-style .ql-snow .ql-editor {
  min-height: 90px !important;
}
.dark-style tr.odd {
  background-color: #1c222f !important;
}
.dark-style .store-link-icon {
  background: #272e48 !important;
}
.dark-style .bg-faq-section {
  background-color: rgba(99, 123, 169, 0.08);
}

.dark-style .daterangepicker .ranges {
  background-color: #1c222f !important;
}
.dark-style .select2-container--default .select2-results > .select2-results__options {
  background-color: #1c222f !important;
}

[dir=rtl] .languageSwitch {
  position: absolute;
  top: -5px !important;
  left: 20px;
}

[dir=ltr] .languageSwitch {
  position: absolute;
  top: 0px !important;
  right: 20px;
}

.dark-style .languageSwitch .btn-group:not(.dropdown) > .btn.active, .dark-style tr.father, .dark-style .subChild {
  background-color: #283144 !important;
}

.languageSwitch .btn-group .btn {
  border-bottom: none !important;
  border-radius: 0 !important;
}

.languageSwitch .btn-group:not(.dropdown) > .btn.active, .dark-style tr.father, .subChild {
  background-color: #fff !important;
  color: #8A99B5;
}

.dark-style .languageSwitch .btn-group:not(.dropdown) > .btn.active, .dark-style tr.father, .dark-style .subChild,
.dark-style .ql-snow.ql-toolbar + .ql-container.ql-snow,
.dark-style .form-select, .dark-style select.form-select option, .dark-style .form-control, .dark-style .form-check-input,
.dark-style .ql-snow .ql-editor, .dark-style .input-group-text,
.dark-style .ql-snow.ql-toolbar, .dark-style .ql-snow .ql-toolbar,
.dark-style .select2-container--default .select2-selection,
.dark-style input.form-control, .dark-style .custom-file-label, .dark-style textarea.form-control,
.dark-style .select2-dropdown, .dark-style .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #1c222f !important;
  color: #8A99B5;
}

#message_preview.message {
  box-sizing: border-box;
  padding: 8px 20px;
  min-height: 40px;
  margin: 5px 10px;
  border-radius: 5px;
  position: relative;
  clear: both;
  font-size: 14px;
  word-wrap: break-word;
}

#message_preview.to::before {
  content: "";
  border: solid 10px;
  border-color: transparent transparent #1a233a;
  position: absolute;
  float: right;
  right: -7px;
  bottom: 2px;
}

.faq-header {
  position: relative;
  background-color: rgba(90, 141, 238, 0.08);
  min-height: 270px !important;
  border-radius: 0.25rem;
  overflow: hidden;
}

.faq-header:before {
  width: 21rem;
  height: 21rem;
  content: "";
  position: absolute;
  top: -151px;
  background: transparent url("/assets/img/pages/auth-top-left.png") no-repeat;
  background-image: url("/assets/img/pages/auth-top-left.png");
  background-size: contain;
  background-repeat: no-repeat;
}

html:not([dir=rtl]) .faq-header:before {
  left: -135px;
}

.faq-header:after {
  content: "";
  width: 10rem;
  height: 20rem;
  position: absolute;
  bottom: -100px;
  background-image: url("/assets/img/pages/auth-right-bottom.png");
  background-size: contain;
  background-repeat: no-repeat;
}

html:not([dir=rtl]) .faq-header:after {
  right: -1.8rem;
  transform: rotate(45deg);
}

.faq-header .input-wrapper {
  position: relative;
  width: 100%;
  max-width: 55%;
}

.faq-header .input-wrapper .input-group-text, .faq-header .input-wrapper .form-control {
  border-color: transparent;
}

.faq-nav-icon {
  font-size: 1.25rem;
}

.light-style .bg-faq-section {
  background-color: rgba(38, 60, 85, 0.06);
}

@media (max-width: 575.98px) {
  .faq-header .input-wrapper {
    max-width: 70%;
  }
}
.light-style .accordion-button.collapsed, .light-style .accordion-body {
  border-bottom: 1px solid #d4d8dd;
  border-left: 1px solid #d4d8dd;
  border-right: 1px solid #d4d8dd;
}

.light-style h2.accordion-header {
  border-left: 1px solid #d4d8dd;
  border-right: 1px solid #d4d8dd;
}

.store-link-icon .brand-text {
  color: rgb(138, 153, 181);
  margin-bottom: 0.7rem !important;
  margin-top: -19px;
  max-width: 130px !important;
  font-size: 0.713em !important;
  overflow: hidden;
  padding-right: 0;
}

.light-style .store-link-icon {
  background: #ffffff !important;
}

[dir=rtl] .store-link-icon .brand-text {
  margin-right: 19px;
}

[dir=ltr] .store-link-icon .brand-text {
  text-align: left;
  margin-left: 46px;
}

.signIn-area h6 {
  margin-bottom: 0 !important;
  margin-top: 18px !important;
  color: #ffffff !important;
}

.modal-close-btn {
  background: #fff !important;
  border-radius: 4px;
  padding: 0.07rem 0.16rem;
  z-index: 1;
  border: none;
}
.modal-close-btn .bx-x {
  padding-top: 2px;
}

div.dataTables_processing {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 803px;
  padding-top: 27% !important;
  margin: 0 auto !important;
  margin-top: 12.5% !important;
}

.sk-chase {
  margin: 0 auto !important;
}

@media (min-width: 990px) {
  .filters-btn {
    min-width: 117px;
  }
  .table-length-div {
    min-width: 71px;
  }
}
.hijriDatePicker td,
.hijriDatePicker th,
.hijriDatePicker button,
.hijriDatePicker span,
.hijriDatePicker div {
  color: var(--bs-body-color) !important;
}

.dark-style .loading {
  background-color: #1c222f !important;
  color: rgba(0, 0, 0, 0) !important;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 60%) #1c222f;
  background-size: 200% 100%;
  background-position: 100%;
  animation: 1s loading ease-in-out infinite;
}
.dark-style .loading::after {
  display: block;
}

.light-style .loading {
  background-color: #f3f4f4 !important;
  color: rgba(0, 0, 0, 0) !important;
  background: linear-gradient(100deg, rgba(106, 106, 106, 0) 40%, rgb(252, 249, 249) 50%, rgba(104, 103, 103, 0) 60%) #f3f4f4;
  background-size: 200% 100%;
  background-position: 100%;
  animation: 1s loading ease-in-out infinite;
  margin: 2px 0;
}
.light-style .loading::after {
  display: block;
}

.loading i, .loading div, .loading h1, .loading h2, .loading h3, .loading h4, .loading h5, .loading h6, .loading span, .loading p, .loading b, .loading small, .loading strong {
  color: rgba(0, 0, 0, 0) !important;
}

.loading svg {
  fill: rgba(0, 0, 0, 0) !important;
  stroke: rgba(0, 0, 0, 0) !important;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}
.dark-style #mixed-chart tspan, .dark-style #mixed-chart title, .dark-style #mixed-chart .apexcharts-legend-text {
  color: #d8deea !important;
}

.dark-style .apexcharts-canvas text,
.dark-style .apexcharts-legend-text {
  fill: #8b98b0 !important;
  color: #8b98b0 !important;
}

.payment-charts-page .apexcharts-legend-text {
  font-size: 19px !important;
  font-family: "Effra-Bold" !important;
}
.payment-charts-page .apexcharts-legend-marker {
  margin-left: 20px;
}

.dark-style .apexcharts-theme-light .apexcharts-menu-item:hover {
  color: #a1b0cb;
  background-color: rgba(99, 123, 169, 0.08);
}

.dark-style .apexcharts-menu {
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);
  background-color: #283144 !important;
  border: 0 solid transparent !important;
}

.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
  fill: #a1b0cb !important;
}

.light-style .offcanvas-header .offcanvas-title {
  color: #FFF;
}

.form-control:disabled {
  opacity: 0.5;
}

.social-float-contact {
  position: fixed !important;
  bottom: 8% !important;
  z-index: 99999 !important;
}
.social-float-contact ul {
  padding: 0px !important;
  list-style: none;
}
.social-float-contact ul li {
  margin: 5px !important;
  background-color: #fff;
  border: 0 solid #d4d8dd;
  box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important;
  width: 140px !important;
  padding: 10px !important;
  transition: all 1s !important;
}
.social-float-contact ul li a {
  color: #677788;
  text-decoration: none;
}
.social-float-contact ul li i {
  color: #677788 !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 30px !important;
  transform: rotate(0deg) !important;
}
.social-float-contact ul li:hover a {
  color: #677788 !important;
}
.social-float-contact ul li:hover i {
  color: #677788 !important;
  background-color: #ffffff !important;
  transform: rotate(360deg) !important;
  transition: all 1s !important;
}

.dark-style .social-float-contact ul li {
  background-color: #283144 !important;
  border: 0 solid #36445d !important;
  box-shadow: 0 0.15rem 0.895rem 0 rgba(0, 0, 0, 0.4) !important;
}
.dark-style .social-float-contact ul li a {
  color: #a1b0cb;
}
.dark-style .social-float-contact ul li i {
  color: #a1b0cb !important;
}
.dark-style .social-float-contact ul li:hover a {
  color: #ffffff !important;
}
.dark-style .social-float-contact ul li:hover i {
  color: #ffffff !important;
  background: #283144 !important;
}

[dir=rtl] .social-float-contact {
  left: -92px !important;
}
[dir=rtl] .social-float-contact ul li {
  border-radius: 0 30px 30px 0 !important;
}
[dir=rtl] .social-float-contact ul li i {
  margin-left: 10px !important;
}
[dir=rtl] .social-float-contact ul li:hover {
  transform: translate(86px, 0) !important;
}

[dir=ltr] .social-float-contact {
  right: -150px !important;
}
[dir=ltr] .social-float-contact ul li {
  border-radius: 30px 0 0 30px !important;
  width: 190px !important;
}
[dir=ltr] .social-float-contact ul li i {
  margin-right: 10px !important;
}
[dir=ltr] .social-float-contact ul li:hover {
  transform: translate(-133px, 0) !important;
}

@media (min-width: 1200px) {
  [dir=ltr].layout-menu-fixed:not(.layout-menu-collapsed) .layout-page.menu-layout, [dir=ltr].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page.menu-layout {
    padding-left: 23.25rem !important;
  }
  [dir=rtl].layout-menu-fixed:not(.layout-menu-collapsed) .layout-page.menu-layout, [dir=rtl].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page.menu-layout {
    padding-right: 23.25rem !important;
  }
}
a.reports-links span {
  color: #677788 !important;
  font-family: "Effra-Bold" !important;
}

.dark-style a.reports-links span {
  color: #a1b0cb !important;
}

@media (min-width: 640px) {
  .fixed-bottom-container-btn {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 0 10px 5px rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 0 10px 5px;
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgba(213, 213, 213, 0.4784313725);
    padding: 0.75rem;
    width: 100% !important;
    bottom: 0;
  }
  .dark-style .fixed-bottom-container-btn {
    background-color: #1c222f !important;
  }
}
.fixed-bottom-container-btn {
  bottom: 0.75rem;
  margin: 5px auto;
  position: sticky;
  text-align: center;
  width: 130px;
}

.color-wrapper.new-color-pick {
  position: relative;
  width: 100%;
  margin: 10px auto;
}
.color-wrapper.new-color-pick input.call-picker {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  color: #666;
  text-transform: uppercase;
  outline: none;
}
.color-wrapper.new-color-pick .color-picker {
  width: 172px;
  background: #F3F3F3;
  height: 115px;
  padding: 5px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 3px 1px #DDD;
  position: absolute;
  top: 42px;
  /* left: 2px; */
  z-index: 99;
}
.color-wrapper.new-color-pick .color-holder {
  cursor: pointer;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  height: 38px !important;
  width: 40px !important;
  border: 1px solid #d4d8dd;
}
.color-wrapper.new-color-pick .color-picker .color-item {
  cursor: pointer;
  width: 15px !important;
  height: 15px !important;
  list-style-type: none !important;
  float: left;
  margin: 2px;
  border: 1px solid #DDD;
}
.color-wrapper.new-color-pick .color-picker .color-item:hover {
  border: 1px solid #666;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
}

.dark-style .color-wrapper.new-color-pick .color-holder {
  border: 1px solid #546990;
}

[dir=ltr] .color-wrapper.new-color-pick .color-holder {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

[dir=ltr] .color-wrapper.new-color-pick input.call-picker {
  float: right !important;
}

.pos-header .menu-item-option .show-last-invoice, .menu-link span, .pos-container .dropdown-item, .pos-container .pos-info:not(i), #menu-cam.menu-vertical .menu-item .menu-link {
  font-size: 14px;
}

.pos-container .modal-header h5, .pos-header .menu-item-option .show-last-invoice, .menu-link span,
.pos-container .category-btn, .pos-header .dropdown-menu span, .pos-header .dropdown-menu small, .pos-header .dropdown-menu a, .pos-bg .menu-link:not(i),
.pos-bg h6.brand-text, .pos-bg .badge, .pos-container .pos-info:not(i), .dropdown-notifications h6, .dropdown-notifications p, .dropdown-notifications small, .dropdown-notifications h5 {
  font-family: "Effra-bold" !important;
}

.sizes-form .text-1 {
  position: absolute;
  left: 333px;
  top: -49px;
}

.sizes-form .text-2 {
  position: absolute;
  left: 190px;
  top: -54px;
}

.sizes-form .text-3 {
  position: absolute;
  left: 410px;
  top: -11px;
}

.sizes-form .text-4 {
  position: absolute;
  left: 100px;
  top: -18px;
}

.sizes-form .text-5 {
  position: absolute;
  left: 360px;
  top: 102px;
}

.sizes-form .text-6 {
  position: absolute;
  left: 438px;
  top: 129px;
}

.sizes-form .text-7 {
  position: absolute;
  left: 65px;
  top: 140px;
}

.sizes-form .text-8 {
  position: absolute;
  left: 9px;
  top: 212px;
}

.sizes-form .text-9 {
  position: absolute;
  left: 143px;
  top: 112px;
}

.sizes-form .text-10 {
  position: absolute;
  left: 122px;
  bottom: 208px;
}

.sizes-form .text-11 {
  position: absolute;
  left: 359px;
  top: 173px;
}

.sizes-form .text-12 {
  position: absolute;
  left: 401px;
  bottom: 86px;
}

.sizes-form .text-13 {
  position: absolute;
  left: 384px;
  bottom: 9px;
}

.sizes-form .text-14 {
  position: absolute;
  left: 218px;
  bottom: -42px;
}

.text-15 {
  left: 417px;
  top: 42px;
}

.text-16 {
  left: 106px;
  top: 52px;
}

.text-17 {
  left: 117px;
  top: 146px;
}

.text-18 {
  left: 471px;
  top: 176px;
}

.text-19 {
  left: 471px;
  top: 233px;
}

.text-20 {
  left: 114px;
  top: 217px;
}

.text-21 {
  left: 101px;
  bottom: 187px;
}

.text-22 {
  left: 423px;
  bottom: 92px;
}

.text-23 {
  left: 79px;
  bottom: 97px;
}

.text-24 {
  left: 453px;
  top: 117px;
}

[dir=ltr] .sizes-form .text-1 {
  right: 179px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-2 {
  right: 357px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-3 {
  right: 105px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-4 {
  right: 448px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-5 {
  right: 115px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-6 {
  right: 54px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-7 {
  right: 411px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-8 {
  right: 409px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-9 {
  right: 348px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-10 {
  right: 370px;
  top: 254px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-11 {
  right: 84px;
  left: auto !important;
}
[dir=ltr] .sizes-form .text-12 {
  right: 101px;
  left: auto;
  bottom: 94px;
}
[dir=ltr] .sizes-form .text-13 {
  right: 102px;
  left: auto !important;
  bottom: 19px;
}
[dir=ltr] .sizes-form .text-14 {
  right: 326px;
  left: auto !important;
  bottom: -37px;
}
[dir=ltr] .text-15 {
  position: absolute;
  left: auto !important;
  right: 80px;
  top: 42px;
}
[dir=ltr] .text-16 {
  position: absolute;
  left: auto !important;
  right: 405px;
  top: 48px;
}
[dir=ltr] .text-17 {
  position: absolute;
  left: auto !important;
  right: 467px;
  top: 141px;
}
[dir=ltr] .text-18 {
  position: absolute;
  left: auto !important;
  right: 84px;
  top: 179px;
}
[dir=ltr] .text-19 {
  position: absolute;
  left: auto !important;
  right: 80px;
  bottom: 238px;
}
[dir=ltr] .text-20 {
  position: absolute;
  left: auto !important;
  right: 474px;
  bottom: 268px;
}
[dir=ltr] .text-21 {
  position: absolute;
  left: auto !important;
  right: 472px;
  bottom: 200px;
}
[dir=ltr] .text-22 {
  position: absolute;
  left: auto !important;
  right: 37px;
  bottom: 96px;
}
[dir=ltr] .text-23 {
  position: absolute;
  left: auto !important;
  right: 457px;
  bottom: 97px;
}
[dir=ltr] .text-24 {
  position: absolute;
  left: auto !important;
  right: 73px;
  top: 119px;
}

.filepond--root .filepond--drop-label {
  background-color: #ffffff !important;
  color: #697989;
  border-radius: 4px;
  border: 1px solid #d4d8dd;
  cursor: pointer;
}

.dark-style .filepond--root .filepond--drop-label {
  background-color: #1c222f !important;
  color: #8a99b5;
  border: 0px solid #d4d8dd;
}

.ql-tooltip.ql-hidden {
  display: none !important;
}

.sizes-img {
  margin-top: 25px;
  position: absolute !important;
}

.tailor-things .custom-option-image-radio.active {
  border: 1px solid #39da8a;
}

.tailor-things .custom-option-image-radio {
  width: 100%;
  max-width: 130px;
}

.sizes-form .stepper {
  display: flex;
  justify-content: center;
}
.sizes-form .step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sizes-form .step-number {
  width: 20px;
  height: 5px;
  border-radius: 3px;
  background-color: #ccc;
}
.sizes-form .step.active .step-number {
  width: 40px;
  background-color: #5a8dee;
}
.sizes-form .navigation {
  margin-top: 20px;
}
.sizes-form .navigation button {
  margin-right: 10px;
}
.sizes-form .step-pane {
  display: none;
}
.sizes-form .step-pane.active {
  display: block;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .text-1 {
    left: 213px !important;
  }
  .text-2 {
    left: 105px !important;
  }
  .text-3 {
    left: 30px !important;
  }
  .text-4 {
    left: 302px !important;
    top: 32px !important;
  }
  .text-5 {
    left: 251px !important;
    top: 127px !important;
  }
  .text-6 {
    left: 317px !important;
    top: 152px !important;
  }
  .text-7 {
    left: -574px !important;
    top: 162px !important;
  }
  .text-8 {
    left: 4px !important;
    top: 211px !important;
  }
  .text-9 {
    left: 47px !important;
    top: 147px !important;
  }
  .text-10 {
    left: 64px !important;
    bottom: 215px !important;
  }
  .text-12 {
    left: 280px !important;
    bottom: 150px !important;
  }
  .text-11 {
    left: 261px !important;
    top: 175px !important;
  }
  .text-13 {
    left: 62px !important;
    bottom: 97px !important;
  }
  .text-14 {
    left: 220px !important;
    bottom: 63px !important;
  }
  .text-15 {
    position: absolute;
    left: 298px;
    right: auto;
    top: 31px;
  }
  .text-16 {
    position: absolute;
    left: 20px;
    right: auto;
    top: 37px;
  }
  .text-17 {
    position: absolute;
    left: 55px;
    right: auto;
    top: 109px;
  }
  .text-18 {
    position: absolute;
    left: 335px;
    right: auto;
    top: 131px;
  }
  .text-19 {
    position: absolute;
    left: 332px;
    right: auto;
    bottom: 190px;
  }
  .text-20 {
    position: absolute;
    left: 49px;
    right: auto;
    bottom: 220px;
  }
  .text-21 {
    position: absolute;
    left: 44px;
    right: auto;
    bottom: 163px;
  }
  .text-22 {
    position: absolute;
    left: 272px;
    right: auto;
    bottom: 96px;
  }
  .text-23 {
    position: absolute;
    left: 20px;
    right: auto;
    bottom: 97px;
  }
  .text-24 {
    position: absolute;
    left: 332px;
    right: auto;
    top: 79px;
  }
  [dir=ltr] .text-15 {
    left: auto !important;
    right: 26px;
    top: 59px;
  }
  [dir=ltr] .text-16 {
    left: auto !important;
    right: 265px;
    top: 65px;
  }
  [dir=ltr] .text-17 {
    left: auto !important;
    right: 330px;
    top: 132px;
  }
  [dir=ltr] .text-18 {
    left: auto !important;
    right: 37px;
    top: 152px;
  }
  [dir=ltr] .text-19 {
    left: auto !important;
    right: 23px;
    bottom: 172px;
  }
  [dir=ltr] .text-20 {
    left: auto !important;
    right: 321px;
    bottom: 163px;
  }
  [dir=ltr] .text-21 {
    left: auto !important;
    right: 328px;
    bottom: 142px;
  }
  [dir=ltr] .text-22 {
    left: auto !important;
    right: 8px;
    bottom: 62px;
  }
  [dir=ltr] .text-23 {
    left: auto !important;
    right: 299px;
    bottom: 69px;
  }
  [dir=ltr] .text-24 {
    left: auto !important;
    right: 19px;
    top: 106px;
  }
  [dir=ltr] .size-man-img {
    margin-top: 50px !important;
  }
  [dir=ltr] .text-1 {
    right: 213px !important;
    top: 8px;
  }
  [dir=ltr] .text-2 {
    right: 124px !important;
    top: 15px;
  }
  [dir=ltr] .text-3 {
    top: 58px !important;
    right: 30px !important;
  }
  [dir=ltr] .text-4 {
    right: 294px !important;
    top: 50px !important;
  }
  [dir=ltr] .text-5 {
    right: 78px !important;
    top: 150px !important;
  }
  [dir=ltr] .text-6 {
    right: 36px !important;
    top: 173px !important;
  }
  [dir=ltr] .text-7 {
    right: 297px !important;
    top: 173px !important;
  }
  [dir=ltr] .text-8 {
    right: 324px !important;
  }
  [dir=ltr] .text-9 {
    right: 210px !important;
    top: 147px !important;
  }
  [dir=ltr] .text-10 {
    right: 279px !important;
  }
  [dir=ltr] .text-12 {
    right: 28px !important;
    left: auto !important;
  }
  [dir=ltr] .text-11 {
    right: 76px !important;
    top: 201px !important;
  }
  [dir=ltr] .text-13 {
    right: 20px !important;
  }
  [dir=ltr] .text-14 {
    right: 220px !important;
    bottom: 40px !important;
  }
}
@media (max-width: 767px) {
  .sizes-form .sizes-img p {
    font-size: 12px;
  }
  .sizes-form .sizes-img h6 {
    font-size: 14px;
  }
  .text-1 {
    left: 133px !important;
    bottom: 255px !important;
    top: auto !important;
  }
  .text-2 {
    left: 48px !important;
    bottom: 256px !important;
    top: auto !important;
  }
  .text-3 {
    left: 217px !important;
    bottom: 227px !important;
    top: auto !important;
  }
  .text-4 {
    left: 6px !important;
    bottom: 224px !important;
    top: auto !important;
  }
  .text-5 {
    left: 172px !important;
    bottom: 161px !important;
    top: auto !important;
  }
  .text-6 {
    bottom: 111px !important;
    left: -11px !important;
    top: auto !important;
  }
  .text-9 {
    left: 45px !important;
    bottom: 166px !important;
    top: auto !important;
  }
  .text-7 {
    left: 15px !important;
    bottom: 150px !important;
    top: auto !important;
  }
  .text-8 {
    left: 197px !important;
    bottom: 147px !important;
    top: auto !important;
  }
  .text-10 {
    left: 23px !important;
    bottom: 84px !important;
    top: auto !important;
  }
  .text-11 {
    left: 171px !important;
    bottom: 132px !important;
    top: auto !important;
  }
  .text-12 {
    left: 186px !important;
    bottom: 36px !important;
    top: auto !important;
  }
  .text-13 {
    left: 189px !important;
    bottom: -6px !important;
    top: auto !important;
  }
  .text-14 {
    left: 74px !important;
    top: auto !important;
    bottom: -27px !important;
  }
  .text-15 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 9px;
    bottom: 191px;
  }
  .text-16 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 167px;
    bottom: 189px;
  }
  .text-17 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 212px;
    bottom: 141px;
  }
  .text-18 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 23px;
    bottom: 121px;
  }
  .text-19 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 19px;
    bottom: 99px;
  }
  .text-20 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 215px;
    bottom: 104px;
  }
  .text-21 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 213px;
    bottom: 61px;
  }
  .text-22 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 3px;
    bottom: 33px;
  }
  .text-23 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 191px;
    bottom: 2px;
  }
  .text-24 {
    position: absolute;
    left: auto !important;
    top: auto !important;
    right: 3px;
    bottom: 154px;
  }
  [dir=ltr] .text-15 {
    left: auto !important;
    top: auto !important;
    right: 10px;
    bottom: 190px;
  }
  [dir=ltr] .text-16 {
    left: auto !important;
    top: auto !important;
    right: 155px;
    bottom: 190px;
  }
  [dir=ltr] .text-17 {
    left: auto !important;
    right: 208px;
    top: auto !important;
    bottom: 146px;
  }
  [dir=ltr] .text-18 {
    left: auto !important;
    right: 24px;
    top: auto !important;
    bottom: 121px;
  }
  [dir=ltr] .text-19 {
    left: auto !important;
    right: 30px;
    top: auto !important;
    bottom: 82px;
  }
  [dir=ltr] .text-20 {
    left: auto !important;
    right: 207px;
    top: auto !important;
    bottom: 111px;
  }
  [dir=ltr] .text-21 {
    left: auto !important;
    right: 214px;
    top: auto !important;
    bottom: 71px;
  }
  [dir=ltr] .text-22 {
    left: auto !important;
    right: 3px;
    top: auto !important;
    bottom: 35px;
  }
  [dir=ltr] .text-23 {
    left: auto !important;
    right: 183px;
    top: auto !important;
    bottom: 11px;
  }
  [dir=ltr] .text-24 {
    left: auto !important;
    right: 3px;
    top: auto !important;
    bottom: 154px;
  }
  [dir=ltr] .size-man-img {
    margin-top: 50px !important;
    margin-bottom: 20px !important;
  }
  [dir=ltr] .text-1 {
    right: 62px !important;
    bottom: 254px !important;
    left: auto !important;
  }
  [dir=ltr] .text-2 {
    right: 153px !important;
    top: auto !important;
    bottom: 255px !important;
  }
  [dir=ltr] .text-3 {
    top: auto !important;
    bottom: 199px !important;
    right: 231px !important;
  }
  [dir=ltr] .text-4 {
    right: 210px !important;
    top: auto !important;
    bottom: 231px !important;
  }
  [dir=ltr] .text-5 {
    right: 54px !important;
    top: auto !important;
    bottom: 163px !important;
  }
  [dir=ltr] .text-6 {
    right: 40px !important;
    top: auto !important;
    bottom: 130px !important;
  }
  [dir=ltr] .text-7 {
    right: 180px !important;
    top: auto !important;
    bottom: 147px !important;
  }
  [dir=ltr] .text-8 {
    right: 172px !important;
    top: auto !important;
    bottom: 105px !important;
  }
  [dir=ltr] .text-9 {
    right: 123px !important;
    top: auto !important;
    bottom: 132px !important;
  }
  [dir=ltr] .text-10 {
    right: 185px !important;
    top: auto !important;
    bottom: 82px !important;
  }
  [dir=ltr] .text-12 {
    right: -9px !important;
    left: auto !important;
  }
  [dir=ltr] .text-11 {
    right: 16px !important;
    top: auto !important;
    bottom: 112px !important;
  }
  [dir=ltr] .text-13 {
    right: -3px !important;
    bottom: -18px !important;
  }
  [dir=ltr] .text-14 {
    right: 137px !important;
    bottom: -38px !important;
  }
}
.big-close-word {
  font-size: 80px;
  color: #b90606;
}

.kitchen-view-page .order-done * {
  text-decoration: line-through;
}

.pos-customer-pos-page {
  /*track*/
  /*track on hover*/
  /* handle */
  /* handle on hover */
}
.pos-customer-pos-page .table-product-data {
  height: 80vh !important;
  overflow: hidden;
  overflow-y: auto;
}
.pos-customer-pos-page table.show-customer-data th,
.pos-customer-pos-page table.show-customer-data td {
  font-size: 16px !important;
}
.pos-customer-pos-page table .form-label {
  color: #d8deea !important;
}
.pos-customer-pos-page td strong {
  font-size: 18px !important;
}
.pos-customer-pos-page .total-number td {
  padding-left: 2px;
  padding-right: 2px;
}
.pos-customer-pos-page .total-number td strong, .pos-customer-pos-page .total-number td span {
  color: #ffffff !important;
}
.pos-customer-pos-page .total-number td span, .pos-customer-pos-page .total-number td strong {
  font-size: 1.2rem !important;
}
.pos-customer-pos-page .total-number td strong {
  margin-right: 5px !important;
  font-weight: 100;
}
.pos-customer-pos-page .total-number td.total {
  background-color: rgba(27, 135, 217, 0.5);
}
.pos-customer-pos-page .total-number td.total h1 {
  font-size: 50px !important;
  color: #ffffff !important;
}
.pos-customer-pos-page .total-number td.discount {
  background-color: rgba(255, 91, 91, 0.52);
}
.pos-customer-pos-page .total-number td.tax {
  background-color: rgba(247, 172, 65, 0.5);
}
.pos-customer-pos-page .total-number td.totalm {
  background-color: rgba(57, 218, 138, 0.46);
}
.pos-customer-pos-page .total-number td.statis {
  background-color: rgba(7, 207, 221, 0.44);
}
.pos-customer-pos-page .total-number > :not(caption) > * > * {
  border-bottom: 0px !important;
}
.pos-customer-pos-page img.img-ad {
  max-width: 700px;
  width: 100%;
}
.pos-customer-pos-page ::-webkit-scrollbar {
  width: 5px;
}
.pos-customer-pos-page ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
}
.pos-customer-pos-page ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FFFFFF;
  border-radius: 0;
}
.pos-customer-pos-page ::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 5px;
}
.pos-customer-pos-page ::-webkit-scrollbar-thumb:hover {
  background-color: #c7cfd6;
}
.pos-customer-pos-page .total > * {
  display: inline-block;
}

#enableOTP .auth-input-wrapper .auth-input {
  max-width: 50px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  font-size: 150%;
  color: #ffffff !important;
}
#enableOTP .modal-header {
  padding: 1rem 1.5rem !important;
}
#enableOTP h5.modal-title.white {
  color: #ffffff !important;
}
#enableOTP .new-btn {
  background: #fff !important;
  border-radius: 4px;
  padding: 0.07rem 0.16rem;
  z-index: 1;
  border: none;
}
#enableOTP .bx-x {
  padding-top: 2px;
}
#enableOTP .bx-warning {
  color: #ea743d;
}

#showExpenses .table th, #showExpenses .table td {
  padding: 0.7rem 1rem !important;
}

#paymentModal .checked {
  color: orange;
}

.payment-method-selection .custom-option.checked {
  border-width: 4px !important;
  filter: none;
}
.payment-method-selection .custom-option {
  filter: grayscale(1);
}

#reportTodaySales .bx-primary {
  color: #1b87d9;
}
#reportTodaySales .btn-close-primary {
  background: #fff !important;
  border-radius: 4px;
  padding: 0.07rem 0.16rem !important;
  z-index: 1;
  border: none;
}
#reportTodaySales .hide-on-normal {
  display: none;
}
#reportTodaySales .shadow-card {
  box-shadow: none !important;
}

#quickAdd .tableImage {
  max-height: 150px;
}

@media (max-width: 950px) {
  #reportTodaySales .centerit {
    text-align: center;
  }
  #reportTodaySales .salesBtn {
    padding: 7px;
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
#viewOrderModal .productGroupContainer {
  margin: 0 -2.3rem;
}
#viewOrderModal .widget-timeline li {
  padding: 0.5rem 0;
}
#viewOrderModal .order-history {
  max-height: 200px;
  overflow-y: auto;
}
#viewOrderModal .invoice-calc {
  padding: 8px 0 8px 0;
  display: flex;
  justify-content: flex-start;
}
#viewOrderModal .right-20 {
  right: 20px;
}
#viewOrderModal .left-20 {
  left: 20px;
}
#viewOrderModal .view-invoice-link {
  position: absolute;
  top: 0;
  left: 0;
}
#viewOrderModal .invoice-value {
  font-family: "Effra";
}

body.dark-layout #viewOrderModal .card {
  box-shadow: none !important;
}

@media (max-width: 950px) {
  #customers-invoices-modal .customersOptions {
    padding: 7px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
}
[dir=ltr] .faq-question .text-next {
  text-align: start !important;
}
[dir=ltr] .faq-question .btn .bx-chevron-right {
  rotate: 180deg;
}
[dir=ltr] .faq-question .btn .bx-chevron-left {
  rotate: 180deg;
}
[dir=ltr] .faq-question .text-previous {
  text-align: end !important;
}

[dir=ltr] .qr-style-design h2.scan-code, [dir=ltr] .qr-style-design h3, [dir=ltr] .qr-style-design h1, [dir=ltr] .qr-style-design h4, [dir=ltr] .qr-style-design p {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.qr-style-design {
  height: auto;
  min-height: 871px;
  width: 877px;
}
.qr-style-design .qr-card {
  height: 500px;
}
.qr-style-design .qr-card .qr-head {
  font-size: 36px;
  margin-top: 15px;
}
.qr-style-design .qr-card .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.qr-style-design .qr-card h1 {
  font-size: 68px;
}
.qr-style-design .qr-card .scan-code, .qr-style-design .qr-card h1 {
  font-weight: bold;
}
.qr-style-design .qr-card h4 {
  font-size: 25px;
}
.qr-style-design .qr-card .qr-box {
  border-radius: 20px;
}
.qr-style-design .qr-card .qr-box h3 {
  color: #000000;
}
.qr-style-design p.foot-link small {
  font-size: 10px;
}
.qr-style-design hr {
  border: 2px solid !important;
}
.qr-style-design .footer-link {
  font-size: 15px;
}
.qr-style-design .half-height-border {
  bottom: auto;
  top: 494px;
  margin: auto;
  right: 66px;
  position: absolute;
  border: 3px solid;
  width: 85%;
  height: 283px;
  border-top: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.hr-w {
  width: 42% !important;
}

[dir=ltr] .qr-style-design .qr-card h4 {
  font-size: 21px;
}
[dir=ltr] .hr-w {
  width: 44% !important;
}
[dir=ltr] .qr-box h3 {
  font-size: 40px !important;
}
[dir=ltr] .qr-card .qr-head {
  font-size: 33px;
}
[dir=ltr] .qr-card .qr-head .section-name {
  font-size: 25px;
}
[dir=ltr] .scan-code {
  font-size: 39px;
}
[dir=ltr] .half-height-border {
  height: 302px !important;
}

#qr-image-dev {
  padding: 15px 5px;
  border-radius: 8px;
}

.qr-box h3 {
  font-family: "Brando-Arabic-Bold" !important;
  font-size: 30px;
  margin: 0 0 10px 0;
}

[dir=rtl] .qr-style-design p {
  font-family: "Brando-Arabic-SemiBold", sans-serif !important;
}
[dir=rtl] .scan-code, [dir=rtl] h1 {
  font-family: "Brando-Arabic-Bold", sans-serif !important;
}
[dir=rtl] .qr-style-design p.foot-link small,
[dir=rtl] .qr-style-design p.foot-link span {
  font-family: "Montserrat", sans-serif !important;
}
[dir=rtl] .scan-code {
  font-size: 38px;
  margin: 0;
}

.qr-style-design .qr-head span, .qr-style-design .qr-head {
  font-family: "Genders-Regular", sans-serif !important;
}

@media (max-width: 787px) {
  [dir=rtl] .scan-code {
    font-size: 30px;
  }
  .qr-style-design .qr-card h1 {
    font-size: 50px;
  }
  hr {
    width: 96% !important;
  }
  #QrDesign {
    overflow: auto;
  }
}
.check-img-invoice.custom-option-image-check {
  height: 120px;
  background-color: #fff !important;
}

.account-tree-card {
  overflow: auto;
  min-height: 550px;
}

.tree-categories-options {
  width: 22%;
}

@media (max-width: 787px) {
  .account-tree-card {
    min-height: auto !important;
  }
  td.options-client-message, td.shift-report-options {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .tree-categories-options {
    width: 42% !important;
  }
  .ticketHolder .ticket-data {
    display: block !important;
  }
  .ticketHolder .ticket-data .h6, .ticketHolder .ticket-data .ticket-by {
    margin: 0 !important;
  }
  .ticketHolder .ticket-data * {
    padding-top: 5px !important;
  }
  .card-body.tax-p {
    padding: 0;
  }
  #bankAccountModal .modal-dialog-centered {
    min-height: 0 !important;
  }
  .note-type-invoice textarea {
    height: 85px !important;
  }
  .check-img-invoice.custom-option-image-check {
    height: 140px;
    width: 145px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
  }
  .check-img-invoice.custom-option-image-check img {
    height: 130px;
  }
}
.plugin-link-cloud a {
  color: rgb(103, 119, 136) !important;
}

.dark-style .plugin-link-cloud a {
  color: #a1b0cb !important;
}

#show_vac_modal .bx-check {
  font-size: 35px;
  font-weight: 800;
  color: #3b88c3;
}
#show_vac_modal .vacationViewTable .table td {
  padding: 5px !important;
}

[dir=rtl] .banner-swiper .duplicated-slider-arrows.outside-arrows .slider-arrow.next-btn {
  left: 0 !important;
}
[dir=rtl] .banner-swiper .duplicated-slider-arrows.outside-arrows .slider-arrow.prev-btn {
  right: 0 !important;
}

[dir=ltr] .banner-swiper .duplicated-slider-arrows.outside-arrows .slider-arrow.next-btn {
  right: 0 !important;
}
[dir=ltr] .banner-swiper .duplicated-slider-arrows.outside-arrows .slider-arrow.prev-btn {
  left: 0 !important;
}

@media (max-width: 390px) {
  [dir=ltr] #closeBtn {
    margin: 20px 0px !important;
  }
  [dir=ltr] .app-data p {
    font-size: 14px !important;
  }
  [dir=ltr] .app-data {
    margin-top: 7px !important;
  }
}
#sizes .select2-container--default.select2-container--focus .select2-selection {
  height: 40px !important;
  overflow: hidden !important;
}

[dir=rtl] .menu-side-apps {
  padding-right: 0.938rem;
  padding-left: calc(0.938rem + 1.35em);
}

.menu-side-apps {
  padding: 0.625rem 0.938rem;
  font-size: 0.95rem;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.filepond--root .filepond--drop-label {
  border: 2px dashed #d4d8dd !important;
}

.dark-style .filepond--root .filepond--drop-label {
  border: 2px dashed #546990 !important;
}

.sr-only {
  left: 0 !important;
}

.product-info-img img {
  width: 30%;
  border-radius: 4px;
  margin-bottom: 10px;
}

[dir=rtl] #driver-profile .languageSwitch {
  top: -30px !important;
}

.size_form .select2-select_tag_1-results,
.size_form .select2-selection,
.size_form .select2-selection__rendered {
  height: 33px !important;
  overflow: hidden;
}

span.riyal {
  font-family: "Riyal" !important;
  font-size: 13px;
}

span.riyal:before {
  content: "\e900";
}

.icon-ai {
  font-family: "icomoon" !important;
  font-weight: bold;
}

.icon-ai::before {
  content: "\e900";
  font-weight: bold;
  font-size: 15px;
}
@media (max-width: 992px) {
  th.main_th {
    min-width: 175px !important;
  }
}
.text-warning tr th {
  color: #f7a841 !important;
}
.template-customizer-open-btn {
  display: none !important
}
.dark-style .table {
  --bs-table-striped-bg: #1c222f;
}
[dir=ltr] .table thead th {
  font-size: 12px !important;
}
.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar {
  z-index: 1050 !important;
}
::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::placeholder {
  color: #94a1bb !important;
  font-family: "Effra-bold" !important;
}
.sigea.sign-in-area .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 20px !important;
}
[dir=rtl] .sign-area .sign-box .box-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0.40rem !important;
}
.swal2-container.swal2-backdrop-show {
  width: 100% !important
}
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px #f8f9fa !important;
}
.dark-style table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px #1c222f !important;
}
[dir = ltr] .sign-area .sign-box .box-body .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0 !important;
  left: auto !important;
}
[dir=ltr] .sign-area .sign-box .box-body .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
}
/*[dir = ltr] .sign-area .sign-box .box-body .select2-container .select2-selection--single,*/
/*[dir = ltr] .sign-area .sign-box .box-body .select2-container--default .select2-selection--single .select2-selection__rendered {*/
/*  border-bottom-right-radius: 11px !important;*/
/*  border-top-right-radius: 11px !important;*/
/*  border-bottom-left-radius: 0px !important;*/
/*  border-top-left-radius: 0px !important;*/
/*}*/
/* .table-responsive {
  overflow-y: visible !important;
  overflow-x: visible !important;
}
@media (max-width: 992px) {
  .table-responsive {
    overflow-y: visible !important;
    overflow-x: auto !important;
  }
}
@media (max-width: 1024px) {
  .modal .table-responsive {
    overflow-y: visible !important;
    overflow-x: auto !important;
  }
}
[dir=ltr] .credit_invoices_page .table-responsive {
  overflow-x: auto !important;
} */
.btn.eye:focus,
.btn.eye:active,
.btn.eye:focus-visible {
  border: none !important;
}
.effra-bold {
  font-family: 'Effra-Bold' !important;
}

.bonds-cards .card:hover .bg-label-secondary,
.site-main-cards .card:hover .bg-label-secondary {
  background-color: rgb(254.68, 241.72, 224.6) !important;
  color: #fdac41 !important;
}
.dark-style .bonds-cards .card:hover .bg-label-secondary,
.dark-style .site-main-cards .card:hover .bg-label-secondary {
  background-color: #4a4543 !important;
}
.font-effra {
  font-family: Effra !important;
}
@media (min-width: 1224px) {
  .table-responsive {
    overflow-x: visible !important;
  }
}