[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active{
  background-color: #DAB96A;
  color: #1b1b1b;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i{
  color: #1b1b1b;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title{
  color: #1b1b1b;
}



/* for image preview on modal */
.swa-large-preview-pdf {
  min-height: 70vh !important;
}

.swa-confirm-add-user{
  min-height: 50vh !important;
}


/* begin::custom file input */
.custom-file-upload input[type="file"] {
  display: none;
}

label {
  margin: 0;
}

.custom-file-upload {
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 10px 3rem 10px 10px;
  border: 1px dashed #1b84ff !important;
  background-color: #e9f3ff;
}



.custom-file-upload .title {
  font-weight: bold;
}

.custom-file-upload.border-dashed {
  border: 1px dashed #1b84ff;
  box-shadow: none;
}

.custom-file-upload.btn-outline-primary:hover {
  /* color: white; */
}

.custom-file-upload.invalid {
  background: #fff3f3;
  border: 1px solid #ed2525;
}

/* file uploaded */
.custom-file-upload.valid {
  background: #ffffff;
  border: none !important;
  background-color: none;
  padding: 0px;

}

.custom-file-upload.invalid .title {
  color: #ed2525;
}

.custom-file-upload.invalid::after {
  content: "";
  height: 38px;
  width: 38px;
  position: absolute;
  right: 0;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23ED2525'/%3E%3Cpath d='M14.68 16.66L15.08 7.66H12.02L12.44 16.66H14.68ZM13.56 21.2C14.44 21.2 15.18 20.46 15.18 19.6C15.18 18.72 14.44 17.98 13.56 17.98C12.68 17.98 11.96 18.72 11.96 19.6C11.96 20.46 12.68 21.2 13.56 21.2Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
}

/* checklist on file upload valid/success */
/* .custom-file-upload.valid::after {
  content: "";
  height: 38px;
  width: 38px;
  position: relative;
  right: 0;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='27' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='42' cy='42' r='42' fill='%2350cd89'/%3E%3Crect x='26.3772' y='40.1046' width='3.57447' height='14.2979' rx='1.2' transform='rotate(-40 26.3772 40.1046)' fill='white'/%3E%3Crect x='34.4189' y='49.6882' width='28.5958' height='3.57447' rx='1.2' transform='rotate(-40 34.4189 49.6882)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
} */

/* end::custom file input */


/* List Data riwayat */
.list-data-riwayat-modal.view-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  column-gap: 16px;
  row-gap: 16px;
}

.list-data-riwayat.view-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, auto);
  column-gap: 16px;
}
/* Media query for mobile screens */
@media (max-width: 768px) {
  .list-data-riwayat.view-grid {
    grid-template-columns: repeat(2, 1fr); /* Adjust the number of columns to 2 for smaller screens */
  }
}


.data-riwayat{
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem;
  display: flex;
  background-color: #ffffff;
  border: 1px solid #F1F1F4;
  border-radius: 8px;
}


.list-data-riwayat.view-list .data-riwayat .symbol{
  margin-right: 16px;
}

.list-data-riwayat.view-grid .data-riwayat{
  flex-direction: column;
  align-items: start;
}

.list-data-riwayat.view-grid .data-riwayat .symbol{
  margin-bottom: 16px;
}