@import 'animate.min.css';
@import 'dataTables.bootstrap5.css';
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0 !important;
  bottom: 0;
  right: 0 !important;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  padding: 0px !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #a2adb7;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}

.custom-scroll {
  height: 100%;
}

/*!
 * Datetimepicker for Bootstrap 4
 * version : 4.17.47
 * modified by: balbarak
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
/* Phone */
/* Tablet */
/* Desktop */
/*===================================================================================== Custom ========*/
:root {
  --font-size: 13px;
  --container-width: 300px;
  --text-color: #000000;
  --text-muted: #c1c1c1;
  --hover--bg-color: #e2e2e2;
  --weekend-bg-color: transparent;
  --disabled-color: #cccccc;
  --today-color: transparent;
  --selected-day-color: var(--bs-primary);
}

.hijri-datepicker,
.form-group {
  position: relative;
}

.bootstrap-datetimepicker-widget {
  list-style: none;
  padding: 0px;
}
.bootstrap-datetimepicker-widget.bottom {
  transform: translateY(40px);
}
.bootstrap-datetimepicker-widget.top {
  transform: translateY(-10px);
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
  padding: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: 0 0 0 2px #161616;
  border-radius: 100%;
}
.bootstrap-datetimepicker-widget a[data-action][data-action=switchDate] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 8px 12px;
  background-color: var(--bs-primary);
  padding: 4px;
  border-radius: 4px;
  color: #fff;
}
.bootstrap-datetimepicker-widget a[data-action][data-action=switchDate] span.data-switch-button {
  margin: 0;
  background-color: var(--bs-primary);
}
.bootstrap-datetimepicker-widget a[data-action][data-action=switchDate]:hover {
  background-color: #166a45 span;
  background-color-color: #fff;
  background-color-background-color: #166a45;
}
.bootstrap-datetimepicker-widget a[data-action][data-action=switchDate]:focus {
  background-color: #104631;
  box-shadow: 0 0 0 2px #161616;
}
.bootstrap-datetimepicker-widget .timepicker-hour {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-minute {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
  font-size: var(--font-size);
  color: #000000;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td {
  text-align: center;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 100%;
}
.bootstrap-datetimepicker-widget table td span:hover {
  border: 1px solid var(--bs-primary);
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled {
  background: none;
  color: var(--disabled-color) !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: var(--disabled-color) !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled {
  background: none;
  color: var(--disabled-color) !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: var(--disabled-color) !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.75rem;
}
.bootstrap-datetimepicker-widget table td.day:hover {
  background: #e5e7eb;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.hour:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.minute:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #4789c8;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
}
.bootstrap-datetimepicker-widget table td.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #4789c8;
}
.bootstrap-datetimepicker-widget table td.disabled {
  background: none;
  color: var(--disabled-color) !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: var(--disabled-color) !important;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td.weekend {
  background-color: var(--weekend-bg-color);
  border-radius: 0px;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before {
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.datepicker {
  padding: 1rem;
}
.datepicker .table-condensed {
  display: flex;
  flex-direction: column;
}
.datepicker .table-condensed thead tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
}
.datepicker .table-condensed thead tr th {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--Text-text-default, #161616);
  padding: 0.5rem 1rem;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  height: auto;
  gap: 0.25rem;
}
.datepicker .table-condensed thead tr th.picker-switch {
  order: 0;
  flex: 2;
  flex-grow: 1;
}
.datepicker .table-condensed thead tr th.prev, .datepicker .table-condensed thead tr th.next {
  text-align: center;
  align-items: center;
  justify-content: center;
}
.datepicker .table-condensed thead tr th.prev::after, .datepicker .table-condensed thead tr th.next::after {
  width: 1px;
  height: 1px;
}
.datepicker .table-condensed thead tr th.prev {
  order: 1;
}
.datepicker .table-condensed thead tr th.next {
  order: 2;
}
.datepicker .table-condensed thead tr th.dow {
  order: 3;
  flex: 1;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--text-text-tertiary, #64748B);
}
.datepicker .table-condensed tbody tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  gap: 0.25rem;
}
.datepicker .table-condensed tbody tr td {
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.datepicker .table-condensed tbody tr td.day {
  padding: 0.25rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  width: 3rem;
  height: 3rem;
  color: var(--Text-text-default, #161616);
  cursor: pointer;
  border-radius: 100%;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.datepicker .table-condensed tbody tr td.day.old, .datepicker .table-condensed tbody tr td.day.new {
  color: var(--Text-text-secondary-paragraph, #6C737F);
}
.datepicker .table-condensed tbody tr td.day.today {
  border: 1px solid var(--bs-primary);
  padding: 0.25rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  width: 3rem;
  height: 3rem;
  color: var(--Text-text-default, #161616);
  cursor: pointer;
  border-radius: 100%;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.datepicker .table-condensed tbody tr td.day.today::before {
  display: none;
}
.datepicker .table-condensed tbody tr td.day:hover {
  background-color: var(--Form-datecell-today-background-hovered, #E5E7EB);
}
.datepicker .table-condensed tbody tr td.day.active {
  background-color: var(--bs-primary);
  color: var(--Text-text-tertiary, #FFFFFF);
}
.datepicker .datepicker-months .table-condensed tbody tr:first-child td,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td {
  height: auto;
  flex-basis: 50%;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.datepicker .datepicker-months .table-condensed tbody tr:first-child td span.month,
.datepicker .datepicker-months .table-condensed tbody tr:first-child td span.year,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td span.month,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td span.year {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: var(--Text-text-default, #161616);
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 0.5rem 1rem;
  height: 3rem;
  width: 3rem;
  margin: 0;
}
.datepicker .datepicker-months .table-condensed tbody tr:first-child td span.month:hover,
.datepicker .datepicker-months .table-condensed tbody tr:first-child td span.year:hover,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td span.month:hover,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td span.year:hover {
  background-color: var(--Form-datecell-today-background-hovered, #E5E7EB);
  border: 0;
}
.datepicker .datepicker-months .table-condensed tbody tr:first-child td span.month.active,
.datepicker .datepicker-months .table-condensed tbody tr:first-child td span.year.active,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td span.month.active,
.datepicker .datepicker-years .table-condensed tbody tr:first-child td span.year.active {
  background-color: var(--bs-primary);
  color: var(--Text-text-tertiary, #FFFFFF);
}

.datepicker.datepicker-orient-top {
  margin-top: 8px;
}

.datepicker.datepicker-inline {
  border: 1px solid #ebedf2;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}