html[theme="dark"] { scrollbar-color: #5c6875 #182433; }
::-webkit-scrollbar { width: 10px; height: 10px; }
/* Track */
::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
::-webkit-scrollbar-thumb { background: #888; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555; }

body[data-bs-theme="dark"] .uploadFoto[type="file"] { border:1px solid var(--tblr-black) !important;background: rgba(var(--tblr-primary-rgb), 0.08) !important; }
body[data-bs-theme="dark"] .swal2-popup { background: #182433; color: #eefddd; }
body[data-bs-theme="dark"] .swal2-title { color: #f1f1f1 !important; }
body[data-bs-theme="dark"] .parsley-errors-list, .text-danger { color: tomato !important; }
[class*="iconPwd"] { cursor:pointer; pointer-events:auto !important; }
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 40px; font-size:18px; text-align: center; pointer-events: none; }
.uploadFoto[type="file"] { font-size:12px; border-radius: 5px; border: 1px solid var(--tblr-yellow) !important; background: rgba(var(--tblr-yellow-rgb), 0.08) !important; padding: 10px !important; width: 100%; }
.ti, .ti.size-20 { font-size:20px !important; }
.ti.size-24 { font-size:24px !important; }
.ti.size-15 { font-size:15px !important; }
.ti.size-1em { font-size:1em !important; }
.btn-sm > .ti { font-size:14px !important; padding:2px 4px; }
.dropdown-item:focus, .dropdown-item:hover {
  color: var(--tblr-dropdown-link-hover-color); background-color: rgba(var(--tblr-yellow-rgb), 0.08)
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--tblr-dropdown-link-active-color); background-color: var(--tblr-dropdown-link-active-bg);
}
.avatar-custom { border:1px solid var(--tblr-dark) !important; }
#username { text-transform: lowercase; }

@media (max-width: 768px) {
  ul.navbar-nav a.nav-link.active, li.nav-item.dropdown.active > a.nav-link.dropdown-toggle {
    color: var(--tblr-yellow) !important; background-color: rgba(var(--tblr-yellow-rgb), 0.04) !important;
  }
  .navbar-brand-image { margin-left:5px; }
  .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    justify-content: unset;
  }
  .nav-item-mobile {
    position: absolute; right: 50px;
  }
  .nav-item-mobile .hide-theme-dark, .nav-item-mobile .hide-theme-light {
    top:5px; right:25px;
  }
  .nav-item-mobile .nav-item.dropdown {
    position: absolute; top: 5px; left:5px;
  }
  .nav-item-mobile-profile {
    position: absolute;
    right: 5px;
    top: 10px;
  }
  div.dt-container.dt-bootstrap5 .col-md-auto.me-auto { margin-bottom: 10px !important; }
}

div.dt-bootstrap5 div.dt-scroll-body {
    border-bottom-style: unset !important;
}
div.dt-bootstrap5 > .row.mt-2.justify-content-between {
    padding: 0px 10px;
}
div.dt-bootstrap5.dt-container div.dt-info {
    padding-top: 3px !important;
}
.swal2-styled.swal2-confirm { background:var(--tblr-dark) !important; }
.swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:focus, .swal2-styled.swal2-confirm:active { background:rgba(var(--tblr-dark-rgb), .8) !important; }
body[data-bs-theme="dark"] .swal2-styled.swal2-confirm { background:var(--tblr-black) !important; }
body[data-bs-theme="dark"] .swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm:focus, .swal2-styled.swal2-confirm:active { background:rgba(var(--tblr-black-rgb), .8) !important; }

input:focus, a.btn:focus, button.btn:focus, button.btn-close:focus, .swal2-actions button:focus, select:focus, span:focus {
  border-color: var(--tblr-yellow) !important;
  box-shadow: var(--tblr-box-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-yellow-rgb), 0.25) !important;
}
::selection {
  background-color: rgba(var(--tblr-yellow-rgb), 0.2) !important;
}
body[data-bs-theme="dark"] .alert.bg-white { background:var(--tblr-dark) !important }

body[data-bs-theme="dark"] .select2-selection, body[data-bs-theme="dark"] .select2-dropdown, body[data-bs-theme="dark"] .select2-search__field { color:white !important; background:var(--tblr-bg-forms) !important }
body[data-bs-theme="dark"] .select2-selection .select2-selection__rendered { color:var(--tblr-white) !important }
.select2-results__option.select2-results__option--selected { background:rgba(var(--tblr-dark-rgb), .9) !important }
body[data-bs-theme="dark"] .select2-results__option.select2-results__option--selected { background:rgba(var(--tblr-yellow-rgb), .9) !important }
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: var(--tblr-yellow) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-yellow-rgb), 0.25);
}
.select2-container--bootstrap-5 .select2-dropdown {
  border-color: var(--tblr-yellow) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
  border-color: var(--tblr-yellow) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-yellow-rgb), 0.25);
}
.select2-container--bootstrap-5 .select2-selection { border:var(--tblr-border-width) solid var(--tblr-border-color); }
body[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection { border:var(--tblr-border-width) solid var(--tblr-border-color); }
.text-upper { text-transform:uppercase }
.text-lower { text-transform:lowercase; }
#list_notifnya .list-group-item { cursor:pointer; }
#list_notifnya .list-group-item:hover { background:#f1f1f1; }