*::-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;
  }
  /* 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-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; }
.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; }
.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; }