@media (min-width: 992px) {
  :root {
    --bs-app-header-height: 52px;
    --bs-app-header-height-actual: 52px;
  }
}

[data-bs-theme="dark"] {
  --bs-input-color: unset;
}

.ct-text-primary {
  color: #17b554 !important;
}

.ct-btn-primary {
  color: #ffffff !important;
  border-color: #17b554 !important;
  background-color: #17b554 !important;
  border-radius: 1.2rem !important;
}

.ct-bg-primary {
  color: #ffffff !important;
  border-color: #17b554 !important;
  background-color: #17b554 !important;
  border-radius: 1.2rem !important;
}

.btn-check:checked+.btn.ct-btn-active-color-primary,
.btn-check:active+.btn.ct-btn-active-color-primary,
.btn.ct-btn-active-color-primary:focus:not(.btn-active),
.btn.ct-btn-active-color-primary:hover:not(.btn-active),
.btn.ct-btn-active-color-primary:active:not(.btn-active),
.btn.ct-btn-active-color-primary.active,
.btn.ct-btn-active-color-primary.show,
.show>.btn.ct-btn-active-color-primary {
  color: #5fff9c;
}

.btn-check:checked+.btn.ct-btn-active-color-primary i,
.btn-check:checked+.btn.ct-btn-active-color-primary .svg-icon,
.btn-check:active+.btn.ct-btn-active-color-primary i,
.btn-check:active+.btn.ct-btn-active-color-primary .svg-icon,
.btn.ct-btn-active-color-primary:focus:not(.btn-active) i,
.btn.ct-btn-active-color-primary:focus:not(.btn-active) .svg-icon,
.btn.ct-btn-active-color-primary:hover:not(.btn-active) i,
.btn.ct-btn-active-color-primary:hover:not(.btn-active) .svg-icon,
.btn.ct-btn-active-color-primary:active:not(.btn-active) i,
.btn.ct-btn-active-color-primary:active:not(.btn-active) .svg-icon,
.btn.ct-btn-active-color-primary.active i,
.btn.ct-btn-active-color-primary.active .svg-icon,
.btn.ct-btn-active-color-primary.show i,
.btn.ct-btn-active-color-primary.show .svg-icon,
.show>.btn.ct-btn-active-color-primary i,
.show>.btn.ct-btn-active-color-primary .svg-icon {
  color: #5fff9c;
}

.btn-check:checked+.btn.ct-btn-active-color-primary.dropdown-toggle:after,
.btn-check:active+.btn.ct-btn-active-color-primary.dropdown-toggle:after,
.btn.ct-btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.ct-btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after,
.btn.ct-btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.ct-btn-active-color-primary.active.dropdown-toggle:after,
.btn.ct-btn-active-color-primary.show.dropdown-toggle:after,
.show>.btn.ct-btn-active-color-primary.dropdown-toggle:after {
  color: #5fff9c;
}

.btn.btn-plus-floating {
  position: fixed;
  bottom: 70px;
  padding: 1rem !important;
  right: 1.2rem;
  z-index: 3;
  /* background: linear-gradient(145deg, #4e8cf7, #4177d1);  */
  /* Gradien warna untuk efek 3D */
  box-shadow: 5px 5px 15px #333, -5px -5px 15px #fff;
  /* Efek bayangan */
  border: none;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease-in-out;
}

.ct-form-input {
  display: block;
  width: 100%;
  padding: 0.775rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #4b5675;
  appearance: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #dbdfe9;
  border-radius: 1.2rem;
  box-shadow: false;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ct-card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: #071437;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 1px;
  --bs-card-border-color: #f1f1f4;
  --bs-card-border-radius: 0.9rem;
  --bs-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
  --bs-card-inner-border-radius: calc(0.9rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #ffffff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: #071437;
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  box-shadow: var(--bs-card-box-shadow);
  opacity: 100%;
}

.ct-border-radius-1 {
  border-radius: 1rem !important;
}

.ct-border-radius-2 {
  border-radius: 2rem !important;
}

.ct-border-radius-3 {
  border-radius: 3rem !important;
}

.ct-app-sidebar {
  background-color: #17b554 !important;
  /* background-color: var(--bs-success) !important; */
}

.ct-app-sidebar .app-sidebar-menu {
  overflow-x: hidden;
  /* overflow-y: auto; */
}

[data-kt-app-sidebar-fixed="true"] .ct-app-sidebar .app-sidebar {
  overflow-y: hidden;
  bottom: 30px;
}

.ct-menu-rounded .menu-link {
  border-top-right-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}

.ct-menu-item .menu-link.active {
  transition: color 0.2s ease !important;
  background-color: #5fff9c93 !important;
  color: #ffffff !important;
}

.ct-menu-item .menu-link.active .menu-title {
  color: #ffffff !important;
}

.ct-menu-item .menu-link.clicked {
  transition: color 0.2sease !important;
  background-color: #5fff9c93 !important;
  color: #ffffff !important;
}

.ct-menu-item .menu-link .menu-arrow:after {
  background-color: #ffffff !important;
}

.ct-badge-light-success {
  background-color: #dfffea;
  color: #17c653;
}

.ct-btn-light-success {
  color: #17c653;
  border-color: #dfffea;
  background-color: #dfffea;
}

mark {
  padding: 0px;
  background-color: rgb(255, 201, 14);
}

.alert .warning-list.message-box {
  word-wrap: break-word;
  word-break: break-word;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
  color: var(--bs-input-color);
}

.flatpickr-day.today {
  background: var(--bs-success-light);
  /* color: var(--bs-component-active-color); */
  border-color: transparent;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: transparent;
  background: var(--bs-component-active-bg);
  color: var(--bs-component-active-color);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--bs-component-hover-color);
  color: var(--bs-component-active-color);
  border-color: transparent;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting:before {
  display: none !important
}

table.dataTable>thead .sorting_asc,
table.dataTable>thead .sorting_desc {
  vertical-align: bottom
}

table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_desc:before {
  /* position: relative!important; */
  opacity: 1 !important;
  display: inline-block !important;
  width: .75rem;
  height: .75rem;
  content: " " !important;
  bottom: auto;
  /* right: 0!important; */
  left: auto;
  margin-left: .5rem;
}

table.dataTable.dtfc-has-left th.dtfc-fixed-left,
table.dataTable.dtfc-has-right th.dtfc-fixed-right {
  background-color: var(--bs-body-bg);
  z-index: 1;
}

table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before {
  display: none !important
}

table.dataTable>thead .sorting_asc:after {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  top: 50%;
  /*
  content: "▼" !important;
  content: "▼" /"" !important; */
  background-color: var(--bs-text-muted);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e")
}

table.dataTable>thead .sorting_desc:after {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  top: 60% !important;
  /* bottom: 10%;
  content: "▲" !important;
  content: "▲" /"" !important; */
  background-color: var(--bs-text-muted);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e")
}

/* table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after {

} */