<style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      input:focus {
        box-shadow: 0 0 12px #f36f43  !important;
        border-color: #f36f43 !important; /* ganti dengan warna yang kamu mau */
        outline: none !important;
      }

     .btn-primary {
        background-color: #f36f43;
        border: none;
        border-radius: 6px;
        padding: 10px 20px;
        color: #fff;
        transition: all 0.3s ease;
      }

      .btn-primary:hover {
        background-color: #e45e34; /* sedikit lebih gelap */
        box-shadow: 0 4px 10px rgba(243, 111, 67, 0.3);
      }

      .btn-primary:focus,
      .btn-primary:focus-visible {
        background-color: #f36f43;
        box-shadow: 0 0 0 0.25rem rgba(243, 111, 67, 0.4);
        outline: none;
      }

      /* Style hanya untuk checkbox */
      input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        top: 2px;
        width: 16px;
        height: 16px;
        border: 2px solid #f36f43;
        border-radius:30%;
        background-color: #fff;
        cursor: pointer;
        position: relative;
        transition: all 0.2s ease;
      }

      /* Saat hover */
      input[type="checkbox"]:hover {
        box-shadow: 0 0 0 3px rgba(243, 111, 67, 0.2);
      }

      /* Saat dicentang */
      input[type="checkbox"]:checked {
        background-color: #fff;
        border-color: #f36f43;
      }

      /* Tick putih */
      input[type="checkbox"]:checked::after {
        content: "";
        position: absolute;
        top: 1px;
        left: 4px;
        width: 4px;
        height: 8px;
        border: solid #f36f43;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }

      a {
        color: #212529;
        text-decoration: none;
      }

      a:hover {
          color: #f36f43;
          text-decoration: underline;
      }

      .sidebar .nav-link.active {
        color: #f36f43 !important;
      }

      .page-link:hover {
        color: #f36f43;
        font-weight: bold;
      }

      div.dataTables_wrapper div.dataTables_filter label {
        margin: 8px 0px;
      }

      div.dataTables_wrapper div.dataTables_info {
        padding-top: 0 !important;
      }

      .select2-container--bootstrap-5 .select2-selection {
        border: 1px solid #f36f43 !important;
        font-size: 0.75rem !important;
      }

      .select2-container--bootstrap-5 .select2-selection--single {
        padding: 0.275rem 2.25rem 0.275rem 0.75rem
      }

      .select2-container--bootstrap-5 .select2-dropdown {
        border-color: #f36f43 !important;
      }

      .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background-color: #f36f43 !important;
      }

      .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
        border-color: #f36f43 !important;
        box-shadow: 0 0 0 0.25rem rgb(243 111 67 / 25%);
      }

      #tblProduct_wrapper {
        overflow-y: auto;
        max-height: calc(120vh - 180px);
      }

      #scanTable>:not(caption)>*>* {
        font-size:  10px;
        padding: 0 0.5rem;
      }

      .dt-button {
        margin: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        background-color: #f36f43 !important;
        border-color: #f36f43 !important;
        padding: 0.25rem 0.5rem !important;
        font-size: .875rem !important;
        border-radius: 0.2rem !important;
      }

</style>