/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */
/*@media print {
  body{
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}*/


.fc-title {
  color: #fff;
}

/* === Palet Kustom Berdasarkan Logo === */
/* === 
Primary  : #D32A2A   (merah)
Secondary: #8B6A2B   (emas gelap/bronze)
Accent   : #C8A243   (emas terang)
Dark     : #2E2E2E
Light    : #F5F5F5
Text     : #1C1C1C


=== */

body {
  background-image: url('/images/bg-themes/3.png');
  background-size: cover;
  /* gambar menutupi seluruh layar */
  background-position: center;
  /* posisi gambar di tengah */
  background-repeat: no-repeat;
  /* tidak mengulang */
  background-attachment: fixed;
  /* gambar tetap di tempat saat scroll */

  font-size: 14px;
  font-weight: 400;
  font-family: "Nunito", "Segoe UI", arial;
  color: #6c757d;
}



/* PRIMARY */
.btn-primary {
  background-color: #538c20 !important;
  border-color: #538c20 !important;
  color: #F5F5F5 !important;
  box-shadow: 0 0px 0px rgb(1 61 0 / 30%);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #245601 !important;
  border-color: #245601 !important;
  color: #F5F5F5 !important;
  box-shadow: 0 4px 6px rgba(18, 167, 15, 0.3);
}

/* SECONDARY (Bronze) */
.btn-secondary {
  background-color: #8B6A2B !important;
  border-color: #8B6A2B !important;
  color: #F5F5F5 !important;
  box-shadow: 0 0px 0px rgba(139, 106, 43, 0.3);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #705523 !important;
  border-color: #705523 !important;
  box-shadow: 0 6px 10px rgba(139, 106, 43, 0.5);
}

/* LINKS */
a,
a.text-primary {
  color: #D32A2A;
}

a:hover,
a:focus {
  color: #b62525;
  text-decoration: underline;
}

/* === MAIN CUSTOM BTN === */
.btn-info,
.btn-info.disabled {
  box-shadow: 0 0px 0px #ffffff;
  background-color: #818181;
  border-color: #16161600;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active {
  background-color: #535353 !important;
}

.btn-warning,
.btn-warning.disabled {
  box-shadow: 0 0px 0px #ffffff;
  background-color: #067e91;
  border-color: #16161600;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active {
  background-color: #046270 !important;
}

.btn-danger,
.btn-warning.disabled {
  box-shadow: 0 0px 0px #ffffff;
  background-color: #fc544b;
  border-color: #16161600;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active {
  background-color: #a5231d !important;
}

.bg-primary {
  background-color: #538c20 !important;
}

.bg-primary:hover {
  background-color: #245601 !important;
}

.bg-secondary {
  background-color: #067e91 !important;
}

.bg-secondary:hover {
  background-color: #067e91 !important;
}

.bg-success,
.bg-warning {
  background-color: #067e91 !important;
}

.bg-success:hover,
.bg-warning:hover {
  background-color: #a98936 !important;
}

.bg-dark {
  background-color: #2E2E2E !important;
}

.bg-dark:hover {
  background-color: #242424 !important;
}

.bg-light {
  background-color: #F5F5F5 !important;
}

.bg-light:hover {
  background-color: #e5e5e5 !important;
}


.text-primary:hover {
  color: #b62525 !important;
}

.text-secondary:hover {
  color: #705523 !important;
}

.text-warning:hover {
  color: #a98936 !important;
}

.text-dark:hover {
  color: #000000 !important;
}

.bg-card {
  background-color: #245601 !important;
}

.bg-card:hover {
  background-color: #245601 !important;
}
/* .card,
.dropdown-menu,
.modal-content {
  background-color: #F5F5F5;
  color: #1C1C1C;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.card:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
} */

/* Navbar brand hover */
.navbar .navbar-brand:hover {
  color: #538c20 !important;
}


.form-control:focus,
.custom-select:focus {
  border-color: #538c20;
  box-shadow: 0 0 0 0.25rem rgba(211, 42, 42, 0.25);
}

.navbar-bg {
  padding: 0px 15px;
  height: 60px;
  background-color: rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.dropdown-menu .dropdown-title {
  color: #ffffff !important;
}

.dropdown-item {
  color: #ffffff;
}

a.dropdown-item:focus,
a.dropdown-item:active,
a.dropdown-item.active {
  background-color: #8B6A2B;
  color: #fff !important;
}

/* === SIDEBAR CUSTOM FIX === */

/* Sidebar container */
body.sidebar-mini .main-sidebar:after {
  background: #2E2E2E !important;
}

/* Main Sidebar */
.main-sidebar {
  background: rgba(0, 0, 0, 0.2) !important;
  color: #F5F5F5 !important;
  /* jaga agar track scroll tidak putih */
  overflow: auto !important;
}


/* Brand text */
.main-sidebar .sidebar-brand a {
  color: #F5F5F5 !important;
}

.main-sidebar .sidebar-brand a:hover {
  color: #C8A243 !important;
}

/* Menu links default */
.sidebar-menu li a {
  color: #F5F5F5 !important;
  /* teks putih */
  background: transparent !important;
  border-left: 3px solid transparent !important;
  transition: all 0.3s ease;
}

/* Hover state */
.sidebar-menu li a:hover {
  color: #ffffff !important;
  /* teks emas */
  background-color: rgba(247, 246, 246, 0.15) !important;
  border-left: 3px solid #ffffff !important;
}

/* Active / current menu */
.sidebar-menu li.active>a,
.sidebar-menu li a.active {
  color: #ffffff !important;
  /* teks emas */
  background-color: rgba(247, 246, 246, 0.15) !important;
  border-left: 3px solid #ffffff !important;
}

/* end main menu */

/* Submenu dropdown */
/* .sidebar-menu .menu-dropdown {
  background-color: #2E2E2E !important;
}

.sidebar-menu .menu-dropdown li a {
  color: #F5F5F5 !important;
  padding-left: 35px !important;
}

.sidebar-menu .menu-dropdown li a:hover {
  color: #C8A243 !important;
  background-color: rgba(200, 162, 67, 0.15) !important;
}

.sidebar-menu .menu-dropdown li.active>a {
  color: #F5F5F5 !important;
  background-color: #D32A2A !important;
} */

/* Icons in sidebar */
.sidebar-menu li a .ion,
.sidebar-menu li a .fas,
.sidebar-menu li a .far {
  color: inherit !important;
  /* ikut warna teks */
}

/* === SUBMENU DALAM ITEM === */
.main-sidebar .sidebar-menu li ul.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  color: #F5F5F5 !important;
  /* teks putih default */
  padding-left: 40px !important;
  /* indentasi rapi */
  border-left: 3px solid transparent !important;
  background: transparent !important;
}

/* === SUBMENU DALAM ITEM AKTIF === */
.main-sidebar .sidebar-menu li.active ul.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-radius: 0;
}

.main-sidebar .sidebar-menu li.active ul.dropdown-menu li a {
  color: #F5F5F5 !important;
  /* teks putih default */
  padding-left: 40px !important;
  /* indentasi rapi */
  border-left: 3px solid transparent !important;
  background: transparent !important;
}

/* Hover pada link submenu aktif */
.main-sidebar .sidebar-menu li.active ul.dropdown-menu li a:hover {
  color: #ffffff !important;
  /* teks emas */
  background-color: rgba(247, 246, 246, 0.15) !important;
}

/* Jika submenu itu sendiri aktif */
.main-sidebar .sidebar-menu li.active ul.dropdown-menu li.active>a {
  color: #F5F5F5 !important;
  /* putih teks */
  background-color: #D32A2A !important;
  /* merah untuk submenu aktif */
  border-left: 3px solid #D32A2A !important;
}



/* Bagian pembungkus sidebar (aside) */
/* .main-sidebar #sidebar-wrapper {
  background-color: #2E2E2E !important;
  min-height: 100%;
} */

/* Pastikan area dalamnya juga ikut gelap */
/* .main-sidebar * {
  background-color: transparent;
} */

/* Scrollbar custom agar serasi */
.main-sidebar::-webkit-scrollbar {
  width: 8px;
}

.main-sidebar::-webkit-scrollbar-track {
  background: #2E2E2E;
  /* track sama dengan sidebar */
}

.main-sidebar::-webkit-scrollbar-thumb {
  background-color: #C8A243;
  /* thumb emas */
  border-radius: 4px;
}

.main-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #D32A2A;
  /* thumb merah saat hover */
}

/* Firefox scrollbar */
.main-sidebar {
  scrollbar-color: #C8A243 #2E2E2E;
  /* thumb & track */
  scrollbar-width: thin;
}

/* === SIDEBAR MINI & DROPDOWN === */

/* Pastikan seluruh sidebar (termasuk saat mini) tetap gelap */
body.sidebar-mini .main-sidebar {
  background-color: #2E2E2E !important;
}



/* Link di dalam dropdown-menu */
body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu li a,
.main-sidebar .sidebar-menu .dropdown-menu li a {
  color: #F5F5F5 !important;
  /* teks putih */
  background: transparent !important;
  border-left: 3px solid transparent !important;
  padding-left: 40px !important;
  transition: all 0.3s ease;
}

/* Hover pada link dropdown */
body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu li a:hover,
.main-sidebar .sidebar-menu .dropdown-menu li a:hover {
  color: #C8A243 !important;
  /* emas saat hover */
  background-color: rgba(200, 162, 67, 0.15) !important;
  border-left: 3px solid #C8A243 !important;
}

/* Submenu aktif */
body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu li.active>a,
.main-sidebar .sidebar-menu .dropdown-menu li.active>a {
  color: #F5F5F5 !important;
  background-color: #D32A2A !important;
  /* merah untuk aktif */
  border-left: 3px solid #D32A2A !important;
}

/* Scrollbar untuk dropdown jika overflow */
body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}

body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu::-webkit-scrollbar-track {
  background: #2E2E2E;
}

body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #C8A243;
  border-radius: 4px;
}

body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: #D32A2A;
}

/* Firefox */
body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu {
  scrollbar-color: #C8A243 #2E2E2E;
  scrollbar-width: thin;
}

/* === Dropdown Title di Sidebar === */

/* Warna teks judul dropdown agar putih */
.main-sidebar .sidebar-menu .dropdown-menu .dropdown-title,
body.sidebar-mini .main-sidebar .sidebar-menu .dropdown-menu .dropdown-title {
  color: #F5F5F5 !important;
  /* putih sesuai palet */
  background-color: #2E2E2E !important;
  /* pastikan latar sama gelapnya */
  border-bottom: 1px solid rgba(245, 245, 245, 0.1);
  /* opsional garis pemisah halus */
}


/* === MAIN CUSTOM FIX === */
.section .section-header {
  background-color: rgba(0, 0, 0, .2);
  color: #F5F5F5;
}

.section .section-header a,
a.text-primary {
  color: #F5F5F5;
}

.section .section-header h1 {
  color: #F5F5F5;
}

/* === MAIN CUSTOM CARD === */
.card,
.dropdown-menu,
.modal-content {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgb(46 46 46 / 51%);
  border-radius: .25rem;
  color: #F5F5F5;
}

.card .card-header h4 {
  color: #F5F5F5;
}

.card.card-statistic-1 .card-header h4,
.card.card-statistic-2 .card-header h4 {
  line-height: 1.2;
  color: #C8A243;
}

.card.card-statistic-1 .card-body,
.card.card-statistic-2 .card-body {
  /* font-size: 26px; */
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 0;
}

.section .section-title {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  position: relative;
  margin: 30px 0 25px 0;
}

.section .section-title:before {
    content: ' ';
    border-radius: 5px;
    height: 8px;
    width: 30px;
    background-color: #5ac90c;
    display: inline-block;
    margin-top: 6px;
    margin-right: 15px;
}

/* === MAIN CUSTOM FORM === */
.form-group {
    margin-bottom: 16px;
}

.form-group .control-label,
.form-group>label {
  color: #F5F5F5;
}

.form-control,
.input-group-text,
.custom-select,
.custom-file-label {
  background-color: #ebebeb;
}

.input-group-text, select.form-control:not([size]):not([multiple]), .form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: 14px;
    padding: 10px 15px;
    height: 35px;
}

/* ====== Select2 Custom Styling ====== */
.select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
    background-color: #fefeff;
    border-color: #538c20;
}
.select2-container.select2-container--open .select2-selection--single {
    background-color: #fefeff;
    border-color: #488300;
}

.select2-container--default .select2-selection--single {
  border: 2px solid #538c20;
  height: 35px;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 14px;
  color: #363535;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active {
  border-color: #538c20 !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 162, 67, .25);
  outline: none;
}

.select2-container--default .select2-selection__arrow b {
  border-color: #538c20 transparent transparent transparent !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #538c20;
  color: #fff;
}

.select2-container--default .select2-selection__placeholder {
  color: #8b0000;
}

/* Tambahan: Warna opsi yang terselect atau aktif */
.select2-container--default .select2-results__option[aria-selected='true'],
.select2-container--default .select2-results__option[aria-selected='true']:hover {
  background-color: #538c20;
  color: #000;
}

/* === SUMMERNOTE TOOLBAR PUTIH === */

/* Toolbar latar putih dan teks gelap */
.note-editor.note-frame .note-toolbar,
.note-editor.note-airframe .note-toolbar {
  background-color: #F5F5F5 !important;
  /* putih terang */
  border-bottom: 1px solid #C8A243 !important;
  /* aksen emas opsional */
  color: #1C1C1C !important;
  /* teks/ikon gelap */
}

/* Tombol toolbar */
.note-editor .note-toolbar .note-btn {
  background-color: #F5F5F5 !important;
  color: #1C1C1C !important;
  border: 0px solid #887b57 !important;
  transition: all 0.2s ease;
}

.note-editor .note-toolbar .note-btn:hover,
.note-editor .note-toolbar .note-btn:focus {
  background-color: #e5e5e5 !important;
  /* sedikit lebih gelap saat hover */
  color: #1C1C1C !important;
  border-color: #443434 !important;
  /* border merah saat hover */
}

/* Ikon di tombol (font-awesome/summernote icons) */
.note-editor .note-toolbar .note-btn i {
  color: #1C1C1C !important;
}

/* Dropdown menu di toolbar */
.note-editor .note-toolbar .dropdown-menu {
  background-color: #F5F5F5 !important;
  color: #1C1C1C !important;
  border: 1px solid #C8A243 !important;
}

.note-editor .note-toolbar .dropdown-menu .note-btn {
  background: transparent !important;
  color: #1C1C1C !important;
}

.note-editor .note-toolbar .dropdown-menu .note-btn:hover {
  background: #e5e5e5 !important;
}

/* Area konten tetap gelap agar kontras dengan toolbar */
.note-editor.note-frame .note-editing-area .note-editable {
  background-color: rgba(46, 46, 46, 0.54) !important;
  /* gelap semi transparan */
  color: #F5F5F5 !important;
  border: 1px solid #2E2E2E !important;
}
/* Summernote kusus supaya tidak muncul ui help */
.ui-helper-hidden-accessible {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* === Form Tab === */
.nav-tabs .nav-item .nav-link.active {
  color: #ffffff;
}

.nav-tabs .nav-item .nav-link {
  color: #C8A243;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #8B6A2B;
  border-color: #dee2e6 #dee2e6 #fff;
}

ul.nav-tabs li.nav-item a.nav-link.active i {
  color: #ffffff;
}

ul.nav-tabs li.nav-item a.nav-link i {
  color: #fff3d5;
}



/* === ETC CUSTOM THEME === */
.media .media-title a {
  font-weight: inherit;
  color: #C8A243;
}

.text-primary,
.text-primary-all *,
.text-primary-all *:before,
.text-primary-all *:after {
  color: #ffffff !important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #ffffff;
  /* color: gold; */
}

/* === DATATABLES CUSTOM THEME === */

/* === DataTables table background semi-transparan === */
table.dataTable {
  background-color: rgba(46, 46, 46, 0.54) !important;
  /* transparan 54% */
  color: #F5F5F5 !important;
  /* teks putih */
  border-radius: 12px;
  border-color: rgba(200, 162, 67, 0.2) !important;
  /* opsional aksen emas lembut */
}

/* Headings tetap solid agar jelas */
table.dataTable thead th {
  background-color: rgba(46, 46, 46, 0.85) !important;
  /* lebih pekat agar teks terlihat */
  color: #F5F5F5 !important;
  border-bottom: 2px solid #538c20 !important;
}

/* Baris ganjil/genap menyesuaikan transparansi */
table.dataTable.stripe tbody tr.odd {
  background-color: rgba(46, 46, 46, 0.45) !important;
}

table.dataTable.stripe tbody tr.even {
  background-color: rgba(46, 46, 46, 0.54) !important;
}

/* Hover row – sedikit lebih terang */
table.dataTable tbody tr:hover {
  background-color: rgba(248, 250, 247, 0.15) !important;
}


/* ===== Pagination & Info ===== */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #F5F5F5 !important;
  background: transparent !important;
  border-radius: 10px;
  border: 1px solid #9f9f9f !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #9f9f9f !important;
  color: #1C1C1C !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #e3e3e3 !important;
  color: #000000 !important;
  border-color: #e3e3e3 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #9f9f9f !important;
  color: #1C1C1C !important;
  border-color: #e3e3e3 !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_filter input {
  color: #F5F5F5 !important;
}

.dataTables_wrapper .dataTables_filter input {
  background-color: #2f2f2f85 !important;
  border: 1px solid #538c20 !important;
  color: #F5F5F5 !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
  background-color: #2f2f2f85 !important;
  border: none !important;
  color: #F5F5F5 !important;
}

/* ===== Buttons (Excel, CSV, Print, Copy, PDF) ===== */
.dt-buttons .dt-button {
  background-color: #538c20 !important;
  border: 1px solid #538c20 !important;
  color: #F5F5F5 !important;
  /* margin-right: 6px; */
  border-radius: 4px;
  padding: 6px 12px;
  transition: all 0.3s ease;
}

.dt-buttons .dt-button:hover {
  background-color: #245601 !important;
  /* merah gelap hover */
  border-color: #245601 !important;
  box-shadow: 0 4px 8px rgba(21, 88, 0, 0.4);
}

/* Variasi tombol "secondary" (jika ada) gunakan emas */
.dt-buttons .dt-button.buttons-colvis {
  background-color: #538c20 !important;
  border: 1px solid #538c20 !important;
  color: #1C1C1C !important;
}

.dt-buttons .dt-button.buttons-colvis:hover {
  background-color: #538c20 !important;
  border-color: #538c20 !important;
}

/* === DataTables length dropdown === */
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_length select {
  color: #F5F5F5 !important;
  /* teks putih */
}

.dataTables_wrapper .dataTables_length select {
  background-color: #2E2E2E !important;
  /* latar gelap */
  border: 1px solid #538c20 !important;
  /* aksen emas */
  padding: 4px 8px;
  border-radius: 4px;
}

/* Hover & focus untuk select */
.dataTables_wrapper .dataTables_length select:hover {
  background-color: #292929 !important;
  border-color: #538c20 !important;
}

.dataTables_wrapper .dataTables_length select:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(200, 162, 67, 0.25) !important;
}

/* scrollbar table */
/* Firefox */
.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #2e7d32 #fff8e1; /* thumb | track (kuning soft) */
}

/* Chrome, Edge, Safari */
.table-responsive::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #fff8e1; /* kuning pastel */
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #2e7d32; /* hijau elegan */
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: #1b5e20;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #43a047,
        #2e7d32
    );
}
.table-responsive::-webkit-scrollbar-track {
    background: linear-gradient(
        180deg,
        #f3e549,
        #d4aa20
    );
}

.table-responsive {
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-gutter: stable;
}