.whatsapp-icon1 {
  position: fixed;
  bottom: 70px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

.whatsapp-icon2 {
  position: fixed;
  bottom: 150px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

.whatsapp-icon3 {
  position: fixed;
  bottom: 230px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

.whatsapp-icon4 {
  position: fixed;
  bottom: 310px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

.whatsapp-icon5 {
  position: fixed;
  bottom: 390px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

:root {
  --app-header-height: 56px;
}

.fixed-header .app-header {
  position: sticky;
  top: 0;
  z-index: 1040;
  background: rgba(var(--bs-body-bg-rgb), 0.96);
  backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
}

.fixed-header .app-main {
  min-width: 0;
}

@media (min-width: 992px) {
  .fixed-header.layout-fixed .app-sidebar {
    position: sticky;
    top: var(--app-header-height);
    max-height: calc(100vh - var(--app-header-height));
  }

  .fixed-header.layout-fixed .app-sidebar .sidebar-wrapper {
    height: calc(100vh - var(--app-header-height) - 3.5rem - 1px);
  }
}

@media (max-width: 991.98px) {
  .fixed-header .app-header {
    z-index: 1048;
  }

  .fixed-header .app-sidebar {
    position: fixed;
    top: var(--app-header-height);
    bottom: 0;
    max-height: calc(100vh - var(--app-header-height));
    z-index: 1056;
  }

  .fixed-header .app-sidebar .sidebar-brand {
    min-height: 3.5rem;
  }

  .fixed-header .app-sidebar .sidebar-wrapper {
    height: calc(100vh - var(--app-header-height) - 3.5rem - 1px);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .fixed-header.sidebar-open .sidebar-overlay {
    position: fixed;
    top: var(--app-header-height);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    width: auto;
    height: auto;
    cursor: pointer;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.28);
  }
}


.app-form-actions-desktop {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}

.app-form-actions-desktop .btn,
.app-form-actions-mobile .btn {
  min-height: 42px;
}

.app-form-actions-mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1035;
  background: rgba(255, 255, 255, .98);
  border-top: 1px solid #dee2e6;
  box-shadow: 0 -6px 18px rgba(0, 0, 0, .08);
  padding: .5rem .75rem calc(.5rem + env(safe-area-inset-bottom));
}

@media (max-width: 991.98px) {
  .app-form-screen {
    padding-bottom: 5.5rem;
  }

  .app-form-actions-desktop {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .app-form-actions-mobile {
    display: none !important;
  }
}


.app-sticky-table-wrap {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.app-sticky-table {
  margin-bottom: 0;
}

.app-sticky-table th,
.app-sticky-table td {
  vertical-align: middle;
}

.app-sticky-table .sticky-col {
  position: sticky;
  left: 0;
  z-index: 3;
  background: var(--bs-body-bg, #fff);
  box-shadow: 8px 0 12px -12px rgba(0, 0, 0, .25);
}

.app-sticky-table thead .sticky-col {
  z-index: 4;
  background: var(--bs-table-bg, #f8f9fa);
}

.app-sticky-table tfoot .sticky-col {
  z-index: 4;
  background: var(--bs-body-bg, #fff);
}

.app-sticky-table.table-hover tbody tr:hover .sticky-col {
  background: var(--bs-table-hover-bg, #f5f5f5);
}

.app-sticky-table.table-striped tbody tr:nth-of-type(odd) .sticky-col {
  background: var(--bs-table-striped-bg, #f8f9fa);
}

.app-sticky-table .sticky-col.sticky-col-sm {
  min-width: 90px;
}

.app-sticky-table .sticky-col.sticky-col-md {
  min-width: 150px;
}

.app-sticky-table .sticky-col.sticky-col-lg {
  min-width: 190px;
}

@media (max-width: 991.98px) {
  .app-sticky-table .sticky-col.sticky-col-sm {
    min-width: 82px;
  }

  .app-sticky-table .sticky-col.sticky-col-md {
    min-width: 132px;
  }

  .app-sticky-table .sticky-col.sticky-col-lg {
    min-width: 150px;
  }
}

/* DataTables / FixedColumns consistency */
/* .dataTables_wrapper .dataTables_scroll,
.dataTables_wrapper .dt-scroll,
.dataTables_wrapper .DTFC_ScrollWrapper {
  position: relative;
}

.dataTables_wrapper .DTFC_LeftWrapper table.dataTable,
.dataTables_wrapper .DTFC_RightWrapper table.dataTable,
.dataTables_wrapper .DTFC_Cloned,
.dataTables_wrapper .dtfc-fixed-start,
.dataTables_wrapper .dtfc-fixed-end {
  background: var(--bs-body-bg, #fff);
}

.dataTables_wrapper .DTFC_LeftWrapper th,
.dataTables_wrapper .DTFC_LeftWrapper td,
.dataTables_wrapper .DTFC_RightWrapper th,
.dataTables_wrapper .DTFC_RightWrapper td,
.dataTables_wrapper .dtfc-fixed-start,
.dataTables_wrapper .dtfc-fixed-end {
  background: inherit;
}

.dataTables_wrapper .DTFC_LeftBodyLiner,
.dataTables_wrapper .DTFC_RightBodyLiner {
  overflow-y: hidden !important;
}

.dataTables_wrapper .DTFC_LeftWrapper,
.dataTables_wrapper .dtfc-fixed-start {
  box-shadow: 8px 0 12px -12px rgba(0, 0, 0, .25);
}

.dataTables_wrapper .DTFC_RightWrapper,
.dataTables_wrapper .dtfc-fixed-end {
  box-shadow: -8px 0 12px -12px rgba(0, 0, 0, .25);
}

.dataTables_wrapper .fixedHeader-floating,
.dataTables_wrapper .fixedHeader-locked,
.dataTables_wrapper .DTFC_LeftWrapper thead th,
.dataTables_wrapper .DTFC_RightWrapper thead th,
.dataTables_wrapper .dtfc-fixed-start.dtfc-fixed-top,
.dataTables_wrapper .dtfc-fixed-end.dtfc-fixed-top {
  z-index: 1025 !important;
  background: var(--bs-table-bg, #f8f9fa);
} */


.app-table-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .45rem;
}

.app-table-actions .btn {
  margin-top: .125rem;
  margin-bottom: .125rem;
  white-space: nowrap;
}

.app-table-action-cell {
  white-space: normal !important;
}

@media (max-width: 991.98px) {
  .app-table-actions {
    gap: .45rem;
  }
}


.app-number-input,
.app-number-display {
  font-weight: 600;
  text-align: right;
  font-variant-numeric: tabular-nums;
}