:root {
  --blue-1: hsl(256, 96%, 10%);
  --blue-2: #485982;
  --green: #2a9396;
  --light-green: #b7dedf;
  --input-border-color: #e2e2e2;
  --teal: #215e7e;
  --input-height: 45px;
  --bs-font-sans-serif: Poppins, Helvetica, "sans-serif";
}

::-webkit-scrollbar {
  height: 8px !important;
  width: 8px !important;
  border-radius: 8px !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 8px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbb !important;
  border-radius: 8px !important;
}
::-moz-selection {
  color: #fff !important;
  background: #bbb !important;
}

::selection {
  color: #fff;
  background: #bbb;
}

body {
  font-size: 12px !important;
}

input:disabled,
textarea:disabled,
.select2-selection[aria-disabled="true"] {
  background-color: #ececec !important;
  cursor: not-allowed;
}

i {
  color: var(--green);
}

.aside-dark,
.aside.aside-dark .aside-logo,
.bg-secondary {
  background-color: #d6e9eb !important;
}

.aside-dark .menu .menu-item .menu-link .menu-icon i {
  color: #9ab2b3;
}

.aside-dark .menu .menu-item .menu-link.active .menu-icon i {
  color: var(--green);
}

.aside-dark
  .menu
  .menu-item
  .menu-link:hover:not(.disabled):not(.active)
  .menu-icon
  i,
.aside-dark
  .menu
  .menu-item.hover
  > .menu-link:not(.disabled):not(.active)
  .menu-icon
  i {
  color: var(--green);
}

.aside-dark .menu .menu-item .menu-link .menu-title {
  color: #111;
}

.aside-dark .menu .menu-item .menu-link.active {
  background-color: var(--light-green);
}

.aside-dark .menu .menu-item .menu-link.active .menu-title {
  color: #111;
}

.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.aside-dark .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) {
  background-color: var(--light-green);
}

.aside-dark
  .menu
  .menu-item
  .menu-link:hover:not(.disabled):not(.active)
  .menu-title,
.aside-dark
  .menu
  .menu-item.hover
  > .menu-link:not(.disabled):not(.active)
  .menu-title {
  color: #111;
}
.aside-dark .menu-item {
  border-bottom: 0.5px solid #2a939640;
}
.aside-dark .menu-accordion.hover.show > .menu-link {
  border-bottom: 1px solid #2a939640;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.border-1 {
  border: 1px solid !important;
}

.form-control,
.form-control.form-control-solid,
.form-select.form-select-solid {
  font-size: 12px !important;
  border: solid 1px #d5cfcf;
  padding: 0.6rem 0.9rem;
}

.btn.btn-primary:hover:not(.btn-active) {
  background-color: #343f5a !important;
}

.form-label {
  font-size: 12px !important;
}

.login-body {
  background-color: #fff !important;
}

.text-primary {
  color: var(--blue-1) !important;
}

.text-gray {
  color: #999 !important;
}

.login-pattern {
  background: url("../media/patterns/login-bg.svg") no-repeat center/cover;
  background-blend-mode: overlay;
  background-color: rgba(255, 255, 255, 0.5);
}

.left-side {
  color: white;
  background: url("../media/patterns/login-box-bg.svg") no-repeat center/cover,
    linear-gradient(to left, var(--blue-2), var(--blue-1));
}

.link-primary {
  color: #120d3f;
}

.with-shadow {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.notification-counter {
  position: absolute;
  top: -15px;
  inset-inline-end: -20px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e00;
  background-color: #ffeeee;
  border-radius: 8px;
}

.btn-gradient {
  --gradient-position: 0%;
  height: var(--input-height);
  background: linear-gradient(
    to right,
    var(--teal) var(--gradient-position),
    var(--blue-2)
  );
  text-transform: uppercase;
  transition: --gradient-position 0.5s !important;
}

.btn-gradient:hover {
  --gradient-position: 70%;
}

.btn-accordion {
  position: absolute;
  inset-inline-end: 18px;
  inset-block-start: 3px;
}

.pq-grid-col-leaf .pq-td-div {
  background-color: var(--green);
  height: 100%;
  padding-top: 6px;
  color: #fff;
}
/* gab between items in index.html */
@media only screen and (max-width: 1200px) {
  .indexCard {
    margin-bottom: 10px;
  }
}
/* end of gap between items in index.html */
/* fixing the pq grid responsivity */
@media only screen and (max-width: 680px) {
  .pq-cont-inner {
    overflow-x: scroll;
    /* min-height: 100px !important; */
  }
}
@media only screen and (max-width: 450px) {
  /* .pq-grid-bottom td:nth-child(2),
  .pq-grid-bottom td:nth-child(6) {
    display: none;
  } */

  .pq-grid-bottom {
    padding: 0 !important;
    font-size: 9px !important;
  }
  .pq-theme span.pq-separator {
    margin: 0 3px !important;
  }
  .pq-page-current {
    width: 25px !important;
  }
  .pq-grid-bottom .pq-ui-button {
    padding: 0 !important;
    margin: 0 !important;
  }
}
.pq-grid {
  height: 500 !important;
}
@media only screen and (max-width: 680px) {
  .pq-grid {
    /* height: auto !important; */
    min-height: 520px !important;
    /* max-height: 550px !important;  */
  }
}

/* end of fixing the pq grid responsivity */
/* custom danger-color  */
.dangerColor {
  background-color: rgb(224, 14, 14);
}
.dangerColor:hover {
  background-color: rgb(241, 54, 54) !important;
}
/* toolbarresponsitivity */
.details-header-toolbar {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
  .details-header-toolbar {
    display: flex;
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }
  /* .details-header-toolbar > div > * {
     margin: 0 !important; 
  } */
  .details-header-toolbar > div {
    display: contents;
  }
}
/* end of toolbar responsitvity */
.quick-filter {
  cursor: pointer;
}
.indexCard div {
  scrollbar-color: rgb(209, 209, 209) #fff !important ;
}

.aside-dark .hover-scroll-overlay-y {
  --scrollbar-space: 0.4rem;
  scrollbar-color: #87a8aa transparent !important;
}

.header-toolbar {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  overflow-x: clip;
}

.header-toolbar .btn-tooltip {
  position: relative;
  border-radius: 0 !important;
}

.header-toolbar .btn-tooltip:not(.without-separator)::after {
  content: "";
  height: 25px;
  width: 1px;
  background-color: #bbb;
  position: absolute;
  top: 50%;
  inset-inline-end: -4px;
  transform: translateY(-50%);
}

.header-toolbar .btn-tooltip:hover {
  background-color: #ddd;
}

.aside-fixed .aside,
.aside-enabled.aside-fixed.header-fixed .header {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.pq-grid-container {
  height: 70vh;
}
.pq-grid-header-table .pq-grid-col-leaf {
  height: auto !important;
}

.pq-grid-header-table .pq-grid-col-leaf .pq-td-div {
  min-height: 45px !important;
  padding-inline: 10px;
}

.pq-grid-header-search-row .pq-td-div {
  min-height: 45px !important;
}

.pq-title-span input[type="checkbox"],
.pq-grid-hd-search-field {
  height: 30px !important;
}
.pq-theme input[type="checkbox"] {
  border: 0 !important;
  background-color: #eff2f5;
}
.pq-has-link a {
  font-weight: 600;
}

.pq-grid-header-table {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

.pq-grid-row .pq-grid-cell.center-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pq-grid-cell {
  text-wrap: wrap !important;
  overflow-wrap: break-word !important;
}
/* center cell data only */
.pq-grid-row .pq-grid-cell.center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pq-grid-title-row:first-child .pq-grid-col.center-items .pq-td-div {
  display: flex !important;
  justify-content: center !important;
  flex-direction: column;
}
.pq-grid-title-row > :first-child .pq-td-div input::before {
  border: 0 !important;
  background-color: #eff2f5 !important;
}
.pq-body-outer {
  border-right: 0.4px #eff2f5 solid !important;
  border-left: 0.4px #eff2f5 solid !important;
}
.ui-widget-header {
  border-right: 0.4px #eff2f5 solid !important;
  border-left: 0.4px #eff2f5 solid !important;
}
.pq-grid-center-o {
  padding-top: 5px !important;

  padding-right: 5px !important;
  padding-left: 5px !important;
}
.pq-grid-bottom {
  padding-bottom: 5px;

  padding-right: 5px !important;
  padding-left: 5px !important;
}
.pq-grid *:not(.pq-ui-button, .ui-icon, i) {
  font-family: var(--bs-font-sans-serif);
}

.pq-grid a {
  color: var(--green) !important;
}

.pq-td-div {
  display: flex !important;
  align-items: center !important;
}
.pq-no-wrap > .pq-grid-row > .pq-grid-cell,
.pq-no-wrap > .pq-grid-row > .pq-grid-col > .pq-td-div {
  text-overflow: unset !important;
}

.pq-title-span {
  font-weight: 600;
  text-transform: uppercase;
}
.pq-title-span:hover {
  text-decoration: none !important;
}
.pq-grid-cell {
  align-items: center;
  display: flex;
}

.pq-theme input[type="checkbox"] {
  margin: 0 !important;
  border: 5px !important;
  background-color: #eff2f5 !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  cursor: pointer;
}
.pq-focus-mgr {
  display: none !important;
}
.form-check-input.customBack:checked {
  background-color: #485982 !important;
}
.remote-spinner {
  top: 47px;
}
.remote-spinner-select {
  top: 42px;
}
.pq-td-div {
  height: 40px;
}
fieldset {
  border-radius: 8px;
}
.pq-focus {
  border: 1px solid transparent !important;
}
legend {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 10px;
}

legend label {
  background-color: #f6f6f6;
}

.border-black {
  border-color: #ddd !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--blue-2);
}

.details-tabs {
  background-color: #f6f6f6;
  height: fit-content;
  border-radius: 6px;
}

@media only screen and (min-width: 992px) {
  .login-body {
    overflow-y: hidden !important;
  }

  .header-fixed.toolbar-fixed .wrapper {
    padding-top: calc(11px + var(--kt-toolbar-height));
  }
}

/* Full Calendar Custom CSS */
.fc-resource {
  min-width: 200px !important;
}
.fc-resourceTimelineDay-view {
  min-width: 500px;
}

tbody .fc-datagrid-cell-frame {
  min-height: 260px !important;
}
.fc-timeline-lane-frame {
  height: auto !important;
  min-height: 260px !important;
}

.fc-timeline-event {
  height: 30px;
}
.fc-resourceTimelineMonth-view .fc-sticky {
  left: 40% !important;
  right: 50% !important;
}

.fc-timegrid-axis-frame {
  height: 45px !important;
}

.fc-timegrid-axis-frame {
  height: 45px !important;
}
#fullcalendar {
  z-index: 1 !important;
}

.timeline-label:before {
  content: "";
  display: none;
}

.fc-datagrid-body .fc-datagrid-cell-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  transform-origin: center center;
  transform: rotate(-90deg);
  font-weight: 600;
}

td .fc-day-sun {
  background: #f8f7f4 !important;
  cursor: not-allowed !important;
}

.fc-timeline-slot-cushion {
  color: #485982;
}
.fc-timeline-slot-lane {
  cursor: pointer;
}
.fc-timeline-slot-cushion:hover {
  color: #485982;
  cursor: default;
}
.holiday-day {
  background: #f8f7f4 !important;
  cursor: pointer !important;
}

@media screen and (max-width: 450px) {
  .fc-button-group {
    display: flex;
    flex-wrap: wrap;
  }
}
.fc-toolbar-chunk {
  display: flex;
  flex-wrap: nowrap;
}
.fc-button-group .fc-button-primary {
  background-color: white;
  border: 0.5px solid #485982 !important;
  border-right: 0.25px !important;
  color: #485982;
}

.fc-button-group .fc-button-primary:last-child {
  border-right: 0.5px solid !important;
}

.fc .fc-button-primary:hover {
  background-color: #485982 !important;
  color: white !important;
}

.fc-button-group .fc-button-active {
  background-color: #485982 !important;
  color: white !important;
}
.fc-prev-button {
  background-color: #485982 !important;
  color: white !important;
  border: 0 !important;
}

.fc-next-button {
  background-color: #485982 !important;
  color: white !important;
  border: 0 !important;
}

.fc-prev-button:hover {
  color: white !important;
}

.fc-next-button:hover {
  color: white !important;
}

.fc-icon-chevron-left {
  color: white !important;
}

.fc-icon-chevron-right {
  color: white !important;
}

.fc-event {
  width: 100% !important;
  border-radius: 0.475rem;
}

.fc-today-button {
  background: white !important;
  color: #485982 !important;
  border: 1px solid #485982 !important;
}

.fc .fc-button-primary:disabled {
  background-color: #485982 !important;
  color: white !important;
  cursor: not-allowed;
}

.fc .fc-datagrid-cell-cushion {
  overflow: visible !important;
}
.back-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#defaultPriceList:hover {
  color: #2b2b2b !important;
  text-decoration: underline !important;
}

#defaultBtn:hover {
  background-color: rgb(68, 95, 68) !important;
}

.back-button svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.flatpickr-input {
  width: 100%;
}

.flatpickr-date:not(:disabled) {
  background-color: #f5f8fa !important;
}

.comments-toggle {
  top: 70% !important;
}

.btn-calculate {
  position: absolute;
  top: 31px;
  inset-inline-end: 32px;
}

@media screen and (max-width: 767px) {
  .select-spinner {
    position: absolute;
    top: 123px;
    inset-inline-end: 60px;
  }
}

@media screen and (min-width: 800px) {
  .select-spinner {
    position: absolute;
    top: 53px;
    inset-inline-end: 60px;
  }
}

@media screen and (min-width: 800px) {
  .system-select-spinner {
    position: absolute;
    top: 53px;
    inset-inline-end: 195px;
  }
}
@media screen and (max-width: 767px) {
  .system-select-spinner {
    position: absolute;
    top: 122px;
    inset-inline-end: 60px;
  }
}
.column-gap-0 {
  column-gap: unset !important;
}

label.radio-card {
  cursor: pointer;
  width: 100% !important;
  height: 100% !important;
}

label.radio-card .card-content-wrapper {
  background: #fff;
  border-radius: 5px;
  width: 100% !important;
  height: 100% !important;
  padding: 15px;
  display: grid;
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
  transition: 200ms linear;
}

label.radio-card .check-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 2px #e3e3e3;
  border-radius: 50%;
  transition: 200ms linear;
  position: relative;
}

label.radio-card .check-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
  opacity: 0;
}

label.radio-card input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

label.radio-card input[type="radio"]:checked + .card-content-wrapper {
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #485982;
}

label.radio-card
  input[type="radio"]:checked
  + .card-content-wrapper
  .check-icon {
  background: #485982;
  border-color: #485982;
  transform: scale(1.2);
}

label.radio-card
  input[type="radio"]:checked
  + .card-content-wrapper
  .check-icon:before {
  transform: scale(1);
  opacity: 1;
}

label.radio-card input[type="radio"]:focus + .card-content-wrapper .check-icon {
  box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
  border-color: #485982;
}

label.radio-card .card-content img {
  margin-bottom: 10px;
}

label.radio-card .card-content h4 {
  font-size: 16px;
  letter-spacing: -0.24px;
  text-align: center;
  color: #1f2949;
  margin-bottom: 10px;
}

label.radio-card .card-content h5 {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #686d73;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.select2-container.is-invalid .select2-selection {
  border-color: #ef867a !important;
}

.fix-input-group-borders input {
  border-inline-end: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.fix-input-group-borders .input-group-append span {
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}

.fix-input-group-borders input:focus + .input-group-append span {
  border: 0 !important;
}

.btn-view-primary {
  background-color: #a5c8de;
  border: 0.3px solid #546182 !important;
}

.btn-view-danger {
  border: 0.3px solid #db7e7e !important;
}

.btn-accordion-2 {
  position: absolute;
  inset-inline-end: 40px;
  inset-block-start: 3px;
}

.node-inactive {
  color: #ef0a0a; /* Change this color as needed */
}

.tooltipCalendarEvent {
  position: absolute;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  z-index: 1000;
}

.tooltipCalendarEvent .tooltip-inner {
  max-width: 100%;
  text-align: left;
}

.tooltip-arrow::before {
  border-right-color: inherit !important;
}

#map {
  height: 100vh;
}

dl dt {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.visit-canceled {
  background-color: #e0766b !important;
}
.visit-unscheduled {
  background-color: #753dea !important;
}
.visit-scheduled {
  background-color: #7239ea !important;
}
.visit-pending {
  background-color: #485982 !important;
}
.visit-on-the-way {
  background-color: #ffc700 !important;
}
.visit-arrived {
  background-color: #2a9396 !important;
}
.visit-completed {
  background-color: #2a9396 !important;
}
.work-order-canceled {
  background-color: #f2c715 !important;
}
.work-order-completed {
  background-color: #04aa6d !important;
}
.work-order-canceled {
  background-color: #f2c715 !important;
}
.work-order-pending {
  background-color: rgb(42 147 150) !important;
}
.work-order-inprogress {
  background-color: #2196f3 !important;
}
.work-order-open {
  background-color: rgb(172 0 172) !important;
}

/*For firefox*/
@-moz-document url-prefix() {
  .fc-resourceTimelineDay-view
    .fc-scrollgrid-section-header
    .fc-scroller-harness {
    max-height: 30px !important;
  }

  .fc-resourceTimelineMonth-view
    .fc-scrollgrid-section-header
    .fc-scroller-harness {
    max-height: 30px !important;
  }
}
.workorder-table {
  border-color: #bec0c3 !important;
}

.workorder-table.table-row-dashed td {
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: #bec0c3;
  border-color: #bec0c3 !important;
}

.accordion-workorder {
  color: #485982;
  background-color: #bec0c2 !important;
  box-shadow: inset 0 -1px 0 #eff2f5;
}

.accordion-workorder:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg);
}

.print-div {
  display: none !important;
}

.apexcharts-text tspan {
  text-transform: capitalize;
}

@media print {
  .repeated-div {
    display: block;
    position: fixed;
    bottom: 0;
    margin-top: 20px !important;
    width: 100%;
    background: #fff;
    z-index: 9999;
  }
  .header-repeat {
    display: block;
    position: fixed;
    top: 0;
    margin-bottom: 50px !important;
    width: 100%;
    /* background: #fff;  */
    z-index: 9999;
  }
  .repeated-div,
  #content {
    page-break-before: always;
  }
  .no-print {
    display: none;
  }
  table {
    display: table !important;
    overflow-x: auto !important;
  }
  .break {
    page-break-after: always;
    padding: 100px !important;
  }
  /* .add-padding{
    position:relative;
    display:table;
    table-layout:fixed;
    padding-top:20px !important;
    padding-bottom:20px !important;
    width: 94%;
    height:auto;
  } */
  .break-before {
    page-break-before: always;
    padding-top: 40px !important;
  }
  .aside {
    width: 75px !important;
    transition: width 0.3s ease !important;
  }
  .aside-enabled.aside-fixed .wrapper {
    transition: padding-left 0.3s ease;
    padding-left: 50px !important;
    padding-top: 15px !important;
  }
  .print-div {
    display: flex !important;
  }
  .print-margin {
    margin-bottom: 50px !important;
  }
  .no-margin {
    padding: 0px !important;
    margin: 0px !important;
  }
  .mt-2 {
    margin-top: 0rem !important;
  }
  .px-2 {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  .no-padding-print {
    padding: 0px !important;
  }
  /* @page {
  counter-reset: page;
}
  .pageFooter:before {
    counter-increment: page;
    content:"Page " counter(page);
    left: 0; 
    top: 100%;
    white-space: nowrap; 
    z-index: 20;
    /* -moz-border-radius: 5px; 
    -moz-box-shadow: 0px 0px 4px #222; 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  } */
}

/* .repeated-div {
  display: block;
  position: fixed;
  bottom: 0;
  margin-top: 20px !important;
  width: 100%;
  background: #fff;
  z-index: 9999;
}
.repeated-div, #content {
  page-break-before: always;
} */
@media (min-width: 992px) {
  .modal-max {
    max-width: 1000px;
  }
}

.wh-24px {
  width: 24px !important;
  height: 24px !important;
}

.landscape-view {
  display: unset !important;
}

.tooltips .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: rgb(255, 255, 255);
  color: #485982;
  border-radius: 10px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  margin: 4px;
  border-color: grey;
  text-shadow: 2px 2px 4px #00000014;
  box-shadow: 1px 1px 27px 6px #00000029;
}

.tooltips:hover {
  cursor: pointer;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
}

.dashboardCard {
  transition: transform 0.2s;
}
.dashboardCard:hover {
  transition: transform 0.5s;
  transform: scale(1.1);
}

.accordion-form {
  color: #485982;
  background-color: #dbdde0 !important;
  box-shadow: inset 0 -1px 0 #f1f3f5;
}

.accordion-form:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg);
}

.accordion-category {
  color: #485982;
  background-color: #e5e8eb !important;
  box-shadow: inset 0 -1px 0 #f1f3f5;
}

.accordion-category:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-180deg);
}

.bg-grey {
  background-color: #e8e8e8 !important;
}

.datepicker-clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
  display: block;
  height: 0.7rem;
  width: 0.7rem;
  top: 50%;
  inset-inline-end: 2.3rem;
  position: absolute;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235E6278'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.datepicker-clear:hover {
  cursor: pointer;
}

/* .trade-break{
  page-break-before: always;
  page-break-after: always;
} */

.wrapWhite {
  white-space: unset !important;
}

/* lookup button */
.show-lookup-form-btn {
  transition: all 0.3s ease;
}
.show-lookup-form-btn-active {
  color: #ef0a0a;
}
.table td {
  padding: 4px !important;
}
/* end lookup buttoon */
.first-td {
  width: 8% !important;
  padding: 2px !important;
}
.first-td-v {
  width: 30% !important;
  padding: 2px !important;
}
.remarks-td {
  width: 12% !important;
  padding: 2px !important;
}
.last-td {
  width: 5% !important;
  padding: 4px !important;
}
.remarks-td-v {
  width: 15% !important;
  padding: 2px !important;
}
.last-td-v {
  width: 10% !important;
  padding: 4px !important;
}
.form-td {
  width: 10% !important;
  padding: 2px !important;
}
.fs-custom {
  font-size: 0.75rem !important;
}

/* fixed pggrid bottom appearing over dropdown */
.pq-grid-bottom,
.pq-grid-footer,
.pq-pager {
  /* position: absolute !important; */
  z-index: 1;
  position: unset !important;
}

@media screen and (max-width: 1000px) {
  .w-1000px {
    width: 100% !important;
  }
  table {
    /* display: block; */
    overflow-x: auto;
  }
}
@media (max-width: 500px) {
  .responsive-class {
    width: 100% !important;
    margin-top: 5px !important;
  }
  .responsive-width {
    width: 400px !important;
  }
}

/* ticket stuff */
#editTitlePenContainer:hover {
  cursor: pointer;
}
.menu-state-bg-bg-light-primary-red > .menu-item .menu-link:hover {
  background-color: rgba(255, 90, 90, 0.082) !important;
}
.menu-item-danger:hover {
  background-color: rgba(255, 90, 90, 0.082) !important;
}

.menu-item-danger:is(.active) {
  background-color: rgba(255, 90, 90, 0.082) !important;
}
/* end ticket stuff */
@media screen and (max-width: 700px) {
  #user-fullname {
    display: none;
  }
  #header-badges-container {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 300px) {
  #header-badges-container {
    padding: 0 !important;
  }
}
/* language dropdown */

@media screen and (max-width: 500px) {
  #languageDropDownInHeader {
    max-width: 100px !important;
    width: 100%;
  }
}
@media screen and (max-width: 399px) {
  #languageDropDownInHeader {
    width: 70px;
    .input-group-text {
      width: 0;
      display: none;
    }
    #languageSelect,
    .select2-container {
      width: 100% !important;
    }
  }
}

@media screen and (min-width: 500px) {
  #languageDropDownInHeader {
    width: 150px !important;
  }
}

.languageDropDown {
  border: 2px solid #45a0a3;
  border-radius: 6px;
  width: 100%;
}

.languageDropDown .select2-container {
  width: calc(100% - 39px) !important;
  border: 0px;
}

.languageDropDown {
  border: 1px solid #e4e1e1;
  padding: 0;
}

.languageDropDown .input-group-text {
  border: none;
}

.languageDropDown select {
  background-color: #ffffff;
  color: #333333;
  font-size: 16px;
  font-family: Arial, sans-serif;
  appearance: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s ease;
  border: 0px;
}
.languageDropDown .input-group-text {
  width: 40px !important;
}

.languageDropDown .select2-selection {
  border: none;
}
/* end language dropdown */

.apexChart {
  min-height: 365px !important;
  height: 300px !important;
}
#type-workorders {
  min-height: 350px !important; /* Set a minimum height */
  height: 100%; /* Ensure it scales if needed */
}
#priority-workorders {
  min-height: 350px !important; /* Set a minimum height */
  height: 100%; /* Ensure it scales if needed */
}
/* comments css fixes */
#replyMessageContainer,
.repliedMessageQuote {
  background-color: #e3edf1;
  border-color: #4ea5a8;
  border-left: 4px solid #4ea5a8;
}

.repliedMessageQuote {
  cursor: pointer;
}

.repliedMessageQuoteActive {
  background-color: #e3edf1;
}

.repliedMessageQuoteNotOwner {
  background-color: #f1e3e3;
  border-color: #e0766b;
  border-left: 4px solid #e0766b;
  cursor: pointer;
}

#messageSenderName {
  color: #4ea5a8;
  font-weight: bold;
}
#kt_comments_body {
  overflow: scroll;
}

.userMessage table {
  border-collapse: collapse;
  border: 1px solid black;
  max-width: 100% !important;
}
.userMessage {
  overflow: scroll;
}
.userMessage th,
.userMessage td {
  border: 1px solid #000;
}

#kt_comments_footer .ck-content {
  min-height: 0px;
  margin-bottom: 10px;
  height: 100px;
}

.userMessage a,
#ticketDescriptionTxtContainer a {
  color: #2196f3;
}

.media {
  max-width: 100%;
  margin: auto;
  position: relative;
  padding-top: 56.25%; /* 16:9 aspect ratio */
}

/* Style the iframe */
.media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

#kt_comments_toggle {
  overflow-x: hidden !important;
}

.userMessage figure,
.userMessage figure img {
  max-width: 100%;
  max-height: 100%;
}

.comment-attachment {
  cursor: pointer;
  width: fit-content;
}

.notificationTable {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.notificationTable td {
  padding: 12px 15px;
  text-align: left;
  font-size: 14px;
  color: #333;
  background-color: #f9f9f9;
  border-bottom: 1px solid #ddd;
}

.notificationTable tr:hover {
  background-color: #ff0000;
}

.notificationTable td:first-child {
  font-weight: bold;
  color: #555;
}

.notificationFooter p {
  font-size: medium;
}

.input-group .form-control {
  border-top-left-radius: 0.475rem !important;
  border-bottom-left-radius: 0.475rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group.date {
  flex-wrap: nowrap !important;
}

.flatpickr-wrapper {
  width: 100% !important;
}

.comments-counter {
  position: absolute;
  inset-inline-start: -10px;
  top: 20px;

  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #7ddadd;
  border-radius: 8px;
  transform: rotate(270deg);
}

.fc-daygrid-dot-event {
  background-color: transparent !important;
}

.comments-toggle {
  background-color: #46b0b3 !important;
  color: white !important;
}
.explore-toggle {
  background-color: #5e79b4 !important;
  color: white !important;
}

.ticket-explore-toggle {
  background-color: #5e79b4 !important;
  color: white !important;
  top: 35%;
}
.ticket-comments-toggle {
  background-color: #46b0b3 !important;
  color: white !important;
  top: 55%;
}

.knowledgebase-toggle {
  top: 80%;
  background-color: #099ecb !important;
  color: white !important;
  &:hover {
    background-color: rgb(6, 112, 165) !important;
  }
}

.knowledgeBasePostContainer {
  background-color: #099ecb18;
  padding: 10px 20px 10px 20px;
  border-radius: 10px;
  /* color: #099ecb; */
}

.knowledgeBasePostContainer:not(:last-child) {
  margin-bottom: 20px;
}

.knowledgeBasePostContainer > div {
  margin-bottom: 2px;
}

.postCommentContainer {
  border: 2px solid #e1e1e1;
  border-radius: 10px;
  padding: 10px;
}

.postCommentContainer:not(:last-child) {
  margin-bottom: 10px;
}

html {
  scroll-behavior: smooth;
}

.kt_knowledgebase_search_container {
  background-color: white;
  width: 100% !important;
  top: 0 !important;
}
.swal2-confirm:not(.btn-primary),
.swal2-cancel:not(.btn-primary) {
  width: 80px;
  font-weight: normal !important;
}
.swal2-confirm.btn-success {
  background-color: #2a9396 !important;
  color: white !important;
  border: none;
}

#filter-menu {
  /* overflow-y: auto !important; */
  max-height: 99vh;
}

.pq-table-right {
  min-height: 100% !important;
}