@charset "UTF-8";
/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 34px;
  height: 24px;
}

.app-brand-logo.demo svg {
  width: 35px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/
.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir=rtl] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}
/*
* Layout demo
******************************************************************************/
.layout-demo-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 1rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

:root {
  --show-label-data-bg: #fafafa;
  --show-label-data-border: #dbdade;
  --a-card-box-shadow-hover: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

html.dark-style {
  --show-label-data-bg: rgba(134, 146, 208, 0.08);
  --show-label-data-border: #434968;
  --a-card-box-shadow-hover: 0 0.625rem 1.25rem rgba(15, 20, 34, 0.5);
}

body {
  font-family: "Cairo", "Public Sans", Arial, sans-serif !important;
  font-weight: 500;
  font-size: 15px;
}
body [dir=ltr] {
  font-family: "Public Sans", "Cairo" !important;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-bg-state: rgba(0, 0, 0, 0.06) !important;
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.table th {
  letter-spacing: 0 !important;
}

.reservation-cart-side {
  inset-block-start: calc(78px + 1rem);
}

label.form-label.required, label.col-form-label.required {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
label.form-label.required::after, label.col-form-label.required::after {
  content: "*";
  color: red;
}

.dropzoneBasic {
  padding: 0.422rem 0.875rem !important;
  border-radius: 0.375rem !important;
  border-style: solid !important;
  border-width: 1px !important;
  min-height: 38px;
}
.dropzoneBasic.dz-started {
  gap: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0.5rem !important;
}
.dropzoneBasic .dz-message {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-size: 0.8125rem;
}
.dropzoneBasic .dz-message:before {
  position: static;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-size: 14px 14px !important;
  border-radius: 0.25rem !important;
}
.dropzoneBasic .dz-preview {
  margin: 0;
  box-shadow: none !important;
  border-width: 1px !important;
}
.dropzoneBasic .dz-preview .dz-remove {
  pointer-events: auto; /* Re-enable pointer events for the remove link */
  opacity: 1; /* Ensure the remove link is fully visible */
  cursor: pointer; /* Show a pointer cursor for clarity */
  border: none;
}
.dropzoneBasic.dz-upload-disabled {
  pointer-events: none;
}

.iti.iti--allow-dropdown {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  direction: ltr;
  border: 1px solid #dbdade;
  border-radius: var(--bs-border-radius);
  min-height: 38px;
}
.iti.iti--allow-dropdown .iti__country-container {
  inset-inline: 0 auto !important;
  flex-shrink: 0;
  position: static;
  border: none;
  align-self: stretch;
  padding-inline-end: 0.25rem;
}
.iti.iti--allow-dropdown .iti__country-container button .iti__selected-country-primary {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
.iti.iti--allow-dropdown .iti__country-container button .iti__selected-country-primary .iti__arrow {
  margin: 0 !important;
}
.iti.iti--allow-dropdown .iti__country-container button .iti__selected-dial-code {
  margin: 0 !important;
  font-size: 0.9375rem;
  font-weight: 400;
  font-family: "Public Sans", "Cairo" !important;
}
.iti.iti--allow-dropdown .iti__country-container .iti__dropdown-content {
  padding: 0.5rem;
}
.iti.iti--allow-dropdown .iti__country-container .iti__dropdown-content input.iti__search-input {
  padding: 0.422rem 0.875rem;
  color: #6f6b7d;
  border: 1px solid #dbdade;
  border-radius: var(--bs-border-radius);
  font-size: 0.9375rem;
  font-weight: 400;
  outline: none;
}
.iti.iti--allow-dropdown .iti__country-container .iti__dropdown-content ul.iti__country-list {
  margin-inline: -0.5rem;
}
.iti.iti--allow-dropdown .iti__country-container .iti__dropdown-content ul.iti__country-list li.iti__country {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #6f6b7d;
  gap: 0.5rem;
}
.iti.iti--allow-dropdown .iti__country-container .iti__dropdown-content ul.iti__country-list li.iti__country .iti__flag, .iti.iti--allow-dropdown .iti__country-container .iti__dropdown-content ul.iti__country-list li.iti__country span.iti__country-name {
  margin: 0;
}
.iti.iti--allow-dropdown input.iti__tel-input {
  border: none;
  box-shadow: none;
  padding: 0 !important;
  flex-grow: 1;
  align-self: stretch;
}

.flatpickr-monthSelect-theme-light .flatpickr-innerContainer, .flatpickr-monthSelect-theme-dark .flatpickr-innerContainer {
  display: block !important;
}
.flatpickr-monthSelect-theme-light .flatpickr-innerContainer .flatpickr-rContainer, .flatpickr-monthSelect-theme-dark .flatpickr-innerContainer .flatpickr-rContainer {
  display: block;
  width: 100%;
}
.flatpickr-monthSelect-theme-light .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months, .flatpickr-monthSelect-theme-dark .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0.5rem;
}
.flatpickr-monthSelect-theme-light .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months span.flatpickr-monthSelect-month, .flatpickr-monthSelect-theme-dark .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months span.flatpickr-monthSelect-month {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.25rem;
  min-height: 30px;
}
.flatpickr-monthSelect-theme-light .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months span.flatpickr-monthSelect-month:hover, .flatpickr-monthSelect-theme-dark .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months span.flatpickr-monthSelect-month:hover {
  background-color: #f8f8f8;
}
.flatpickr-monthSelect-theme-light .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months span.flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-theme-dark .flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months span.flatpickr-monthSelect-month.selected {
  background-color: #7367f0;
  color: #fff;
}

.flatpickr-calendar {
  direction: ltr !important;
}

.slider-disabled {
  pointer-events: none;
}

ul#select2-car-color-results li.select2-results__option .car-class-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 500;
}
ul#select2-car-color-results li.select2-results__option .car-class-option .color-box {
  width: 25px;
  height: 25px;
  border-radius: 0.25rem;
  border: 1px solid #dddddd;
}

#select2-car-color-container span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 500;
}
#select2-car-color-container span .color-box {
  width: 25px;
  height: 25px;
  border-radius: 0.25rem;
  border: 1px solid #dddddd;
}

#contracts-print-page {
  border-color: #000000 !important;
  color: #000000;
  width: 210mm;
  height: 297mm;
}
#contracts-print-page .print-header .col-right, #contracts-print-page .print-header .col-left {
  width: 40%;
  font-size: 0.6375rem;
}
#contracts-print-page .print-header .col-center {
  width: 20%;
}
#contracts-print-page .print-header .col-center img {
  max-height: 50px;
}
#contracts-print-page .print-header .col-center div {
  font-size: 0.7375rem;
}
#contracts-print-page .print-page-title div {
  border: 1px solid;
  font-size: 0.7375rem;
}
#contracts-print-page table {
  border-color: #000000;
}
#contracts-print-page table th {
  color: #000000;
  font-size: 0.6375rem;
}
#contracts-print-page table th small {
  font-size: 0.5375rem;
}
#contracts-print-page table td {
  color: #000000;
  font-size: 0.6375rem;
}
#contracts-print-page table td .item-with-dots b::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed #bbb;
  inset-block-end: 5px;
}
#contracts-print-page table td small {
  font-size: 0.5375rem;
}
#contracts-print-page table td .imgthumb img {
  max-height: 150px;
}
#contracts-print-page .print-page-content .slider-size {
  min-height: 35px;
  padding-block-start: 5px;
  padding-inline: 0.25rem;
}
#contracts-print-page .print-page-content .noUi-connect {
  background-color: #000 !important;
}
#contracts-print-page .print-page-content .noUi-handle {
  border-radius: 0;
  width: 3px;
  border: none;
  background-color: #000000 !important;
  box-shadow: none;
  inset-inline-start: -2px;
}
#contracts-print-page .print-page-content .noUi-pips-horizontal {
  padding-block-start: 0.25rem;
}
#contracts-print-page .print-page-content .noUi-pips-horizontal .noUi-marker {
  background-color: #000000;
}
#contracts-print-page .print-page-content .noUi-pips-horizontal .noUi-value {
  color: #000000;
  padding: 0;
}
#contracts-print-page .print-footer .top-area ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  list-style: inside;
}
#contracts-print-page .print-footer .top-area ul li {
  font-size: 0.6375rem;
}
#contracts-print-page .print-footer .bottom-area {
  border: 1px solid #000000;
}
#contracts-print-page .print-footer .bottom-area .bottom-area-title div {
  border: 1px solid;
  font-size: 0.7375rem;
}
#contracts-print-page .print-footer .bottom-area .bottom-area-content {
  font-size: 0.6375rem;
}
#contracts-print-page .print-footer .bottom-area .signature-area .item {
  font-size: 0.7375rem;
}
#contracts-print-page .print-footer .bottom-area .signature-area .item b {
  min-width: 200px;
}
#contracts-print-page .print-footer .bottom-area .signature-area .item b::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed #bbb;
  inset-block-end: 5px;
}
#contracts-print-page .print-footer .bottom-area .txt {
  font-size: 0.7375rem;
}
#contracts-print-page .print-footer .signature-users {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem;
}
#contracts-print-page .print-footer .signature-users .item {
  font-size: 0.7375rem;
}
#contracts-print-page .print-footer .signature-users .item b::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed #bbb;
  inset-block-end: 5px;
}

#traffic-violations-print-page {
  border-color: #000000 !important;
  color: #000000;
}
#traffic-violations-print-page .print-page-header .col-left, #traffic-violations-print-page .print-page-header .col-right {
  font-size: 0.6375rem;
  width: 33.3333%;
}
#traffic-violations-print-page .print-page-header .col-center {
  width: 33.3333%;
}
#traffic-violations-print-page .print-page-header .col-center img {
  max-height: 74px;
}
#traffic-violations-print-page .print-page-header .col-center div {
  font-size: 0.7375rem;
}
#traffic-violations-print-page .print-page-header-space, #traffic-violations-print-page .print-page-content-space {
  height: 1rem;
}
#traffic-violations-print-page .print-page-title div {
  border: 1px solid;
  font-size: 0.7375rem;
}
#traffic-violations-print-page.hide_header .print-page-header {
  display: none !important;
}

.settings-traffic-violations-print-card .print-page-header .col-left, .settings-traffic-violations-print-card .print-page-header .col-right {
  font-size: 0.6375rem;
}
.settings-traffic-violations-print-card .print-page-header .col-center img {
  max-height: 50px;
}
.settings-traffic-violations-print-card .print-page-header .col-center div {
  font-size: 0.7375rem;
}
.settings-traffic-violations-print-card #content-head-element p {
  margin-block-end: 0.5rem;
}
.settings-traffic-violations-print-card #content-head-element p:last-of-type {
  margin-block-end: 0;
}
.settings-traffic-violations-print-card .print-page-title div {
  border: 1px solid;
  font-size: 0.7375rem;
}

.ql-editor {
  padding: 0.5rem !important;
  min-height: 7rem !important;
}
.ql-editor p {
  margin-block-end: 0.5rem;
}

.slider-size {
  min-height: 44px;
  padding-block-start: 5px;
}

b.show-label-data {
  min-height: 38px;
  padding: 0.422rem 0.875rem;
  font-size: 0.8rem;
  line-height: 1.5;
  background-color: var(--show-label-data-bg);
  border: var(--bs-border-width) solid var(--show-label-data-border);
  border-radius: var(--bs-border-radius);
}

b.show-label-data-group {
  min-height: 38px;
  padding: 0.422rem 0.875rem;
  line-height: 1.5;
  background-color: var(--show-label-data-bg);
  border: var(--bs-border-width) solid var(--show-label-data-border);
  border-radius: var(--bs-border-radius);
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.select2-results__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

a.card {
  transition: 0.3s;
}
a.card:hover {
  box-shadow: var(--a-card-box-shadow-hover);
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 24px;
  font-family: Times;
  line-height: 1;
}
.Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(-90deg, #ff9f43 var(--percent), #dbdade var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Stars::before [dir=ltr] {
  background: linear-gradient(90deg, #ff9f43 var(--percent), #dbdade var(--percent));
}

ul#stars-rating {
  -moz-user-select: none;
  -webkit-user-select: none;
}
ul#stars-rating li {
  cursor: pointer;
}
ul#stars-rating li i {
  font-size: 32px;
  color: #dbdade;
}
ul#stars-rating li.hover i {
  color: #ff9f43;
}
ul#stars-rating li.selected i {
  color: #ff9f43;
}