html.smp-theme body {
  background-color: rgba(3, 52, 126, 0.356);
}
html.smp-theme body h6,
html.smp-theme body h5 {
  color: #003b94;
}
html.smp-theme body .card-header h6,
html.smp-theme body .card-body h6,
html.smp-theme body .card-header h5,
html.smp-theme body .card-body h5 {
  color: #003b94;
}
html.smp-theme .sidebar-wrapper {
  background: #201c52;
  border-right: 1px solid #1f34f800;
}
html.smp-theme .sidebar-wrapper .sidebar-header {
  background: #201c52;
  border-right: 1px solid #8d080800;
  border-bottom: 1px solid rgba(98, 97, 142, 0.15);
}
html.smp-theme .sidebar-wrapper .sidebar-header .logo-text {
  color: #e7e9ec;
}
html.smp-theme .sidebar-wrapper .sidebar-header .toggle-icon {
  color: #e7e9ec;
}
html.smp-theme .sidebar-wrapper .metismenu a {
  color: #9ea4aa;
}
html.smp-theme .sidebar-wrapper .metismenu .mm-active > a,
html.smp-theme .sidebar-wrapper .metismenu a:active,
html.smp-theme .sidebar-wrapper .metismenu a:focus,
html.smp-theme .sidebar-wrapper .metismenu a:hover {
  color: #fff;
  text-decoration: none;
  background: rgb(255 255 255 / 18%);
}
html.smp-theme .sidebar-wrapper .metismenu ul {
  border: 1px solid #ffffff00;
  background: rgb(255 255 255 / 8%);
}
html.smp-theme .simplebar-scrollbar:before {
  background: rgba(255, 255, 255, 0.4);
}
html.smp-theme .logo-icon {
  filter: invert(1) grayscale(100%) brightness(200%);
}
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-1,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-10,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-11,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-12,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-2,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-3,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-4,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-5,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-6,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-7,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-8,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-9 {
  color: inherit;
}

html.smp-theme .topbar {
  background-color: #201c52;
  border-bottom: 1px solid rgba(98, 97, 142, 0.12);
}
html.smp-theme .page-footer {
  background-color: #201c52;
  border-bottom: 1px solid rgba(98, 97, 142, 0.12);
  color: white;
}
html.smp-theme .user-box {
  border-left: 1px solid rgba(98, 97, 142, 0.15);
}
html.smp-theme .user-info .user-name {
  color: #e4e5e6;
}
html.smp-theme .user-info .designattion {
  color: #e9d1d1;
}

html.smp-theme .search-bar .btn-search {
  background: #1f34f8;
  border: 1px solid rgba(98, 97, 142, 0.3);
}
html.smp-theme .search-bar .btn-search i {
  color: #e4e5e6;
}
html.smp-theme .search-bar-box {
  color: #ffffff;
}
html.smp-theme .dropdown-menu {
  color: #213d58;
  background-color: #dfebf7;
  box-shadow: 0 0.5rem 1rem rgba(98, 97, 142, 0.3);
}
html.smp-theme .dropdown-item {
  color: #1f34f8;
}
html.smp-theme .dropdown-menu .dropdown-item:hover {
  background-color: #1f34f8;
  color: #e4e5e6;
}
html.smp-theme .dropdown-divider {
  border-top: 1px solid rgba(98, 97, 142, 0.12);
}
html.smp-theme .dropdown-large .dropdown-menu .dropdown-item {
  border-bottom: 1px solid rgba(98, 97, 142, 0.12);
}
html.smp-theme .dropdown-large .msg-name {
  color: #fff;
}
html.smp-theme .dropdown-large .msg-info {
  color: #1f34f8;
}
html.smp-theme .dropdown-large .msg-time {
  color: #1f34f8;
}
html.smp-theme .dropdown-large .msg-header {
  border-bottom: 1px solid rgba(98, 97, 142, 0.15);
  background: 0 0;
}
html.smp-theme .dropdown-large .msg-header .msg-header-title {
  color: #e4e5e6;
}
html.smp-theme .dropdown-large .msg-header .msg-header-clear {
  color: #1f34f8;
}
html.smp-theme .dropdown-large .msg-footer {
  color: #d1d7de;
  border-top: 1px solid rgba(98, 97, 142, 0.15);
}
html.smp-theme .mobile-toggle-menu {
  color: #e4e5e6;
}
html.smp-theme .toggle-icon {
  color: #e7e9ec;
}
html.smp-theme .topbar .navbar-nav .nav-link {
  border-left: 0 solid rgba(98, 97, 142, 0.12);
  color: #e4e5e6;
}
html.smp-theme .search-bar input {
  color: #e4e5e6;
  background-color: #1f34f8;
  border: 1px solid rgba(98, 97, 142, 0.15);
  box-shadow: inset 0 1px 2px rgba(68, 1, 1, 0);
}

html.smp-theme .btn-secondary {
  color: #fff;
  background-color: #060488;
  border-color: #1f34f8;
}
html.smp-theme .btn-secondary:hover {
  color: #fff;
  background-color: #060488;
  border-color: #1f34f8;
}
html.smp-theme .btn-check:focus + .btn-secondary,
html.smp-theme .btn-secondary:focus {
  color: #fff;
  background-color: #060488;
  border-color: #1f34f8;
  box-shadow: 0 0 0 0.25rem rgba(76, 69, 172, 0.5);
}

html.smp-theme .btn-secondary.disabled,
html.smp-theme .btn-secondary:disabled {
  color: #fff;
  background-color: #060488;
  border-color: #1f34f8;
}

html.smp-theme .bg-secondary {
  background-color: #060488 !important;
}

html.smp-theme .btn-outline-primary {
  color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .btn-outline-primary:hover {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .btn-check:focus + .btn-outline-primary,
html.smp-theme .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(76, 69, 172, 0.5);
}
html.smp-theme .btn-check:active + .btn-outline-primary,
html.smp-theme .btn-check:checked + .btn-outline-primary,
html.smp-theme .btn-outline-primary.active,
html.smp-theme .btn-outline-primary.dropdown-toggle.show,
html.smp-theme .btn-outline-primary:active {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .btn-check:active + .btn-outline-primary:focus,
html.smp-theme .btn-check:checked + .btn-outline-primary:focus,
html.smp-theme .btn-outline-primary.active:focus,
html.smp-theme .btn-outline-primary.dropdown-toggle.show:focus,
html.smp-theme .btn-outline-primary:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(76, 69, 172, 0.5);
}
html.smp-theme .btn-outline-primary.disabled,
html.smp-theme .btn-outline-primary:disabled {
  color: #1f34f8;
  background-color: transparent;
}

html.smp-theme .btn-primary {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .btn-primary:hover {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .btn-check:focus + .btn-primary,
html.smp-theme .btn-primary:focus {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
  box-shadow: 0 0 0 0.25rem rgba(76, 69, 172, 0.5);
}
html.smp-theme .btn-check:active + .btn-primary,
html.smp-theme .btn-check:checked + .btn-primary,
html.smp-theme .btn-primary.active,
html.smp-theme .btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .btn-check:active + .btn-primary:focus,
html.smp-theme .btn-check:checked + .btn-primary:focus,
html.smp-theme .btn-primary.active:focus,
html.smp-theme .btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(76, 69, 172, 0.5);
}
html.smp-theme .btn-primary.disabled,
html.smp-theme .btn-primary:disabled {
  color: #fff;
  background-color: #1f34f8;
  border-color: #1f34f8;
}
html.smp-theme .bg-primary {
  background-color: #1f34f8 !important;
  color: #fff;
}
html.smp-theme .bg-light-primary {
  background-color: #c2bfd4 !important;
  color: #1f34f8;
}

html.smp-theme .btn-danger {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
}
html.smp-theme .btn-danger:hover {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
}
html.smp-theme .btn-check:focus + .btn-danger,
html.smp-theme .btn-danger:focus {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
  box-shadow: 0 0 0 0.25rem rgba(252, 99, 99, 0.5);
}
html.smp-theme .btn-check:active + .btn-danger,
html.smp-theme .btn-check:checked + .btn-danger,
html.smp-theme .btn-danger.active,
html.smp-theme .btn-danger:active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
}
html.smp-theme .btn-check:active + .btn-danger:focus,
html.smp-theme .btn-check:checked + .btn-danger:focus,
html.smp-theme .btn-danger.active:focus,
html.smp-theme .btn-danger:active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 99, 99, 0.5);
}
html.smp-theme .btn-danger.disabled,
html.smp-theme .btn-danger:disabled {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
}

html.smp-theme .btn-outline-danger {
  color: #f7343e;
  border-color: #e6010d;
}
html.smp-theme .btn-outline-danger:hover {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
}
html.smp-theme .btn-check:focus + .btn-outline-danger,
html.smp-theme .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 99, 99, 0.5);
}
html.smp-theme .btn-check:active + .btn-outline-danger,
html.smp-theme .btn-check:checked + .btn-outline-danger,
html.smp-theme .btn-outline-danger.active,
html.smp-theme .btn-outline-danger.dropdown-toggle.show,
html.smp-theme .btn-outline-danger:active {
  color: #fff;
  background-color: #f7343e;
  border-color: #e6010d;
}
html.smp-theme .btn-check:active + .btn-outline-danger:focus,
html.smp-theme .btn-check:checked + .btn-outline-danger:focus,
html.smp-theme .btn-outline-danger.active:focus,
html.smp-theme .btn-outline-danger.dropdown-toggle.show:focus,
html.smp-theme .btn-outline-danger:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 99, 99, 0.5);
}
html.smp-theme .btn-outline-danger.disabled,
html.smp-theme .btn-outline-danger:disabled {
  color: #f7343e;
  background-color: transparent;
}
html.smp-theme .bg-danger {
  background-color: #e6010d !important;
  color: #fff;
}
html.smp-theme .bg-light-danger {
  background-color: #f8d7d9 !important;
  color: #e6010d;
}

html.smp-theme .btn-success {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
}
html.smp-theme .btn-success:hover {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
}
html.smp-theme .btn-check:focus + .btn-success,
html.smp-theme .btn-success:focus {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
  box-shadow: 0 0 0 0.25rem rgba(50, 94, 52, 0.5);
}
html.smp-theme .btn-check:active + .btn-success,
html.smp-theme .btn-check:checked + .btn-success,
html.smp-theme .btn-success.active,
html.smp-theme .btn-success:active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
}
html.smp-theme .btn-check:active + .btn-success:focus,
html.smp-theme .btn-check:checked + .btn-success:focus,
html.smp-theme .btn-success.active:focus,
html.smp-theme .btn-success:active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(50, 94, 52, 0.5);
}
html.smp-theme .btn-success.disabled,
html.smp-theme .btn-success:disabled {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
}

html.smp-theme .btn-outline-success {
  color: #067956;
  border-color: #026436;
}
html.smp-theme .btn-outline-success:hover {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
}
html.smp-theme .btn-check:focus + .btn-outline-success,
html.smp-theme .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(50, 94, 52, 0.5);
}
html.smp-theme .btn-check:active + .btn-outline-success,
html.smp-theme .btn-check:checked + .btn-outline-success,
html.smp-theme .btn-outline-success.active,
html.smp-theme .btn-outline-success.dropdown-toggle.show,
html.smp-theme .btn-outline-success:active {
  color: #fff;
  background-color: #067956;
  border-color: #026436;
}
html.smp-theme .btn-check:active + .btn-outline-success:focus,
html.smp-theme .btn-check:checked + .btn-outline-success:focus,
html.smp-theme .btn-outline-success.active:focus,
html.smp-theme .btn-outline-success.dropdown-toggle.show:focus,
html.smp-theme .btn-outline-success:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(50, 94, 52, 0.5);
}
html.smp-theme .btn-outline-success.disabled,
html.smp-theme .btn-outline-success:disabled {
  color: #067956;
  background-color: transparent;
}
html.smp-theme .bg-success {
  background-color: #067956 !important;
  color: #fff;
}
html.smp-theme .bg-light-success {
  background-color: #dafcf7 !important;
  color: #067956;
}

html.smp-theme .btn-warning {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
}
html.smp-theme .btn-warning:hover {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
}
html.smp-theme .btn-check:focus + .btn-warning,
html.smp-theme .btn-warning:focus {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
  box-shadow: 0 0 0 0.25rem rgba(207, 170, 3, 0.5);
}
html.smp-theme .btn-check:active + .btn-warning,
html.smp-theme .btn-check:checked + .btn-warning,
html.smp-theme .btn-warning.active,
html.smp-theme .btn-warning:active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
}
html.smp-theme .btn-check:active + .btn-warning:focus,
html.smp-theme .btn-check:checked + .btn-warning:focus,
html.smp-theme .btn-warning.active:focus,
html.smp-theme .btn-warning:active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 170, 3, 0.5);
}
html.smp-theme .btn-warning.disabled,
html.smp-theme .btn-warning:disabled {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
}

html.smp-theme .btn-outline-warning {
  color: #c4d10a;
  border-color: #eec409;
}
html.smp-theme .btn-outline-warning:hover {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
}
html.smp-theme .btn-check:focus + .btn-outline-warning,
html.smp-theme .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 170, 3, 0.5);
}
html.smp-theme .btn-check:active + .btn-outline-warning,
html.smp-theme .btn-check:checked + .btn-outline-warning,
html.smp-theme .btn-outline-warning.active,
html.smp-theme .btn-outline-warning.dropdown-toggle.show,
html.smp-theme .btn-outline-warning:active {
  color: #fff;
  background-color: #c4d10a;
  border-color: #eec409;
}
html.smp-theme .btn-check:active + .btn-outline-warning:focus,
html.smp-theme .btn-check:checked + .btn-outline-warning:focus,
html.smp-theme .btn-outline-warning.active:focus,
html.smp-theme .btn-outline-warning.dropdown-toggle.show:focus,
html.smp-theme .btn-outline-warning:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 170, 3, 0.5);
}
html.smp-theme .btn-outline-warning.disabled,
html.smp-theme .btn-outline-warning:disabled {
  color: #c4d10a;
  background-color: transparent;
}
html.smp-theme .bg-warning {
  background-color: #af920d !important;
  color: #fff;
}
html.smp-theme .bg-light-warning {
  background-color: #f8f4e2 !important;
  color: #927802;
}

html.smp-theme .btn-info {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
}
html.smp-theme .btn-info:hover {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
}
html.smp-theme .btn-check:focus + .btn-info,
html.smp-theme .btn-info:focus {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
  box-shadow: 0 0 0 0.25rem rgba(65, 121, 241, 0.5);
}
html.smp-theme .btn-check:active + .btn-info,
html.smp-theme .btn-check:checked + .btn-info,
html.smp-theme .btn-info.active,
html.smp-theme .btn-info:active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
}
html.smp-theme .btn-check:active + .btn-info:focus,
html.smp-theme .btn-check:checked + .btn-info:focus,
html.smp-theme .btn-info.active:focus,
html.smp-theme .btn-info:active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 121, 241, 0.5);
}
html.smp-theme .btn-info.disabled,
html.smp-theme .btn-info:disabled {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
}

html.smp-theme .btn-outline-info {
  color: #057ccc;
  border-color: #0630f0;
}
html.smp-theme .btn-outline-info:hover {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
}
html.smp-theme .btn-check:focus + .btn-outline-info,
html.smp-theme .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 121, 241, 0.5);
}
html.smp-theme .btn-check:active + .btn-outline-info,
html.smp-theme .btn-check:checked + .btn-outline-info,
html.smp-theme .btn-outline-info.active,
html.smp-theme .btn-outline-info.dropdown-toggle.show,
html.smp-theme .btn-outline-info:active {
  color: #fff;
  background-color: #057ccc;
  border-color: #0630f0;
}
html.smp-theme .btn-check:active + .btn-outline-info:focus,
html.smp-theme .btn-check:checked + .btn-outline-info:focus,
html.smp-theme .btn-outline-info.active:focus,
html.smp-theme .btn-outline-info.dropdown-toggle.show:focus,
html.smp-theme .btn-outline-info:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 121, 241, 0.5);
}
html.smp-theme .btn-outline-info.disabled,
html.smp-theme .btn-outline-info:disabled {
  color: #057ccc;
  background-color: transparent;
}
html.smp-theme .bg-info {
  background-color: #057ccc !important;
  color: #fff;
}
html.smp-theme .bg-light-info {
  background-color: #d4f6ff !important;
  color: #057ccc;
}

/* Gaya saat tombol pagination aktif */
html.smp-theme
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current {
  background-color: #8e9499 !important;
  color: #fff !important;
}

/* Hover effect pada tombol pagination */
html.smp-theme .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #1f34f8 !important;
  color: #1f34f8 !important;
}
/* Hover effect pada tombol pagination */
html.smp-theme
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:active {
  background-color: #1f34f8 !important;
  color: #1f34f8 !important;
}

/* Menyesuaikan ukuran tombol eksport */
html.smp-theme .dt-buttons .btn {
  background-color: #1f34f8 !important; /* Warna hijau */
  color: white !important;
  border-color: #f4f4f4 !important;
}

/* Hover effect pada tombol ekspor */
html.smp-theme .dt-buttons .btn:hover {
  background-color: #1f34f8 !important;
}

/* Mengubah warna tombol Prev dan Next */
html.smp-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #c2bfd4 !important; /* Merah muda */
  color: #1f1744 !important; /* Merah gelap */
  border-radius: 5px;
}

/* Ubah warna tombol aktif */
html.smp-theme .pagination .page-item.active .page-link {
  background-color: #4134fc !important; /* Merah */
  border-color: #01036b !important;
  color: white !important;
}

/* Ubah warna tombol pagination lainnya */
html.smp-theme .pagination .page-item .page-link {
  background-color: #c2bfd4 !important; /* Merah muda */
  border-color: #1f34f8 !important;
  color: #1f34f8 !important; /* Merah tua */
}

/* Hover efek pada tombol pagination */
html.smp-theme .pagination .page-item .page-link:hover {
  background-color: #2e04a0 !important; /* Merah lebih gelap */
  border-color: #38029b !important;
  color: white !important;
}

/* Ubah warna tombol "Prev" dan "Next" */
html.smp-theme .pagination .page-item.previous .page-link,
html.smp-theme .pagination .page-item.next .page-link {
  background-color: #3600c9 !important; /* Merah muda */
  color: #ffffff !important;
}

/* Hover efek pada tombol "Prev" dan "Next" */
html.smp-theme .pagination .page-item.previous .page-link:hover,
html.smp-theme .pagination .page-item.next .page-link:hover {
  background-color: #4b02f7 !important; /* Merah lebih gelap */
  color: white !important;
}

/* Ubah warna tombol disabled */
html.smp-theme .pagination .page-item.disabled .page-link {
  background-color: #3c38fcb7 !important;
  color: #ffffff !important;
}
/* Ubah warna dropdown secara umum */
html.smp-theme .dt-button-collection.dropdown-menu {
  background-color: #432efd !important; /* Merah muda */
  border: 1px solid #4a37f7 !important; /* Border merah */
}

/* Ubah warna teks dalam dropdown */
html.smp-theme .dt-button-collection.dropdown-menu .dt-button {
  color: #ffffff !important; /* Merah tua */
}

/* Ubah warna item dropdown saat di-hover */
html.smp-theme .dt-button-collection.dropdown-menu .dt-button:hover {
  background-color: #4f78fd !important; /* Merah */
  color: white !important;
}

/* Ubah warna untuk item yang aktif */
html.smp-theme .dt-button-collection.dropdown-menu .dt-button.active {
  background-color: #1f34f8 !important; /* Merah lebih gelap */
  color: white !important;
}

/* Ubah warna latar belakang setiap baris ganjil */
html.smp-theme .table-striped tbody tr:nth-of-type(odd) {
  background-color: #b8d1f5; /* Warna merah muda */
}

/* Ubah warna teks agar kontras */
html.smp-theme .table-striped tbody tr:nth-of-type(odd) td {
  color: #1603c4 !important; /* Warna merah tua */
}

/* Ubah warna latar belakang saat baris di-hover */
html.smp-theme .table-striped tbody tr:hover {
  background-color: #415effdc !important; /* Warna merah */
  color: #ffffffdc !important; /* Warna merah */
}

/* Mengubah warna dropdown saat opsi belum dipilih */
html.smp-theme select.form-control option {
  background-color: #bfcbd4 !important; /* Merah muda */
  color: black !important; /* Warna teks hitam agar mudah dibaca */
}

/* Mengubah warna opsi yang sedang di-hover (saat mouse berada di atasnya) */
html.smp-theme select.form-control option:hover {
  background-color: #1f34f8 !important; /* Warna merah saat dihover */
  color: white !important; /* Warna teks putih */
}

/* **Solusi utama**: Mengubah warna latar opsi yang sedang dipilih */
html.smp-theme select.form-control option:checked {
  background-color: rgb(59, 17, 245) !important; /* Merah tua */
  color: white !important; /* Warna teks putih */
}

/* Untuk tampilan dropdown di Firefox */
html.smp-theme select.form-control:-moz-focusring {
  color: white !important;
  background: rgb(43, 42, 42) !important;
}

/* Mengubah warna scrollbar dropdown agar serasi */
html.smp-theme select.form-control::-webkit-scrollbar {
  width: 8px;
}

html.smp-theme select.form-control::-webkit-scrollbar-thumb {
  background: #1f34f8;
  border-radius: 4px;
}

html.smp-theme select.form-control::-webkit-scrollbar-track {
  background: #bfcbd4;
}

html.smp-theme table td.bg-danger {
  background-color: rgba(230, 1, 12, 0.35) !important;
  color: #fff;
}
html.smp-theme table td.bg-light-danger {
  background-color: rgba(248, 215, 217, 0.35) !important;
  color: #e6010d;
}

html.smp-theme table td.bg-success {
  background-color: rgba(6, 121, 87, 0.35) !important;
  color: #fff;
}
html.smp-theme table td.bg-light-success {
  background-color: rgba(218, 252, 247, 0.35) !important;
  color: #067956;
}
html.smp-theme table td.bg-warning {
  background-color: rgba(175, 145, 13, 0.35) !important;
  color: #fff;
}
html.smp-theme table td.bg-light-warning {
  background-color: rgba(248, 244, 226, 0.35) !important;
  color: #927802;
}
html.smp-theme table td.bg-info {
  background-color: rgba(5, 124, 204, 0.35) !important;
  color: #fff;
}
html.smp-theme table td.bg-light-info {
  background-color: rgba(212, 246, 255, 0.35) !important;
  color: #057ccc;
}

html.smp-theme table td.bg-primary {
  background-color: rgba(31, 53, 248, 0.35) !important;
  color: #fff;
}
html.smp-theme table td.bg-light-primary {
  background-color: rgba(194, 191, 212, 0.35) !important;
  color: #1f34f8;
}

html.minimal-theme .topbar {
  background: #f4f4f4;
  border-bottom: 1px solid #dee2e6;
  box-shadow: none !important;
}
html.minimal-theme .topbar .search-control {
  background-color: #fff;
  border: 1px solid #dee2e6;
}
html.minimal-theme .topbar .user-box {
  border-left: 1px solid #dee2e6;
}
html.minimal-theme .sidebar-wrapper {
  background: #f4f4f4;
  border-right: 1px solid #dee2e6;
  box-shadow: none !important;
}
html.minimal-theme .sidebar-header {
  background: #f4f4f4;
  border-bottom: 1px solid #dee2e6;
  background-clip: padding-box;
}
@media screen and (min-width: 1025px) {
  html.minimal-theme .wrapper.toggled.sidebar-hovered .sidebar-wrapper {
    box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.12) !important;
  }
}