@font-face {
  font-family: 'Fredoka';
  src: url('../fonts/Fredoka-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MPLUS2';
  src: url('../fonts/MPLUS2-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-font-sans-serif: "MPLUS2", "Calibri", "Candara", "Cambria", Helvetica, "sans-serif";
  --ag-border-color: #babfc7;
}

.nav {
  --bs-nav-link-padding-x: 2rem;
  --bs-nav-link-padding-y: .75rem;
}

#poolingNavTab .nav-line-tabs .nav-item:not(:first-child) .nav-link {
  padding: 0 1rem;
  height: 25px;
}

.nav-line-tabs .nav-item:first-child .nav-link {
  padding: 0 1rem 0 0;
}

#poolingNavTab .nav-line-tabs .nav-item .nav-link a {
  height: 25px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-family: "Fredoka", Helvetica, "sans-serif";
  font-weight: 500;
}

html,
body {
  font-size: 13px !important;
  font-weight: 400;
  font-family: var(--bs-font-sans-serif);
}

/* Menu utama NavTab di container */
.nav-link:has(a.active) {
  font-weight: 500;
  border-bottom: 2px solid var(--bs-primary) !important;
}

/* Modal */
.modal-content {
  border: 1px solid #f7f7f7;
}

/* Form */
.form-control,
.form-control.form-control-solid {
  border: 1px solid var(--bs-gray-300);
}

/* .form-control:focus,
.form-control:active {
  border: 1px solid var(--bs-gray-300);
} */


.form-select.form-select-solid {
  border-color: var(--bs-gray-300);
}

.dropdown.show>.form-control.form-control-solid,
.form-control.form-control-solid:active,
.form-control.form-control-solid.active,
.form-control.form-control-solid:focus,
.form-control.form-control-solid.focus {
  border-color: var(--bs-gray-100);
  border: 1px solid var(--bs-gray-500);
}

textarea.form-control {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, height 0.3s ease;
}

.ag-floating-filter-input select.form-select {
  border-radius: 5px;
}

/* Theme default */
.text-bg-warning i.bi {
  color: #fff !important;
}

.toast {
  --bs-toast-border-width: 0px;
}

.toast-header {
  color: #fff;
  background-color: unset;
}

.accordion-button:not(.collapsed) {
  color: var(--bs-dark);
  background-color: rgba(var(--bs-primary-rgb), 0.3);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.bg-light-warning-transparent {
  background-color: rgba(var(--bs-warning-rgb), 0.2);
}

html[data-bs-theme=light] {
  --bs-light: #F9F9F9;
  --bs-primary: #FFC31D;
  --bs-secondary: #E1E3EA;
  --bs-success: #50cd89;
  --bs-info: #80ecff;
  --bs-warning: #F6C000;
  --bs-danger: #f1416c;
  --bs-dark: #181C32;
  --bs-text-light: #f9f9f9;
  --bs-light-rgb: 249, 249, 249;
  --bs-primary-rgb: 255, 195, 29;
  --bs-secondary-rgb: 225, 227, 234;
  --bs-success-rgb: 80, 205, 137;
  --bs-info-rgb: 128, 236, 255;
  --bs-warning-rgb: 246, 192, 0;
  --bs-danger-rgb: 241, 65, 108;
  --bs-dark-rgb: 24, 28, 50;

  --bs-border-color: var(--bs-gray-300);
  --bs-info-light: #d8faff;
  --bs-gray-100: #f7f7f7;
  --bs-gray-200: #f0f0f0;
}

/* .form-control {
  background-color: var(--bs-gray-100);
} */

.form-control.search-input,
.form-control.search-input:focus {
  background-color: var(--bs-body-bg);
}

.form-control:focus {
  /* background-color: var(--bs-gray-200); */
  border: 1px solid var(--bs-gray-500);
}

.card .card-form-grid>div {
  border-width: 1px !important;
  border-style: solid;
  border-color: color-mix(in srgb, transparent, #181d1f 15%);
}


/* Theme purple */
html[data-bs-theme=purple] {
  --bs-text-muted: #A1A5B7;
  --bs-app-sidebar-link-bg-color: #F3E7F5;
  --bs-app-separator-border: 1px solid #F4C3C2;
  --bs-app-content-bg-color: #F1F8E8;
  --bs-text-light: #f9f9f9;

  --bs-body-bg: #FEF9FF;
  --bs-app-bg-color: #F3E7F5;
  --bs-app-blank-bg-color: #FEF9FF;
  --bs-app-header-base-bg-color: #F3E7F5;
  --bs-app-toolbar-base-bg-color: #FEF9FF;
  --bs-app-sidebar-base-bg-color: #F3E7F5;
  --bs-app-sidebar-base-box-shadow: none;
  --bs-app-sidebar-minimize-bg-color: #F4C3C2;
  --bs-app-aside-base-bg-color: #F3E7F5;
  --bs-app-aside-base-box-shadow: none;

  /* sidebar */
  --bs-app-sidebar-link-bg-color: #ffd3da;
  --bs-app-separator-border: 1px solid #FABBD0;
  --bs-app-content-bg-color: #FEF9FF;
  --bs-form-check-bg: #fff;

  --bs-gray-100: #FFF;
  --bs-gray-200: #FFF;
  --bs-gray-300: #F3E7F5;
  --bs-gray-400: #B5B5C3;
  --bs-gray-500: #A1A5B7;
  --bs-gray-600: #7E8299;
  --bs-gray-700: #5E6278;
  --bs-gray-800: #3F4254;
  --bs-gray-900: #181C32;

  --bs-text-gray-100: #F9F9F9;
  --bs-text-gray-200: #F4F4F4;
  --bs-text-gray-300: #E1E3EA;
  --bs-text-gray-400: #B5B5C3;
  --bs-text-gray-500: #A1A5B7;
  --bs-text-gray-600: #7E8299;
  --bs-text-gray-700: #5E6278;
  --bs-text-gray-800: #3F4254;
  --bs-text-gray-900: #181C32;
  --bs-border-color: #F4F4F4;

  --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
  --bs-scrolltop-opacity: 0;
  --bs-scrolltop-opacity-on: 0.3;
  --bs-scrolltop-opacity-hover: 1;
  --bs-scrolltop-box-shadow: var(--bs-box-shadow);
  --bs-scrolltop-bg-color: var(--bs-primary);
  --bs-scrolltop-bg-color-hover: var(--bs-primary);
  --bs-scrolltop-icon-color: var(--bs-primary-inverse);
  --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);

  --bs-primary-light: #f5c1fe;
  --bs-secondary-light: #eedbf2;
  --bs-success-light: #eff3bd;
  --bs-info-light: #d5f1fd;
  --bs-warning-light: #ffe7c4;
  --bs-danger-light: #f6d1d1;
  --bs-dark-light: #b3b4bb;
}

root,
[data-bs-theme=purple] {
  --bs-primary: #E042FB;
  --bs-secondary: #CC93D8;
  --bs-success: #CDDC38;
  --bs-info: #81D3FA;
  --bs-warning: #FFB74D;
  --bs-danger: #E57373;
  --bs-light: #FBE4EC;
  --bs-dark: #4A148C;

  --bs-primary-active: #E042FB70;
  --bs-secondary-active: #CC93D870;
  --bs-success-active: #CDDC3870;
  --bs-info-active: #81D3FA70;
  --bs-warning-active: #FFB74D70;
  --bs-danger-active: #E5737370;
  --bs-light-active: #FBE4EC70;
  --bs-dark-active: #1B5E2070;
  --bs-dark-inverse: #F3E7F5;

  --bs-danger-light: #ffc3be;

  --bs-border-color: #DCEDC8;
  --bs-scrollbar-hover-color: #F3E7F5;
  --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  --bs-menu-dropdown-bg-color: var(--bs-body-bg);

  --bs-text-primary: #AFB32A;
  --bs-text-dark: #0C290E;
  --bs-text-warning: #FFB74D;
  --bs-text-info: #81D3FA;

  --bs-danger-inverse: #FFF;
  --bs-warning-inverse: #FFF;
  --bs-success-inverse: #FFF;
  --bs-info-inverse: #FFF;
  --bs-primary-inverse: #FFF;
  --bs-secondary-inverse: #FFF;

  --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);

  /* menu dropdown */
  --bs-menu-link-color-hover: #D600FA;
  --bs-menu-link-color-show: #D600FA;
  --bs-menu-link-color-here: #D600FA;
  --bs-menu-link-color-active: #D600FA;
  --bs-menu-link-bg-color-hover: #EDE7F5;
  --bs-menu-link-bg-color-show: #EDE7F5;
  --bs-menu-link-bg-color-here: #EDE7F5;
  --bs-menu-link-bg-color-active: #EDE7F5;
}

/* Theme Light Green */
html[data-bs-theme=lightgreen] {
  --bs-text-muted: #A1A5B7;
  --bs-app-sidebar-link-bg-color: #C4E1A5;
  --bs-app-separator-border: 1px solid #F4C3C2;
  --bs-app-content-bg-color: #F1F8E8;
  --bs-text-light: #f9f9f9;

  --bs-body-bg: #F1F8E8;
  --bs-app-bg-color: #C4E1A5;
  --bs-app-blank-bg-color: #F1F8E8;
  --bs-app-header-base-bg-color: #C4E1A5;
  --bs-app-toolbar-base-bg-color: #F1F8E8;
  --bs-app-sidebar-base-bg-color: #C4E1A5;
  --bs-app-sidebar-base-box-shadow: none;
  --bs-app-sidebar-minimize-bg-color: #F4C3C2;
  --bs-app-aside-base-bg-color: #C4E1A5;
  --bs-app-aside-base-box-shadow: none;

  --bs-app-sidebar-link-bg-color: #E6EE9C;
  --bs-app-separator-border: 1px solid #E1E3EA;
  --bs-app-content-bg-color: #F1F8E8;
  --bs-form-check-bg: #fff;

  --bs-gray-100: #FFF;
  --bs-gray-200: #FFF;
  --bs-gray-300: #E1E3EA;
  --bs-gray-400: #B5B5C3;
  --bs-gray-500: #A1A5B7;
  --bs-gray-600: #7E8299;
  --bs-gray-700: #5E6278;
  --bs-gray-800: #3F4254;
  --bs-gray-900: #181C32;

  --bs-text-gray-100: #F9F9F9;
  --bs-text-gray-200: #F4F4F4;
  --bs-text-gray-300: #E1E3EA;
  --bs-text-gray-400: #B5B5C3;
  --bs-text-gray-500: #A1A5B7;
  --bs-text-gray-600: #7E8299;
  --bs-text-gray-700: #5E6278;
  --bs-text-gray-800: #3F4254;
  --bs-text-gray-900: #181C32;
  --bs-border-color: #C8E6CC;

  --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
  --bs-scrolltop-opacity: 0;
  --bs-scrolltop-opacity-on: 0.3;
  --bs-scrolltop-opacity-hover: 1;
  --bs-scrolltop-box-shadow: var(--bs-box-shadow);
  --bs-scrolltop-bg-color: var(--bs-primary);
  --bs-scrolltop-bg-color-hover: var(--bs-primary);
  --bs-scrolltop-icon-color: var(--bs-primary-inverse);
  --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);

  --bs-primary-light: #bddabf;
  --bs-secondary-light: #d5eeeb;
  --bs-success-light: #eff3bd;
  --bs-info-light: #d5f1fd;
  --bs-warning-light: #ffe7c4;
  --bs-danger-light: #f6d1d1;
  --bs-dark-light: #b3b4bb;
}

root,
[data-bs-theme=lightgreen] {
  --bs-primary: #378E3C;
  --bs-secondary: #80CAC3;
  --bs-success: #CDDC38;
  --bs-info: #81D3FA;
  --bs-warning: #FFB74D;
  --bs-danger: #E57373;
  --bs-light: #ebeeca;
  --bs-dark: #1B5E20;
  --bs-text-light: #f9f9f9;
  --bs-primary-active: #378E3C70;
  --bs-secondary-active: #80CAC370;
  --bs-success-active: #CDDC3870;
  --bs-info-active: #81D3FA70;
  --bs-warning-active: #FFB74D70;
  --bs-danger-active: #E5737370;
  --bs-light-active: #DFF2F170;
  --bs-dark-active: #1B5E2070;
  --bs-dark-inverse: #E8F6E9;

  --bs-danger-light: #ffe3c6;

  --bs-border-color: #DCEDC8;
  --bs-scrollbar-hover-color: #C4E1A5;
  --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  --bs-menu-dropdown-bg-color: var(--bs-body-bg);

  --bs-text-primary: #AFB32A;
  --bs-text-dark: #0C290E;
  --bs-text-warning: #FFB74D;
  --bs-text-info: #81D3FA;

  --bs-danger-inverse: #FFF;
  --bs-warning-inverse: #FFF;
  --bs-success-inverse: #FFF;
  --bs-info-inverse: #FFF;
  --bs-primary-inverse: #FFF;
  --bs-secondary-inverse: #FFF;

  --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);

  /* menu dropdown */
  --bs-menu-link-color-hover: #689F37;
  --bs-menu-link-color-show: #689F37;
  --bs-menu-link-color-here: #689F37;
  --bs-menu-link-color-active: #689F37;
  --bs-menu-link-bg-color-hover: #E8F5E9;
  --bs-menu-link-bg-color-show: #E8F5E9;
  --bs-menu-link-bg-color-here: #E8F5E9;
  --bs-menu-link-bg-color-active: #E8F5E9;
}


/* Theme Light Orange */
html[data-bs-theme=orange] {
  --bs-text-muted: #A1A5B7;
  --bs-app-sidebar-link-bg-color: #ffebce;
  --bs-app-separator-border: 1px solid #1566C2;
  --bs-app-content-bg-color: #dc1c69;
  --bs-text-light: #f9f9f9;
  --bs-body-bg: #FFFBF2;
  --bs-app-bg-color: #ffebce;
  --bs-app-blank-bg-color: #FFFBF2;
  --bs-app-header-base-bg-color: #ffebce;
  --bs-app-toolbar-base-bg-color: #FFFBF2;
  --bs-app-sidebar-base-bg-color: #ffebce;
  --bs-app-sidebar-base-box-shadow: none;
  --bs-app-sidebar-minimize-bg-color: #1566C2;
  --bs-app-aside-base-bg-color: #ffebce;
  --bs-app-aside-base-box-shadow: none;

  /* sidebar */
  --bs-app-sidebar-link-bg-color: #FFF8E1;
  --bs-app-separator-border: 1px solid #FABBD0;
  --bs-app-content-bg-color: #FFFBF2;
  --bs-form-check-bg: #fff;

  --bs-gray-100: #FFF;
  --bs-gray-200: #FFF;
  --bs-gray-300: #ffebce;
  --bs-gray-400: #B5B5C3;
  --bs-gray-500: #A1A5B7;
  --bs-gray-600: #7E8299;
  --bs-gray-700: #5E6278;
  --bs-gray-800: #3F4254;
  --bs-gray-900: #181C32;

  --bs-text-gray-100: #F9F9F9;
  --bs-text-gray-200: #F4F4F4;
  --bs-text-gray-300: #E1E3EA;
  --bs-text-gray-400: #B5B5C3;
  --bs-text-gray-500: #A1A5B7;
  --bs-text-gray-600: #7E8299;
  --bs-text-gray-700: #5E6278;
  --bs-text-gray-800: #3F4254;
  --bs-text-gray-900: #181C32;
  --bs-border-color: #F4F4F4;

  --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
  --bs-scrolltop-opacity: 0;
  --bs-scrolltop-opacity-on: 0.3;
  --bs-scrolltop-opacity-hover: 1;
  --bs-scrolltop-box-shadow: var(--bs-box-shadow);
  --bs-scrolltop-bg-color: var(--bs-primary);
  --bs-scrolltop-bg-color-hover: var(--bs-primary);
  --bs-scrolltop-icon-color: var(--bs-primary-inverse);
  --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);

  --bs-primary-light: #fedbac;
  --bs-secondary-light: #fff2c0;
  --bs-success-light: #eff3bd;
  --bs-info-light: #d5f1fd;
  --bs-warning-light: #feeaba;
  --bs-danger-light: #f6d1d1;
  --bs-dark-light: #b3b4bb;
}

root,
[data-bs-theme=orange] {
  --bs-primary: #FD9204;
  --bs-secondary: #FFD83F;
  --bs-success: #CDDC38;
  --bs-info: #81D3FA;
  --bs-warning: #FCBE2D;
  --bs-danger: #E57373;
  --bs-light: #fff4cf;
  --bs-dark: #E65100;

  --bs-primary-active: #FD920470;
  --bs-secondary-active: #FFD83F70;
  --bs-success-active: #CDDC3870;
  --bs-info-active: #81D3FA70;
  --bs-warning-active: #FCBE2D70;
  --bs-danger-active: #E5737370;
  --bs-light-active: #FFF8E170;
  --bs-dark-active: #1B5E2070;
  --bs-dark-inverse: #FFF9E1;

  --bs-danger-light: #ffc3be;

  --bs-border-color: #DCEDC8;
  --bs-scrollbar-hover-color: #ffebce;
  --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  --bs-menu-dropdown-bg-color: var(--bs-body-bg);

  --bs-text-primary: #AFB32A;
  --bs-text-dark: #0C290E;
  --bs-text-warning: #FFB74D;
  --bs-text-info: #81D3FA;

  --bs-danger-inverse: #FFF;
  --bs-warning-inverse: #976a00;
  --bs-success-inverse: #FFF;
  --bs-info-inverse: #FFF;
  --bs-primary-inverse: #FFF;
  --bs-secondary-inverse: #FFF;

  --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);

  /* menu dropdown */
  --bs-menu-link-color-hover: #FCA822;
  --bs-menu-link-color-show: #FCA822;
  --bs-menu-link-color-here: #FCA822;
  --bs-menu-link-color-active: #FCA822;
  --bs-menu-link-bg-color-hover: #FFECB3;
  --bs-menu-link-bg-color-show: #FFECB3;
  --bs-menu-link-bg-color-here: #FFECB3;
  --bs-menu-link-bg-color-active: #FFECB3;
}


/* AG GRID*/
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: var(--bs-primary) !important;
  --ag-border-radius: .75rem !important;
  --ag-foreground-color: #181d1f !important;
  --ag-range-selection-border-color: var(--bs-primary) !important;
  --ag-checkbox-checked-background-color: var(--bs-primary-active) !important;
  --ag-checkbox-checked-border-color: var(--bs-primary-active) !important;
  --ag-border-color: #ddddde;
}

.ag-header-cell-filtered {
  background-color: #efefef !important;
  color: #000 !important;
}

.ag-header-cell[aria-sort]:not([aria-sort="none"]) {
  background-color: #efefef !important;
  color: #000 !important;
}

.ag-cell-editor select {
  padding: 4px;
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  /* --ag-selected-row-background-color */
}

.ag-cell-editor select option:checked {
  background-color: var(--ag-active-color);
}

.dropdown-columns-options {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: 0px;
  scrollbar-color: transparent;
}


/* untuk drop Kolom on/off dalam Tollbox */
.dropdown-item.dropdown-columns-options:hover {
  background-color: unset;
}

.dropdown-item.dropdown-columns-options li {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}

.dropdown-item.dropdown-columns-options li:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
}

/* untuk drop Kolom on/off dalam Tollbox */


html[data-bs-theme=purple] .card-grid .card-header {
  border-width: 1px !important;
  border-style: solid;
  border-color: #ddd4e0;
}

html[data-bs-theme=purple] .ag-theme-quartz {
  --ag-border-color: #ddd4e0;
  --ag-background-color: #ffffff80;
  --ag-foreground-color: rgb(40, 0, 63);
}

html[data-bs-theme=purple] .ag-header-cell-filtered {
  background-color: #efefef !important;
  color: #df2afb !important;
}

html[data-bs-theme=purple] .ag-header-cell[aria-sort]:not([aria-sort="none"]) {
  background-color: #efefef !important;
  color: #df2afb !important;
}


html[data-bs-theme=lightgreen] .card-grid .card-header {
  border-width: 1px !important;
  border-style: solid;
  border-color: #d5dbcd;
}

html[data-bs-theme=lightgreen] .ag-theme-quartz {
  --ag-border-color: #d5dbcd;
  --ag-background-color: #ffffff80;
  --ag-foreground-color: rgb(24, 46, 0);
}

html[data-bs-theme=lightgreen] .ag-header-cell-filtered {
  background-color: #efefef !important;
  color: #128722 !important;
}

html[data-bs-theme=lightgreen] .ag-header-cell[aria-sort]:not([aria-sort="none"]) {
  background-color: #efefef !important;
  color: #128722 !important;
}


html[data-bs-theme=orange] .card-grid .card-header {
  border-width: 1px !important;
  border-style: solid;
  border-color: #dfd2ba;
}

html[data-bs-theme=orange] .ag-theme-quartz {
  --ag-border-color: #dfd2ba;
  --ag-background-color: #ffffff80;
  --ag-foreground-color: rgb(48, 11, 0);
}

html[data-bs-theme=orange] .ag-header-cell-filtered {
  background-color: #efefef !important;
  color: #fd8d00 !important;
}

html[data-bs-theme=orange] .ag-header-cell[aria-sort]:not([aria-sort="none"]) {
  background-color: #efefef !important;
  color: #fd8d00 !important;
}


html[data-bs-theme=light] .card-grid .card-header {
  border-width: 1px !important;
  border-style: solid;
  border-color: color-mix(in srgb, transparent, #181d1f 15%);
}

html[data-bs-theme=dark] {
  --bs-text-muted: #bcbcbc;
  --bs-info-light: #004fab;
  --bs-warning-light: #b18a00;
  --bs-success-light: #009544;
  --bs-danger-light: #a70029;
  --bs-text-light: #f0f0f0;

  --bs-light: #2f2f2f;
  --bs-primary: #b800ff;
  --bs-secondary: #545454;
  --bs-success: #50cd89;
  --bs-info: #237de6;
  --bs-warning: #F6C000;
  --bs-danger: #f1416c;
  --bs-dark: #181C32;

  --bs-light-rgb: 47, 47, 47;
  --bs-primary-rgb: 184, 0, 255;
  --bs-secondary-rgb: 84, 84, 84;
  --bs-success-rgb: 80, 205, 137;
  --bs-info-rgb: 35, 125, 230;
  --bs-warning-rgb: 246, 192, 0;
  --bs-danger-rgb: 241, 65, 108;
  --bs-dark-rgb: 24, 28, 50;

}

html[data-bs-theme=dark] .toast {
  --bs-toast-color: #dddddd;
}

html[data-bs-theme=dark] .card-grid .card-header {
  border-width: 1px !important;
  border-style: solid;
  border-color: color-mix(in srgb, transparent, rgb(215, 215, 215) 15%);
  background: #0d0d1d;
}

html[data-bs-theme=dark] .ag-header-cell-filtered {
  background-color: var(--bs-primary) !important;
  color: #d9d9d9 !important;
}

html[data-bs-theme=dark] .ag-header-cell[aria-sort]:not([aria-sort="none"]) {
  background-color: var(--bs-primary) !important;
  color: #d9d9d9 !important;
}

html[data-bs-theme=dark] .ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before {
  filter: invert(1);
}

html[data-bs-theme=dark] .ag-header,
html[data-bs-theme=dark] .ag-advanced-filter-header {
  background-color: rgb(13, 13, 28);
}

html[data-bs-theme=dark] .ag-paging-panel {
  color: #7f7f7f;
}

html[data-bs-theme=dark] .ag-row {
  color: #f8f8f8;
}

html[data-bs-theme=dark] .ag-theme-quartz .ag-menu {
  color: #f8f8f8;
}

html[data-bs-theme=dark] .ag-theme-quartz {
  --ag-border-radius: .75rem !important;
  --ag-background-color: rgb(30, 30, 44);
  --ag-foreground-color: #1e1e2c;
  --ag-checkbox-unchecked-color: rgb(215, 215, 215);
  --ag-secondary-foreground-color: rgb(215, 215, 215);
  --ag-icon-font-color-small-down: rgb(215, 215, 215);
  --ag-icon-font-color-first: rgb(215, 215, 215);
  --ag-icon-font-color-previous: rgb(215, 215, 215);
  --ag-icon-font-color-next: rgb(215, 215, 215);
  --ag-icon-font-color-last: rgb(215, 215, 215);
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-header-foreground-color: #fff;
  --ag-icon-font-color-filter: #c4c4c4;
  --ag-secondary-border-color:
    color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: rgb(40, 49, 62);
  --ag-tooltip-background-color: rgb(33, 43, 56);
  --ag-control-panel-background-color: rgb(40, 49, 62);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07059);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  /* --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%); */
  --ag-row-hover-color:
    color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color:
    color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color:
    color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color:
    color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color:
    color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --csstools-color-scheme--dark: initial;
  color-scheme: dark;
}

.ag-cell-inline-editing {
  border-radius: 0 !important;
}

.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  border-radius: 0 !important;
}

.ag-theme-quartz .ag-floating-filter-body input[class^=ag-][type=text],
.ag-theme-quartz .ag-floating-filter-body input[class^=ag-][type=number],
.ag-theme-quartz .ag-floating-filter-body input[class^=ag-][type=tel],
.ag-theme-quartz .ag-floating-filter-body input[class^=ag-][type=datetime-local],
.ag-theme-quartz .ag-floating-filter-body input[class^=ag-][type=date] {
  border-radius: 4px !important;
}

.card-grid {
  border: 0 !important;
}

.card-grid .card-header {
  border-bottom: 0 !important;
  min-height: 50px !important;
  background: #ffffff80;
}

.card-grid>div {
  padding: 0 !important;
}

.card-grid .ag-root-wrapper {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* .ag-paging-panel {
  border-top: 0 !important;
} */


/* Page Realated */
#poolingNavTab .dragging {
  background-color: var(--bs-primary);
  opacity: 0.5;
  border-top: 2px solid var(--bs-danger);
}

#poolingNavTab .dragging a {
  color: #fff !important;
}

.isDragging {
  background-color: var(--bs-primary);
  border-top: 2px solid var(--bs-danger);
  opacity: 0.7;
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  transform: scale(0.9);
}

html[data-bs-theme=dark] .modal-content {
  box-shadow: inset 1px 1px rgba(255, 255, 255, .2), inset -1px -1px rgba(255, 255, 255, .1), 1px 3px 24px -1px rgba(0, 0, 0, .15);
  background-color: #000000a3;
  background-image: linear-gradient(125deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .2) 70%);
  backdrop-filter: blur(5px);
}

/* untuk toolbox poolinggrid */
.collapsePoolingGridToolbox .btn-group button {
  border: 1px solid var(--ag-border-color) !important;
}

/* hilangkan garis hitam */
div:focus-visible {
  outline: none;
}

/* #kt_app_toolbar {
  top: 90px;
  z-index: 100;
} */

/* @media (max-width: 768px) {
  #kt_app_toolbar {
    top: 60px;
  }
} */

/* li[id^="poolingNavTab_"]:has(a:hover) { 
  background-color: var(--bs-primary-light);
} */