*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  *::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
  }

  *::-webkit-scrollbar-thumb:horizontal {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
  }

  .fs-1 {
    font-size: 18px !important;
    line-height: 25px !important;
  }

  .toast-header {
    display: none !important;
  }

  .toast-body {
    display: flex;
    align-items: center;
  }

  .table-value-scroll {
    max-width: 30rem;
    overflow-x: auto;
  }

  .btn.btn-outline-black {
    border: 1px solid #1e1e1e;
    color: #1e1e1e;
  }

  .btn.btn-outline-black:hover {
    background: #1e1e1e;
    color: #fff;
  }

  .btn.btn-black {
    background: #1e1e1e;
    color: #fff;
  }

  .text-black {
    color: #1e1e1e !important;
  }

  .sv-bloom {
    background-color: #e9aca7;
    color: #1e1e1e;
  }

  .sv-shine {
    background-color: #fdd5a9;
    color: #1e1e1e;
  }

  .sv-sky {
    background-color: #9ccdfb;
    color: #1e1e1e;
  }

  .btn.btn-black:hover {
    opacity: 0.95;
  }

  #prev.disabled:hover {
    background-color: white;
    color: #1e1e1e;
  }


  /* Laravel Pagination Css Custom Start */
  .pagination {
    background: white;
  }
  .pagination li {
    margin: 0 6px;
    border: 1px solid black;
    border-radius: 1rem;
    height: 24px;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .pagination li span, .pagination li a{
    padding: 10px;
  }

  .pagination li:nth-last-child(1), .pagination li:nth-of-type(1), .pagination .disabled {
    border: none;
  }

  .pagination .disabled{
      &:hover{
          background: #fff;
          color: #000;
          opacity: 0.5;
          cursor: not-allowed;
    }
  }

  .pagination .active {
    color: white;
    background: #42505d;
  }
  .pagination li a {
    color: black;
    width: 100%;
  }

  ul > li:hover a, .pagination li:hover{
    color: white;
    background: #42505d;;
    cursor: pointer;
  }

  .pagination li:nth-last-child(1), .pagination li:nth-of-type(1) {
    display: flex;
    border: 1px solid black;
    height: 24px;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 1rem;
    width: 30px;
    overflow: hidden;
    span,a {
        transform: translateY(-2px);
    }
  }

  .simple-pagination li {
    width: unset !important;
  }

  .pagination-bg-none .pagination { background: none !important; }
  /* Laravel Pagination Css Custom End */

.card { z-index: 0; }

.fa-text { font-size: 11px !important; padding: .4rem !important; }
.btn-back .fa-arrow-circle-left { font-size: 20px; }

.hover-none{
    background-color: transparent !important;
}

.select2-w100 .select2-container { width: 100% !important; }
.select2-search__field {
  height: 22px !important;
}

/* Custom styles to fix tempusdominus datepicker arrow colors */
.bootstrap-datetimepicker-widget .timepicker-picker a.btn[data-action="incrementHours"]:hover,
.bootstrap-datetimepicker-widget .timepicker-picker a.btn[data-action="incrementMinutes"]:hover,
.bootstrap-datetimepicker-widget .timepicker-picker a.btn[data-action="decrementHours"]:hover,
.bootstrap-datetimepicker-widget .timepicker-picker a.btn[data-action="decrementMinutes"]:hover {
  color: #0056b3 !important;
  background-color: transparent !important;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"],
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"],
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"],
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"] {
  background-color: transparent;
}

/* Fix for up/down arrows */
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    color: #007bff;
}

.section-div { margin-bottom: 30px; }
.section-title { font-size: 18px; font-weight:600; }
.section-title-sm { font-size: 16px; font-weight:600; margin-bottom: 1rem !important; }
.section-title-info { color: #0b71c4 !important; }
.info-title { font-size:15px; color: #3d4144; }
.info-value { font-size:16px; }

.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fs-90 { font-size: 90% !important; }
.fs-80 { font-size: 80% !important; }
.fs-14-px { font-size: 14px !important; }
.fs-15-px { font-size: 15px !important; }
.text-decoration-underline { text-decoration: underline !important; }

/* Chrome, Safari, Edge, Opera */
input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.no-arrows { -moz-appearance: textfield; }
.cursor-pointer { cursor: pointer !important; }
.radio-cursor-pointer input, .radio-cursor-pointer label { cursor: pointer !important; }

#page-loader {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.3); display: none;
  justify-content: center; align-items: center; z-index: 9999;
}

.mark-overlay {
  position:absolute; top:0; left:0; right:0; bottom:0;
  background: rgba(220,53,69,0.25); color:#dc3545;
  font-size:2rem; font-weight:700;
  align-items:center; justify-content:center; pointer-events:none;
}

.custom-nav-pill { background-color: #f1f2f4 !important; }
.custom-nav-pill .nav-link { color: #000 !important; }
.custom-nav-pill .nav-link:hover { background-color: #eceef1 !important; }
.custom-nav-pill .nav-link.active { background-color: #fff !important; }

#dmm-policy-table td { font-size: 14px !important; }
#dmm-policy-table td p { margin-bottom: 0.5rem !important; }

/* Progress Bar Stepper */
.progress-stepper {
  display: flex; justify-content: space-between; align-items: center; position: relative;
  background: white; padding: 2rem 1rem; margin: 0; list-style: none;
}
.progress-step {
  flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2;
}
.step-circle {
  width: 36px; height: 36px; border-radius: 50%; background: white; border: 3px solid #dee2e6;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; color: #6c757d; margin-bottom: 0.5rem;
  transition: all 0.3s ease; cursor: pointer; position: relative; z-index: 2;
}
.step-label { font-size: 0.875rem; color: #6c757d; font-weight: 500; text-align: center; cursor: pointer; }
.progress-step.active .step-circle {
  border-color: #007bff; background: #007bff; color: white; box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
}
.progress-step.active .step-label { color: #007bff; font-weight: 600; }
.progress-step.completed .step-circle { border-color: #28a745; background: #28a745; color: white; }
.progress-step.completed .step-circle::before {
    content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1rem;
}
.progress-step.completed .step-circle i { display: none;}
.progress-step.completed .step-label { color: #28a745; }
.progress-step:not(:last-child)::after {
  content: ''; position: absolute; z-index: 1; background: #dee2e6;
  top: 18px; left: 50%; width: 100%; height: 3px;
}
.progress-step.completed:not(:last-child)::after { background: #28a745; }
.progress-step:hover .step-circle { transform: scale(1.1); }
@media (max-width: 768px) {
  .progress-stepper { padding: 1.5rem 0.5rem; }
  .step-circle { width: 30px; height: 30px; font-size: 1.25rem; }
  .step-label { font-size: 0.75rem; }
  .progress-step:not(:last-child)::after { top: 20px; }
}

.hover-shadow:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transform: translateY(-2px); }

.attachments-box {
    width: 132px; height: 106px; border: 1px solid #E5E7EB; border-radius: 12px;
    display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem;
}

/* ── Compact Modal Header (global for all admin-v2 modals) ── */
.modal-header              { padding: 10px 16px; }
.modal-header .modal-title { font-size: 15px; font-weight: 600; }
.modal-header .close       { font-size: 18px; }

/* ─────────────────────────────────────────────────
   Shared Admin-v2 Button Utility Classes
   Use these across all admin-v2 pages for consistency.
───────────────────────────────────────────────── */

/* Filter / secondary action buttons (Filter, Download, Export etc.) */
.btn-sv-filter {
    background-color: #fff;
    color: #1e1e1e;
    border: 1px solid #1e1e1e !important;
}
.btn-sv-filter:hover {
    background-color: #1e1e1e;
    color: #fff;
    border-color: #1e1e1e !important;
}

/* Primary action buttons (Save, Submit, Confirm etc.) */
.btn-sv-submit {
    background-color: #28a745;
    color: #fff;
    border: 1px solid transparent;
}
.btn-sv-submit:hover {
    background-color: #218838;
    color: #fff;
    border-color: transparent;
}

/* Cancel / dismiss buttons (Close, Cancel etc.) */
.btn-sv-cancel {
    background-color: #fff;
    color: #555;
    border: 1px solid #ccc;
}
.btn-sv-cancel:hover {
    background-color: #f0f0f0;
    color: #333;
}