body {
  background-image: url('../media/images/risda/bg-2.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed; /* 🔥 ini kuncinya */
}

#body-public {
  background-image: url('../media/images/risda/login-bg.png');
}


#navbarVerticalCollapse {
  border: 2px solid rgb(38, 183, 246);
  border-radius: 25px;
}
#navbarVerticalNav {
  padding-right: 15px;
}


/* login */
.bg-login {
  min-height: 100vh;
  background: rgba(26, 25, 25, 0.8);
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.bg-login h4, .bg-login a {
  color: #fff;
}
.bg-login a:hover {
  color: #ffd51e;
}
.bg-login .btn {
  border: 3px solid #d4d3d3 !important;
  background-color: transparent !important;
  color: #fff !important;
}
.bg-login .btn:hover {
  border: 3px solid #fff !important;
  background-color: #ffd51e !important;
  color: #000 !important;
}
.bg-login .form-control {
  border: 3px solid #d4d3d3 !important;
  background-color: transparent !important;
  color: #fff !important;
}
.bg-login .input-group .form-control {
  border-left: 0 !important;
}
.bg-login .form-control:focus {
  color: #ffd51e !important;
}
.bg-login .input-group-text {
  border: 3px solid #d4d3d3 !important;
  border-right: 0 !important;
  background-color: transparent !important;
  color: #fff !important;
}


/* fancybox */
.fancybox-content {
  padding: 25px;
  background: var(--falcon-emphasis-bg);;
}
.swal2-container {
  z-index: 200000 !important;
}


/* datatable */
.table {
  text-transform: uppercase !important;
}
table.dataTable {
  margin: 10px 0px !important;
}
.table-borderless.dataTable thead tr, .table-borderless.dataTable > tfoot > tr > th {
  border-top: 0px !important;
}
.table-borderless.dataTable thead tr th {
  background-color: rgba(179, 167, 240, 0.5);
  color: #491FB2;
}
[data-bs-theme="dark"] .table-borderless.dataTable thead tr th, 
[data-bs-theme="dark"] .table-borderless.dataTable tbody tr td {
  color: #ffffff;
}
.table-striped > tbody > tr:nth-of-type(2n) > * {
  --falcon-table-color-type: var(--falcon-table-striped-color);
  --falcon-table-bg-type: rgba(73, 31, 178, 0.10);
}
.dataTables_pager .dt-length,
.dataTables_pager .dt-paging {
  display: inline-block;
  vertical-align: middle;
}
.dataTables_pager .dt-length {
  float: right;
}
.table tfoot > tr > th:first-child, .table thead > tr > th:first-child, .table tr th:first-child, .table tr td:first-child {
  padding-left: 10px;
}
div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: none;
}
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: none;
}
.dt-container .row {
  margin: 0px !important;
}
.dt-container .row .col-sm-12{
  padding: 0px !important;
}
div.dt-container.dt-empty-footer tbody > tr:last-child > *, 
div.dt-container.dt-empty-footer .table-history tbody > tr:last-child > * {
  border-bottom: 0px !important;
}


/* select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}
.select2-container .select2-selection--single {
  height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}
table .select2-container {
  max-width: 250px;
  width: 100% !important;
}
.input-group > .select2-container--default {
  width: auto !important;
  flex: 1 1 auto !important;
}


/* ROUNDED */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  border-radius: var(--falcon-border-radius-pill) !important;
}

.dt-input {
  border-radius: var(--falcon-border-radius-pill) !important;
  padding: 5px 15px !important;
}

.swal2-modal {
  border-radius: 15px;
}


/* breadcrumb */
.breadcrumb-modern {
  display: flex;
  align-items: center;
  gap: 5px;

  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;

  padding: 8px 14px;
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 1px 2px rgba(0,0,0,0.04),
    0 6px 12px rgba(0,0,0,0.06);
}
.breadcrumb-modern a {
  color: #ffffff !important;
  text-decoration: none;
  padding: 4px 5px;
  border-radius: 999px;
  transition: all 0.25s ease;
}
.breadcrumb-modern a:hover {
  background: rgba(79, 70, 229, 0.1);
  color: #3730a3;
}
.breadcrumb-modern span:not(.active)::before {
  content: "›";
  color: #9ca3af;
  font-size: 16px;
  margin: 0 2px;
}
.breadcrumb-modern .active {
  color: rgba(288, 216, 43) !important;;
  font-weight: 600;
  padding: 4px 6px;
  border-radius: 999px;
  /* background: rgba(0,0,0,0.05); */
}
[data-bs-theme="dark"] .breadcrumb-modern, [data-bs-theme="dark"] .bg-navbar {
  background: rgba(17, 24, 39, 0.25);
  box-shadow:
    0 1px 2px rgba(0,0,0,0.4),
    0 6px 12px rgba(0,0,0,0.6);
}
[data-bs-theme="dark"] .breadcrumb-modern a {
  color: #ffffff !important;
}
[data-bs-theme="dark"] .breadcrumb-modern a:hover {
  background: rgba(129, 140, 248, 0.15);
  color: #c7d2fe;
}
[data-bs-theme="dark"] .breadcrumb-modern span:not(.active)::before {
  color: #6b7280;
}
[data-bs-theme="dark"] .breadcrumb-modern .active {
  color: #f9fafb;
}

.bg-navbar {
  letter-spacing: 0.2px;
  --falcon-nav-link-padding-y: 0.3rem;

  padding: 0px 14px;
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 1px 2px rgba(0,0,0,0.04),
    0 6px 12px rgba(0,0,0,0.06);
}

.navbar-glass-shadow {
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
}
.navbar-glass-shadow .breadcrumb-modern a, .navbar-glass-shadow .nav-link {
  color: #3730a3 !important;
}

.toggle-icon-wrapper {
  margin-right: 5px !important;
}


/* progress bar */
.upload-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.4);
  z-index: 10060;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* tooltip */
.tooltip-inner {
  max-width: 350px;
  text-align: left;
}


/* navbar */
.navbar-glass {
  background-color: transparent !important;
}
.navbar-vertical.navbar-transparent .navbar-collapse {
  background-image: linear-gradient(
    -45deg,
    #1F0D4C,
    #491FB2
  ), url(../img/generic/bg-navbar.png) !important;
}
.nav-link {
  color: #d1cfcf
}
.nav-link:hover,
.navbar-nav .nav-link.show {
  color: #ffffff;
}


/* dropdown-menu */
.dropdown-menu {
  z-index: 999999;
}
.nav-link h5 {
  margin-bottom: 0px;
}


/* footer */
.footer {
  color: #fff;
}