:root {
  --light-gradient: linear-gradient(to top, rgba(255, 255, 255, 1) 58%, rgba(255, 255, 255, 0) 100%);
  --dark-gradient: linear-gradient(to top, #171717 58%, rgba(255, 255, 255, 0) 100%);
  --background-image-light: url(/img/navbar/navbg3.svg);
  --background-image-dark: url(/img/navbar/navbg2.svg);
  --tatalogam-light: url(/img/tatalogam.png);
  --tatalogam-dark: url(/img/tatalogam-dark.png);
  --dt-row-stripe: transparent !important;
  --navbar-light-gradient: linear-gradient(131deg, rgba(255, 255, 255, 1) 70%, rgba(0, 0, 0, 0));
  --navbar-dark-gradient: linear-gradient(131deg, #171717 70%, rgba(0, 0, 0, 0));
  --form-label-light-color: #212529;
  --form-label-dark-color: #f1f1f1;
  --hover-bg-light: #f1f1f1;
  --hover-bg-dark: #464646;
  --training-light: linear-gradient(33deg, rgba(255, 255, 255, 1) 65%, rgba(66, 135, 245, 0.2));
  --training-dark: linear-gradient(33deg, #171717 65%, rgba(66, 135, 245, 0.2));
  --training2-light: linear-gradient(145deg, rgba(255, 255, 255, 1) 70%, rgba(66, 135, 245, 0.2));
  --training2-dark: linear-gradient(145deg, #171717 70%, rgba(66, 135, 245, 0.2));
  --read-guide-light: linear-gradient(13deg, rgba(255, 255, 255, 1) 65%, rgba(66, 135, 245, 0.2));
  --read-guide-dark: linear-gradient(13deg, #171717 65%, rgba(66, 135, 245, 0.2));
  --light-light: #fafafa;
  --light-dark: #242424;
  --bulletin-bg: linear-gradient(320deg, rgba(25, 25, 25, 0.80) 1%, rgba(255, 255, 255, 0) 90%);

  --login-light: linear-gradient(131deg, rgba(255, 255, 255, 0.92) 58%, rgba(255, 255, 255, 0) 100%);
  --login-dark: linear-gradient(131deg, rgba(25, 25, 25, 0.92) 58%, rgba(255, 255, 255, 0) 100%);

}

[data-bs-theme=light] .footerImage {
  filter: unset;


}


[data-bs-theme=dark] .footerImage {
  filter: brightness(0) invert(1);

}

[data-bs-theme=light] .bg {
  --guide-login-bg: var(--login-light);


}

[data-bs-theme=dark] .bg {
  --guide-login-bg: var(--login-dark);


}


[data-bs-theme=light] .highcharts-axis-labels text {
  color: #343a40 !important;

}

[data-bs-theme=dark] .highcharts-axis-labels text {
  color: #f1f1f1 !important;

}




[data-bs-theme=light] {
  --background-gradient: var(--light-gradient);
  --navbar-background: var(--navbar-light-gradient);
  --hover-global: var(--hover-bg-light);
  --training-card-bg: var(--training-light);
  --trainingAdmin-card-bg: var(--training2-light);
  --guide-card-bg: var(--read-guide-light);
  --background-image: var(--background-image-light);
  --bs-body-color: #333333;
  /* Dark gray text color */
  --bs-body-color-rgb: 51, 51, 51;
  --bs-body-bg: #fff;
  /* Light gray background */
  --bs-secondary-bg: #fafdff;
  /* Light gray background */
  --bs-body-bg-rgb: 248, 249, 250;
  --bs-tertiary-bg: #6c757d;
  /* Gray for tertiary elements */
  --fc-today-bg-color: rgb(250, 253, 255) !important;
  --guide-login-bg: var(--login-light);

}

[data-bs-theme=light]  .accordion-button:not(.collapsed) {
    background-color: #d4e9f652;
}





[data-bs-theme=light] .nav-link:hover {
  border-color: #eaeaea;
}


[data-bs-theme=light] .tabbable ::-webkit-scrollbar-thumb:horizontal {
  background: #eaeaea;
  border-radius: 0px;
  width: 1px;

}





[data-bs-theme=light] .nav-link {
  color: #40A2D8;
}

[data-bs-theme=light] .nav-link:hover {
  border-color: #93d7ff;
}

[data-bs-theme=dark]  .accordion-button:not(.collapsed) {
    background-color: #61839938 !important
}


[data-bs-theme=light] .nav-pills .nav-link.active {
  background-color: #40A2D8;
}

[data-bs-theme=light] .nav-pills .nav-link {
  padding: 4px 10px;
}

[data-bs-theme=light] .logo {
  background-image: var(--tatalogam-light);
  width: 56px;
  height: 56px;
}

[data-bs-theme=light] p {
  color: #343a40;
  margin: 0px;
}

[data-bs-theme=light] h1,
[data-bs-theme=light] h2,
[data-bs-theme=light] h3,
[data-bs-theme=light] h4,
[data-bs-theme=light] h5,
[data-bs-theme=light] h6 {
  color: #232323;
}

[data-bs-theme=light] ::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

[data-bs-theme=light] ::-webkit-scrollbar:horizontal {
  height: 4px;
  -webkit-box-shadow: transparent;
  background-color: transparent;
}

[data-bs-theme=light] ::-webkit-scrollbar-track {
  border-radius: 10px;
}

[data-bs-theme=light] ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
}

[data-bs-theme=light] .dropdown-menu {
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=light] .dropdown-menu .red {
  background-color: white;
  --bs-dropdown-link-hover-bg: red;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=light] .dropdown-menu .blue {
  background-color: none;
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=light] .dropdown-menu .transparent {
  background-color: white;
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-bg: none;
  --bs-dropdown-link-hover-color: auto;
}

[data-bs-theme=light] .dropdown-menu .light {
  background-color: white;
  --bs-dropdown-link-hover-bg: #eeeeee;
  --bs-dropdown-link-active-bg: none;
  --bs-dropdown-link-hover-color: auto;
}

[data-bs-theme=light] .offcanvas-custom .fs7 {
  padding: 4px 0px;
  text-decoration: none !important;
  color: #343a40;
}

[data-bs-theme=light] .offcanvas-custom .fs7:hover {
  padding: 4px 8px;
  background-color: #40A2D8;
  color: white;
  border-radius: 6px;
  
}

[data-bs-theme=light] .dropdown-item.me-4 {
  padding: 4px 0px;
}

[data-bs-theme=light] .dropdown-item.me-4:hover i {
  display: inline !important;
  color: #40A2D8;
  margin-left: 4px;
}

[data-bs-theme=light] td.fc-day.fc-daygrid-day {
  background-color: #ffffff;
  font-size: 11px;
}

[data-bs-theme=light] input[type=checkbox]:checked {
  box-shadow: none;
  background-color: #40A2D8 !important;
  /* White background */
  border: #40A2D8;
  /* White gray border */
  color: #40A2D8 !important;
  /* Light gray text color */
  padding: 6px 10px;
  /* Adjust padding as needed */
  box-shadow: none;
  padding-right: 1px;
}

[data-bs-theme=light] input[type=checkbox]:focus {
  box-shadow: none !important;
}

[data-bs-theme=light] .form-check-label {
  font-size: 12px !important;
}

[data-bs-theme=light] .form-text {
  margin-top: 3.5px;
}

[data-bs-theme=light] .fw-superblack {
  font-weight: 800;
}

[data-bs-theme=light] .fw-black {
  font-weight: 800;
}

[data-bs-theme=light] .h1 {
  font-size: calc(1.45rem + 1.2vw);
}

[data-bs-theme=light] .fs7 {
  font-size: 11.5px !important;
}

[data-bs-theme=light] .fs8 {
  font-size: 10.5px !important;
}

[data-bs-theme=light] .text-danger {
  color: #ff0000 !important;
}

[data-bs-theme=light] .text-danger {
  color: #ff0000 !important;
}

[data-bs-theme=light] .text-success {
  color: #40d8a2 !important;
}

[data-bs-theme=light] .text-primary {
  color: #40A2D8 !important;
}

[data-bs-theme=light] .text-secondary {
  color: #0a3c57 !important
}

[data-bs-theme=light] .text-warning {
  color: #FFA407 !important;
}

[data-bs-theme=light] .text-warning-subtle {
  color: #edff00 !important;
}

[data-bs-theme=light] .text-dark-blue {
  color: #001744;
}

[data-bs-theme=light] .bg-success {
  background-color: #40d8a2 !important;
}

[data-bs-theme=light] .bg-light {
  background-color: var(--light-light) !important;
}

[data-bs-theme=light] .bg-primary {
  background-color: #40A2D8 !important;
}

[data-bs-theme=light] .border-primary {
    border-color: #40A2D8 !important;
}

[data-bs-theme=light] .bg-dark-primary {
  background-color: #004278 !important;
}

[data-bs-theme=light] .bg-warning {
  background-color: #FFA407 !important;
}

[data-bs-theme=light] .sidebar-header .collapsed .collapse {
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=light] .sidebar-header .collapsed .collapsing {
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=light] .sidebar-header .collapse {
  margin-top: 6px;
  padding-left: 6px;
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=light] .sidebar-header .collapsing {
  margin-top: 6px;
  padding-left: 6px;
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=light] .has-arrow.collapsed::after {
  font-family: "bootstrap-icons";
  content: "\f234";
  font-size: 10px;
  margin-left: 6px;
  margin-bottom: 1px;
}

[data-bs-theme=light] .has-arrow[aria-expanded=true]::after {
  font-family: "bootstrap-icons";
  content: "\f229";
  font-size: 10px;
  margin-left: 6px;
  margin-bottom: 1px;
}

[data-bs-theme=light] .container {
  background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .feather {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

[data-bs-theme=light] .badge.text-bg-primary {
  background-color: #40A2D8 !important;
  color: #fff;
}

[data-bs-theme=light] .badge.text-bg-danger {
  background-color: #ff0000 !important;
  color: #fff;
}

[data-bs-theme=light] .badge.bg-primary {
  background-color: #40A2D8 !important;
  color: #fff;
}

[data-bs-theme=light] .badge.bg-danger {
  background-color: #ff0000 !important;
  color: #fff;
}

[data-bs-theme=light] .badge.bg-success {
  background-color: #40d8a2 !important;
  color: #fff;
}

[data-bs-theme=light] .badge.bg-warning {
  background-color: #FFA407 !important;
  color: #fff;
}

[data-bs-theme=light] .badge.bg-info {
  background-color: #03f0fc !important;
  color: #fff;
}

[data-bs-theme=light] .badge.bg-light {
  background-color: #ededed !important;
  color: #4a4a4a;
}

[data-bs-theme=light] .badge.bg-dark {
  background-color: #000 !important;
  color: #fff;
}

[data-bs-theme=light] .alert-primary {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #40a2d8;
    --bs-alert-border-color: #40a2d8;
    --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

[data-bs-theme=light] .alert-success {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #40d8a2;
    --bs-alert-border-color: #62e0a7;
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

[data-bs-theme=light] .pagination .page-link {
  color: #40A2D8;
  border: 1px solid #40A2D8;
  font-size: 12px;
}

[data-bs-theme=light] .pagination .page-link:focus {
  box-shadow: none;
}

[data-bs-theme=light] .pagination .page-link:hover {
  background-color: #40A2D8;
  color: #fff;
}

[data-bs-theme=light] .pagination .page-item.active .page-link {
  background-color: #40A2D8;
  color: #fff;
  border-color: #40A2D8;
}

[data-bs-theme=light] .pagination .page-item.disabled .page-link {
  color: #aaa;
  background-color: transparent;
  border-color: #aaa;
  pointer-events: none;
}

[data-bs-theme=light] .btn-close:focus,
[data-bs-theme=light] .btn-close:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
  outline: 1px transparent;
}


[data-bs-theme=light] .btn-transparent {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-box-shadow: transparent;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: transparent;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem transparent;
  box-shadow: none;
}

[data-bs-theme=light] .btn-outline-primary {
  --bs-btn-color: #40A2D8;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #40A2D8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40A2D8;
  --bs-btn-hover-border-color: #40A2D8;
  --bs-btn-focus-shadow-rgb: 64, 162, 216;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f80ad;
  --bs-btn-active-border-color: #2f80ad;
  --bs-btn-disabled-color: #a3d9f3;
  --bs-btn-disabled-border-color: #a3d9f3;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(0, 99, 180, 0.6);
}



[data-bs-theme=light] .btn-outline-success {
  border-radius: 6px;
  --bs-btn-color: #40d8a2;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #40d8a2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40d8a2;
  --bs-btn-hover-border-color: #40d8a2;
  --bs-btn-focus-shadow-rgb: 79, 216, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2ea62c;
  --bs-btn-active-border-color: #2ea62c;
  --bs-btn-disabled-color: #a0e5a0;
  --bs-btn-disabled-border-color: #a0e5a0;
}

[data-bs-theme=light] .btn-outline-danger {
  border-radius: 6px;
  --bs-btn-color: #ff0000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #ff0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff0000;
  --bs-btn-hover-border-color: #ff0000;
  --bs-btn-focus-shadow-rgb: 196, 4, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8b032f;
  --bs-btn-active-border-color: #8b032f;
  --bs-btn-disabled-color: #e38ca1;
  --bs-btn-disabled-border-color: #e38ca1;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(180, 24, 0, 0.6);
}

[data-bs-theme=light] .btn-outline-warning {
  border-radius: 6px;
  --bs-btn-color: #FFA407;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #FFA407;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FFA407;
  --bs-btn-hover-border-color: #FFA407;
  --bs-btn-focus-shadow-rgb: 240, 164, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a6821b;
  --bs-btn-active-border-color: #a6821b;
  --bs-btn-disabled-color: #f0d05c;
  --bs-btn-disabled-border-color: #f0d05c;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(180, 153, 0, 0.6);
}

[data-bs-theme=light] .btn-outline-info {
  border-radius: 6px;
  --bs-btn-color: #03f0fc;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #03f0fc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #03f0fc;
  --bs-btn-hover-border-color: #03f0fc;
  --bs-btn-focus-shadow-rgb: 3, 240, 252;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02b7d3;
  --bs-btn-active-border-color: #02b7d3;
  --bs-btn-disabled-color: #99d6e6;
  --bs-btn-disabled-border-color: #99d6e6;
}

[data-bs-theme=light] .btn-outline-light {
  border-radius: 6px;
  --bs-btn-color: #eee;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #eee;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eee;
  --bs-btn-hover-border-color: #eee;
  --bs-btn-focus-shadow-rgb: 200, 200, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ccc;
  --bs-btn-active-border-color: #ccc;
  --bs-btn-disabled-color: #d9d9d9;
  --bs-btn-disabled-border-color: #d9d9d9;
}

[data-bs-theme=light] .btn-outline-dark {
  border-radius: 6px;
  --bs-btn-color: #000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-disabled-color: #444;
  --bs-btn-disabled-border-color: #444;
}

[data-bs-theme=light] table {
  box-shadow: 0px 2px 8px rgba(184, 184, 184, 0.1);
}

[data-bs-theme=light] table.dataTable thead tr {
  background-color: #ffffff !important;
  color: #eeeeee !important;
}

[data-bs-theme=light] .dt-info {
  padding-top: 6px !important;
  font-size: 11px !important;
}

[data-bs-theme=light] .dt-processing.card div div {
  background: rgb(64, 162, 216) !important;
}

[data-bs-theme=light] .dt-search .form-control {
  
}

[data-bs-theme=light] .dt-length label {
  display: none !important;
}

[data-bs-theme=light] .dt-search label {
  display: none !important;
}


[data-bs-theme=light] .dropzone {
  min-height: 100px;
  border: 1px solid #dee2e6;
  
  padding: 20px 20px;
}

[data-bs-theme=light] .dropzone:focus {
  border-color: #8AD8FC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(52, 174, 235, 0.6);
}



[data-bs-theme=light] #toast-container div {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  opacity: 1;
  margin: 18px;
  max-width: 800px;
  border-radius: 24px;


  .toast-message {
    margin: 0px;
  }
}


[data-bs-theme=light] .toast {
  --bs-toast-border-color: transparent;
}


[data-bs-theme=light] .toast-info {
  background-color: #43a3d9;
}


[data-bs-theme=light] .toast-error {
  background-color: #ff443b;
}


[data-bs-theme=light] .btn-sm {
  border-radius: 5.5px !important;

}


[data-bs-theme=light] .btn-primary {
  border-radius: 6px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #40A2D8;
  --bs-btn-border-color: #40A2D8;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #3d9dd1;
  --bs-btn-hover-border-color: #2f80ad;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #378fbf;
  --bs-btn-active-border-color: #378fbf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #63c7ff;
  --bs-btn-disabled-border-color: #63c7ff;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(0, 99, 180, 0.6);
}

[data-bs-theme=light] .btn-secondary {
  border-radius: 6px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a3c57;
  --bs-btn-border-color: #0a3c57;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #105c85;
  --bs-btn-hover-border-color: #0d4766;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #105c85;
  --bs-btn-active-border-color: #105c85;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #2c3c45;
  --bs-btn-disabled-border-color: #2c3c45;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(44, 60, 69, 0.6);
}

[data-bs-theme=light] .btn-success {
    border-radius: 6px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #40d8a2;
    --bs-btn-border-color: #40d8a2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #40e8ac;
    --bs-btn-hover-border-color: #26d496;
    --bs-btn-focus-shadow-rgb: 79, 216, 64;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3ac694;
    --bs-btn-active-border-color: #3ac694;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e6ffe6;
    --bs-btn-disabled-bg: #a0e5a0;
    --bs-btn-disabled-border-color: #a0e5a0;
}

[data-bs-theme=light] .btn-danger {
  border-radius: 6px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff0000;
  --bs-btn-border-color: #ff0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e01414;
  --bs-btn-hover-border-color: #e01414;
  --bs-btn-focus-shadow-rgb: 196, 4, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f00a0a;
  --bs-btn-active-border-color: #f00a0a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e38ca1;
  --bs-btn-disabled-border-color: #e38ca1;
}

[data-bs-theme=light] .btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FFA407;
  --bs-btn-border-color: #FFA407;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c69415;
  --bs-btn-hover-border-color: #c69415;
  --bs-btn-focus-shadow-rgb: 240, 164, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a6821b;
  --bs-btn-active-border-color: #a6821b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: #f0d05c;
  --bs-btn-disabled-border-color: #f0d05c;
  border-radius: 6px;
}

[data-bs-theme=light] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #03f0fc;
  --bs-btn-border-color: #03f0fc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #02d3e6;
  --bs-btn-hover-border-color: #02d3e6;
  --bs-btn-focus-shadow-rgb: 3, 240, 252;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02b7d3;
  --bs-btn-active-border-color: #02b7d3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: #99d6e6;
  --bs-btn-disabled-border-color: #99d6e6;
  border-radius: 6px;
}

[data-bs-theme=light] .btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #eee;
  --bs-btn-border-color: #eee;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ddd;
  --bs-btn-hover-border-color: #ddd;
  --bs-btn-focus-shadow-rgb: 200, 200, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ccc;
  --bs-btn-active-border-color: #ccc;
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: #d9d9d9;
  --bs-btn-disabled-border-color: #d9d9d9;
  border-radius: 6px;
}

[data-bs-theme=light] .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000;
  --bs-btn-border-color: #000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a1a1a;
  --bs-btn-hover-border-color: #1a1a1a;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ddd;
  --bs-btn-disabled-border-color: #ddd;
  border-radius: 6px;
}

[data-bs-theme=light] .form-select-sm {
  
}

[data-bs-theme=light] .form-select:disabled {
  background-color: #f6f6f6;
}

[data-bs-theme=light] .form-label {
  font-size: 13px;
  margin-bottom: 4px;
  color: var(--form-label-light-color);
}

[data-bs-theme=light] .form-select:focus {
  border-color: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
  
}


[data-bs-theme=light] .form-range {
  background-color: #eee;

}


[data-bs-theme=light] .form-check-input:checked {
  background-color: #40A2D8 !important;

}

[data-bs-theme=light] .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem rgba(180, 24, 0, 0.6) !important;
}

[data-bs-theme=light] .form-control:focus {
  border-color: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
  
}

[data-bs-theme=light] .form-control:disabled {
  background-color: #f6f6f6;
  box-shadow: none;

}

[data-bs-theme=light] .form-control:read-only {
  background-color: #f6f6f6;
  box-shadow: none !important;
  border: none;
  outline: none;

}


[data-bs-theme=light] .form-control.flatpickr-input:read-only {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none;
  outline: none;

}




[data-bs-theme=light] .form-floating input {
  background-color: #fff;
  color: #333;
  
  padding-left: 13.6px !important;
  padding-right: 13.6px !important;
}

[data-bs-theme=light] .form-floating .form-select {
  background-color: #fff;
  color: #333;
  
  padding-left: 13.6px !important;
  padding-right: 13.6px !important;
}

[data-bs-theme=light] .form-floating:before label {
  background-color: #fff;
}

[data-bs-theme=light] input:not(.form-check-input) {
  background-color: #fff;
  color: #333;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

[data-bs-theme=light] table {
  border-collapse: collapse !important;
}

[data-bs-theme=light] .dt-container th .dt-column-title input:not(.form-check-input) {
  background-color: #fff;
  color: #4a4a4a;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #b1b1b1;
}

[data-bs-theme=light] .dt-column-title {
  font-size: 12px;
}

[data-bs-theme=light] .dt-container th .dt-column-title input:focus-visible {
  background-color: #fff;
  color: #495057;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #8ad8ff;
  outline: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
}

[data-bs-theme=light] .dt-container th .dt-column-title input::placeholder {
  color: #b1b1b1;
  font-size: 11px;
}

[data-bs-theme=light] .dtfh-floatingparent .filters th input {
  background-color: #fff;
  color: #4a4a4a;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #b1b1b1;
}

[data-bs-theme=light] .dtfh-floatingparent .filters th input:focus-visible {
  background-color: #fff;
  color: #495057;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #8ad8ff;
  outline: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
}

[data-bs-theme=light] .dtfh-floatingparent .filters th input::placeholder {
  color: #b1b1b1;
  font-size: 11px;
}

[data-bs-theme=light] .dtfh-floatingparent .table {
  background-color: #fff !important;
}

[data-bs-theme=light] .dt-container tr input:not(.form-control) {
  background-color: #fff;
  color: #4a4a4a;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #b1b1b1;
}

[data-bs-theme=light] .dt-container tr input:not(.form-control):focus-visible {
  background-color: #fff;
  color: #495057;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #8ad8ff;
  outline: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
}

[data-bs-theme=light] .dt-container tr input::placeholder {
  color: #b1b1b1;
  font-size: 11px;
}

[data-bs-theme=light] .dt-container label:not(.form-label) {
  font-size: 12px;
}

[data-bs-theme=light] td {
  font-size: 12px !important;
  background-color: #fafafa;
}

[data-bs-theme=light] tr.group {
  background-color: #eef7ff !important;
}

[data-bs-theme=light] .table.dataTable thead tr.filters {
  background-color: #eef7ff !important;
}

[data-bs-theme=light] .tooltip-dashboard-skp {
  z-index: 9999 !important;
}

[data-bs-theme=light] .tooltip {
  z-index: 999;
}


[data-bs-theme=light] .tooltip-arrow {
  display: none !important;
}

[data-bs-theme=light] .tooltip-inner {
  max-width: 250px;
  padding: 8px 14px;
  color: #f5f5f5;
  background-color: #0c426e;
  
  border-radius: 0.55rem;
  font-family: "Oak Sans", sans-serif;
  font-size: 12px;
}


[data-bs-theme=light] .form-control::file-selector-button {
  background-color: #ededed !important;
  min-height: 38px;
  color: #092d4a;
  pointer-events: none;
  border-style: solid;
  border-width: 0px !important;
}

[data-bs-theme=light] .input-group-sm .form-control {
    border-radius:  5.5px 0px 0px 5.5px !important;
}

[data-bs-theme=light] .input-group-lg .form-control {
    border-radius:  6.5px 0px 0px 6.5px !important;
}









[data-bs-theme=light] .form-control::file-selector-button:hover {
  background-color: #3d9dd1 !important;
  
}

[data-bs-theme=light] .form-control:focus {
  border-color: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(52, 174, 235, 0.6);
}

[data-bs-theme=light] .was-validated .form-control:invalid,
[data-bs-theme=light] .form-control.is-valid {
  border-color: #ff0000;
  background-color: rgba(230, 115, 115, 0.1);
}

[data-bs-theme=light] .was-validated .form-control:valid,
[data-bs-theme=light] .form-control.is-valid {
  border-color: #40d8a2;
  background-color: rgba(26, 255, 0, 0.1);
}

[data-bs-theme=light] .input-group-text {
  color: #8d8d8d;
  background-color: #f4f4f4;
  -webkit-text-stroke: 0.1px;
}

[data-bs-theme=light] .progress {
  background-color: #f5f5f5;
}



[data-bs-theme=light] .input-group .form-control {
}

[data-bs-theme=dark] .input-group .btn {
  height: 100%;
  
}

[data-bs-theme=light] table.dataTable tbody tr.child:hover {
  background-color: #eee;
}

[data-bs-theme=light] .table-striped>tbody>tr:nth-child(even)>td,
[data-bs-theme=light] .table-striped>tbody>tr:nth-child(even)>th {
  background-color: #f5faff !important;
}

[data-bs-theme=light] table {
  --bs-table-striped-bg: #fff !important;
}

/* [data-bs-theme=light] table thead tr {
  background-color: #006cb8 !important;
  color: #eeeeee !important;

} */

[data-bs-theme=light] .pvtTable thead tr {
  color: #4a4a4a !important;
}

[data-bs-theme=light] .pvtTable th {
  background-color: #008df2 !important;
  color: #eeeeee !important;
}

[data-bs-theme=light] .pvtTable {
  /* width: 100%; */
}

[data-bs-theme=light] :root {
  --dt-row-stripe: transparent !important;
}

[data-bs-theme=light] .dropdown-menu {
  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-color: #1d1d1d;
  --bs-dropdown-border-color: #eee;
  --bs-dropdown-link-active-bg: #40A2D8;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-hover-color: #fff;
}

[data-bs-theme=light] .dropdown-menu .red {
  background-color: white;
  --bs-dropdown-link-hover-bg: red;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=light] .dropdown-menu .blue {
  background-color: none;
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=light] .dropdown-menu .transparent {
  background-color: white;
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-bg: none;
  --bs-dropdown-link-hover-color: auto;
}

[data-bs-theme=light] .dropdown-menu .dropdown-item {
  color: var(--bs-dropdown-color);
  background-color: transparent;
  border: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

[data-bs-theme=light] .dropdown-menu .dropdown-item:hover,
[data-bs-theme=light] .dropdown-menu .dropdown-item:focus {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color);
}

[data-bs-theme=light] .dropdown-menu .dropdown-item.active {
  background-color: var(--bs-dropdown-link-active-bg);
  color: var(--bs-dropdown-link-active-color);
}

[data-bs-theme=light] .callout {
  padding: 6px;
  margin: 6px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

[data-bs-theme=light] .callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

[data-bs-theme=light] .callout p:last-child {
  margin-bottom: 0;
}

[data-bs-theme=light] .callout code {
  border-radius: 3px;
}

[data-bs-theme=light] .callout+.bs-callout {
  margin-top: -5px;
}

[data-bs-theme=light] .callout-primary {
  border-left-color: #428bca;
}

[data-bs-theme=light] .callout-success {
  border-left-color: #5cb85c;
}

[data-bs-theme=light] .callout-danger {
  border-left-color: #ff0000;
}

[data-bs-theme=light] .callout-default {
  border-left-color: #777;
}

[data-bs-theme=light] .my-10 {
  margin-top: calc(10% + 8px) !important;
  margin-bottom: calc(10% + 8px) !important;
}

[data-bs-theme=light] .py-10 {
  padding-top: calc(8% + 14px) !important;
  padding-bottom: calc(8% + 14px) !important;
}

[data-bs-theme=light] .accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0rem #fff !important;
}

[data-bs-theme=light] .swal2-actions {
  gap: 2px;
}

[data-bs-theme=light] .swal2-textarea {
  margin: 0px 18px;
}


[data-bs-theme=light] .custom-table-plan-detail td {
  background-color: white !important;
  padding: 4px 0px;
}


[data-bs-theme=light] .ck-focused {
  border: 1px solid #8ad8ff !important;
  box-shadow: none !important;
}


@media (min-width: 576px) {
  [data-bs-theme=light] .w-sm-100 {
    width: 100% !important;
  }

  [data-bs-theme=light] .w-sm-75 {
    width: 75% !important;
  }

  [data-bs-theme=light] .w-sm-50 {
    width: 50% !important;
  }

  [data-bs-theme=light] .w-sm-25 {
    width: 25% !important;
  }

  [data-bs-theme=light] .h-sm-100 {
    height: 100% !important;
  }

  [data-bs-theme=light] .h-sm-75 {
    height: 75% !important;
  }

  [data-bs-theme=light] .h-sm-50 {
    height: 50% !important;
  }

  [data-bs-theme=light] .h-sm-25 {
    height: 25% !important;
  }
}

@media (min-width: 768px) {
  [data-bs-theme=light] .w-md-100 {
    width: 100% !important;
  }

  [data-bs-theme=light] .w-md-75 {
    width: 75% !important;
  }

  [data-bs-theme=light] .w-md-50 {
    width: 50% !important;
  }

  [data-bs-theme=light] .w-md-25 {
    width: 25% !important;
  }

  [data-bs-theme=light] .h-md-100 {
    height: 100% !important;
  }

  [data-bs-theme=light] .h-md-75 {
    height: 75% !important;
  }

  [data-bs-theme=light] .h-md-50 {
    height: 50% !important;
  }

  [data-bs-theme=light] .h-md-25 {
    height: 25% !important;
  }
}

@media (min-width: 992px) {
  [data-bs-theme=light] .w-lg-100 {
    width: 100% !important;
  }

  [data-bs-theme=light] .w-lg-75 {
    width: 75% !important;
  }

  [data-bs-theme=light] .w-lg-50 {
    width: 50% !important;
  }

  [data-bs-theme=light] .w-lg-25 {
    width: 25% !important;
  }

  [data-bs-theme=light] .h-lg-100 {
    height: 100% !important;
  }

  [data-bs-theme=light] .h-lg-75 {
    height: 75% !important;
  }

  [data-bs-theme=light] .h-lg-50 {
    height: 50% !important;
  }

  [data-bs-theme=light] .h-lg-25 {
    height: 25% !important;
  }
}

@media (min-width: 1200px) {
  [data-bs-theme=light] .w-xl-100 {
    width: 100% !important;
  }

  [data-bs-theme=light] .w-xl-75 {
    width: 75% !important;
  }

  [data-bs-theme=light] .w-xl-50 {
    width: 50% !important;
  }

  [data-bs-theme=light] .w-xl-25 {
    width: 25% !important;
  }

  [data-bs-theme=light] .h-xl-100 {
    height: 100% !important;
  }

  [data-bs-theme=light] .h-xl-75 {
    height: 75% !important;
  }

  [data-bs-theme=light] .h-xl-50 {
    height: 50% !important;
  }

  [data-bs-theme=light] .h-xl-25 {
    height: 25% !important;
  }
}

[data-bs-theme=light] .hide-scroll::-webkit-scrollbar {
  display: none !important;
}

[data-bs-theme=light] .hide-scroll::-webkit-scrollbar:horizontal {
  display: none !important;
}

[data-bs-theme=light] .ui-datepicker {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.45rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1rem;
  padding: 10px;
}

[data-bs-theme=light] .ui-datepicker-prev,
[data-bs-theme=light] .ui-datepicker-next {
  cursor: pointer;
  color: #ffffff;
}

[data-bs-theme=light] .ui-datepicker-prev:hover,
[data-bs-theme=light] .ui-datepicker-next:hover {
  color: #e9ecef;
}

[data-bs-theme=light] .ui-datepicker-current-day .ui-state-active {
  background: #40A2D8 !important;
  color: #ffffff !important;
}

[data-bs-theme=light] .ui-state-default.ui-state-hover {
  background: #e9ecef !important;
}

[data-bs-theme=light] .ui-datepicker-calendar td {
  padding: 5px;
}

[data-bs-theme=light] .ui-datepicker-unselectable .ui-state-disabled {
  color: #6c757d !important;
  background: none !important;
  opacity: 0.65;
}

[data-bs-theme=light] .ui-state-default {
  border: 0px solid #ffffff !important;
  background: #ffffff !important;
  font-weight: normal;
  color: #454545;
}

[data-bs-theme=light] .ui-datepicker-today .ui-state-highlight {
  color: #777620 !important;
  background: #fffb29 !important;
}

[data-bs-theme=light] .ui-datepicker .ui-datepicker-header {
  background-color: #fff;
  border: none;
}

[data-bs-theme=light] .h1,
[data-bs-theme=light] .h2,
[data-bs-theme=light] .h3,
[data-bs-theme=light] .h4,
[data-bs-theme=light] .h5,
[data-bs-theme=light] .h6 {
  margin-bottom: 8px !important;
}

[data-bs-theme=light] .ellipsis {
  text-overflow: ellipsis;
  /* enables ellipsis */
  white-space: nowrap;
  /* keeps the text in a single line */
  overflow: hidden;
  /* keeps the element from overflowing its parent */
}

[data-bs-theme=light] .paperCol {
  background-color: #fffbeb;
}

[data-bs-theme=light] .btn-transparent.fromLeft:after {
  display: block;
  content: "";
  border-bottom: solid 3px #40A2D8 !important;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

[data-bs-theme=light] .btn-transparent:hover:after {
  transform: scaleX(1);
}

[data-bs-theme=light] .btn-transparent.fromLeft:after {
  transform-origin: 0% 50%;
}

[data-bs-theme=light] .btn-transparent.fromLeft2:after {
  display: block;
  content: "";
  border-bottom: solid 3px #fff !important;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

[data-bs-theme=light] .btn-transparent:hover:after {
  transform: scaleX(1);
}

[data-bs-theme=light] .btn-transparent.fromLeft2:after {
  transform-origin: 0% 50%;
}

[data-bs-theme=light] .card {
  border: 1px #e8e8e8 solid;
}

[data-bs-theme=light] .card .img {
  border-radius: 14px;
}

[data-bs-theme=light] .fc-day-today {
  background-color: #ffe69981 !important;
  color: #000;
  border-radius: 6px;
}

[data-bs-theme=light] .fc td {
  background-color: transparent;
}

[data-bs-theme="light"] .flatpickr-calendar {
  background: #fff !important;
  border: 1px solid #ddd !important;
}

[data-bs-theme="light"] .flatpickr-months,
[data-bs-theme="light"] .flatpickr-weekdays {
  background: #f8f9fa !important;
  color: #333 !important;
}

[data-bs-theme="light"] .flatpickr-weekdays {
  margin-bottom: 8px;
}


[data-bs-theme="light"] .flatpickr-day.prevMonthDay,
[data-bs-theme="light"] .flatpickr-day.nextMonthDay {
  color: #aaa !important;
}

[data-bs-theme="light"] .flatpickr-day {
  background: #fff !important;
  color: #000 !important;

  .flatpickr-disabled {
    color: #aaa !important;
  }
}

[data-bs-theme="light"] .flatpickr-day.flatpickr-disabled {
    color: #aaa !important;
}

[data-bs-theme="light"] .flatpickr-day.today {
  background-color: #ffd900 !important;
  color: #fff !important;
  border: 1px solid #ffdd00 !important;
}

[data-bs-theme="light"] .flatpickr-day.selected {
  background: #40A2D8 !important;
  color: #fff !important;
}

[data-bs-theme="light"] .flatpickr-time {
  background: #fff !important;
  color: #333 !important;
}

[data-bs-theme="light"] .flatpickr-time input {
  background: #f8f9fa !important;
  color: #000 !important;
  border: 1px solid #ccc !important;
}



[data-bs-theme=dark] {
  --background-gradient: var(--dark-gradient);
  --navbar-background: var(--navbar-dark-gradient);
  --hover-global: var(--hover-bg-dark);
  --training-card-bg: var(--training-dark);
  --trainingAdmin-card-bg: var(--training2-dark);
  --guide-card-bg: var(--read-guide-dark);
  --background-image: var(--background-image-dark);
  --bs-body-color: #f1f1f1;
  /* Dark gray text color */
  --bs-body-color-rgb: 51, 51, 51;
  --bs-body-bg: #171717;
  /* Light gray background */
  --bs-secondary-bg: #fafdff;
  /* Light gray background */
  --bs-body-bg-rgb: 248, 249, 250;
  --bs-tertiary-bg: #6c757d;
  /* Gray for tertiary elements */
  --fc-today-bg-color: rgba(185, 229, 255, 0.4) !important;
  --guide-login-bg: var(--login-dark);

}

[data-bs-theme=dark] .logo {
  background-image: var(--tatalogam-dark);
  max-width: 100%;
  height: 56px;
}

[data-bs-theme=dark] p {
  color: #f1f1f1;
  margin: 0px;
}

[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
  color: #e1e1e1;
}

[data-bs-theme=dark] ::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

[data-bs-theme=dark] ::-webkit-scrollbar:horizontal {
  height: 4px;
  -webkit-box-shadow: transparent;
  background-color: transparent;
}

[data-bs-theme=dark] ::-webkit-scrollbar-track {
  border-radius: 10px;
}

[data-bs-theme=dark] ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
}

[data-bs-theme=dark] .dropdown-menu {
  --bs-dropdown-bg: #242424;
  --bs-dropdown-color: #d3d3d3;
  --bs-dropdown-border-color: #303030;
  --bs-dropdown-link-active-bg: #40A2D8;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-hover-color: #fff;
}

[data-bs-theme=dark] .dropdown-menu .red {
  background-color: none;
  --bs-dropdown-link-hover-bg: red;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=dark] .dropdown-menu .blue {
  background-color: none;
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-active-bg: none;
}

[data-bs-theme=dark] .dropdown-menu .transparent {
  background-color: none;
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-bg: none;
  --bs-dropdown-link-hover-color: auto;
}

[data-bs-theme=dark] .dropdown-menu .light {
  background-color: none;
  --bs-dropdown-link-hover-bg: #eee;
  --bs-dropdown-link-active-bg: #40A2D8;
  --bs-dropdown-link-hover-color: auto;
  --bs-dropdown-link-hover-bg: #40A2D8;
  --bs-dropdown-link-hover-color: #fff;
}

[data-bs-theme=dark] .offcanvas-custom .fs7 {
  padding: 4px 0px;
  text-decoration: none !important;
  color: #f1f1f1;
}

[data-bs-theme=dark] .offcanvas-custom .fs7:hover {
  padding: 4px 8px;
  background-color: #40A2D8;
  color: white;
  border-radius: 6px;
}

[data-bs-theme=dark] .dropdown-item.me-4 {
  padding: 4px 0px;
  color: #f1f1f1 !important;
}

[data-bs-theme=dark] .dropdown-item.me-4:hover i {
  display: inline !important;
  color: #40A2D8;
  margin-left: 4px;
}

[data-bs-theme=dark] input[type=checkbox]:checked {
  box-shadow: none;
  background-color: #40A2D8 !important;
  /* White background */
  border: #40A2D8;
  /* White gray border */
  color: #40A2D8 !important;
  /* Light gray text color */
  padding: 6px 10px;
  /* Adjust padding as needed */
  box-shadow: none;
  padding-right: 1px;
}

[data-bs-theme=dark] input[type=checkbox]:focus {
  box-shadow: none !important;
}

[data-bs-theme=dark] .form-check-label {
  font-size: 12px !important;
}


[data-bs-theme=dark] .form-text {
  margin-top: 3.5px;
}

[data-bs-theme=dark] .fw-superblack {
  font-weight: 800;
}

[data-bs-theme=dark] .fw-black {
  font-weight: 800;
}

[data-bs-theme=dark] .h1 {
  font-size: calc(1.45rem + 1.2vw);
}

[data-bs-theme=dark] .fs7 {
  font-size: 11.5px !important;
}

[data-bs-theme=dark] .fs8 {
  font-size: 10.5px !important;
}

[data-bs-theme=dark] .card {
  /* border: 1px #323232 solid !important; */
}

[data-bs-theme=dark] .card .img {
  border-radius: 14px;
}

[data-bs-theme=dark] .text-danger {
  color: #ff0000 !important;
}

[data-bs-theme=dark] .text-danger {
  color: #ff0000 !important;
}

[data-bs-theme=dark] .text-success {
  color: #40d8a2 !important;
}

[data-bs-theme=dark] .text-primary {
  color: #40A2D8 !important;
}

[data-bs-theme=dark] .text-secondary {
  color: #0a3c57 !important
}

[data-bs-theme=dark] .text-warning {
  color: #FFA407 !important;
}

[data-bs-theme=dark] .text-warning-subtle {
  color: #edff00 !important;
}

[data-bs-theme=dark] .text-dark-blue {
  color: #001744;
}

[data-bs-theme=dark] .bg-success {
  background-color: #40d8a2 !important;
}

[data-bs-theme=dark] .bg-light {
  background-color: var(--light-dark) !important;
}

[data-bs-theme=dark] .bg-primary {
  background-color: #40A2D8 !important;
}

[data-bs-theme=dark] .border-primary {
    border-color: #40A2D8 !important;
}

[data-bs-theme=dark] .bg-dark-primary {
  background-color: #004278 !important;
}

[data-bs-theme=dark] .bg-warning {
  background-color: #FFA407 !important;
}

[data-bs-theme=dark] .sidebar-header .collapsed .collapse {
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=dark] .sidebar-header .collapsed .collapsing {
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=dark] .sidebar-header .collapse {
  margin-top: 6px;
  padding-left: 6px;
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=dark] .sidebar-header .collapsing {
  margin-top: 6px;
  padding-left: 6px;
  border-left: 2px solid rgba(34, 34, 34, 0.1411764706);
}

[data-bs-theme=dark] .has-arrow.collapsed::after {
  font-family: "bootstrap-icons";
  content: "\f234";
  font-size: 10px;
  margin-left: 6px;
  margin-bottom: 1px;
}

[data-bs-theme=dark] .has-arrow[aria-expanded=true]::after {
  font-family: "bootstrap-icons";
  content: "\f229";
  font-size: 10px;
  margin-left: 6px;
  margin-bottom: 1px;
}

[data-bs-theme=dark] .feather {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

[data-bs-theme=dark] .badge.text-bg-primary {
  background-color: #40A2D8 !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.text-bg-danger {
  background-color: #ff0000 !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.bg-primary {
  background-color: #40A2D8 !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.bg-danger {
  background-color: #ff0000 !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.bg-success {
  background-color: #40d8a2 !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.bg-warning {
  background-color: #FFA407 !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.bg-info {
  background-color: #03f0fc !important;
  color: #fff;
}

[data-bs-theme=dark] .badge.bg-light {
    background-color: #4e4e4e !important;
    color: #e6e6e6;
}

[data-bs-theme=dark] .badge.bg-dark {
  background-color: #000 !important;
  color: #fff;
}

[data-bs-theme=dark] .alert-primary {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #40a2d8;
    --bs-alert-border-color: #40a2d8;
    --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

[data-bs-theme=dark] .alert-success {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: #40d8a2;
    --bs-alert-border-color: #62e0a7;
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

[data-bs-theme=dark] .pagination .page-link {
  color: #40A2D8;
  border: 1px solid #40A2D8;
  font-size: 12px;
}

[data-bs-theme=dark] .pagination .page-link:focus {
  box-shadow: none;
}

[data-bs-theme=dark] .pagination .page-link:hover {
  background-color: #40A2D8;
  color: #fff;
}

[data-bs-theme=dark] .pagination .page-item.active .page-link {
  background-color: #40A2D8;
  color: #fff;
  border-color: #40A2D8;
}

[data-bs-theme=dark] .pagination .page-item.disabled .page-link {
  color: #aaa;
  background-color: transparent;
  border-color: #aaa;
  pointer-events: none;
}

[data-bs-theme=dark] .btn-close:focus,
[data-bs-theme=dark] .btn-close:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
  outline: 1px transparent;
}

[data-bs-theme=dark] .btn-transparent {
  --bs-btn-color: #f1f1f1;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #f1f1f1;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-box-shadow: transparent;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: transparent;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem transparent;
  box-shadow: none;
}

[data-bs-theme=dark] .btn-outline-primary {
  --bs-btn-color: #40A2D8;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #40A2D8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40A2D8;
  --bs-btn-hover-border-color: #40A2D8;
  --bs-btn-focus-shadow-rgb: 64, 162, 216;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f80ad;
  --bs-btn-active-border-color: #2f80ad;
  --bs-btn-disabled-color: #a3d9f3;
  --bs-btn-disabled-border-color: #a3d9f3;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(0, 99, 180, 0.6);
}



[data-bs-theme=dark] .btn-outline-success {
  border-radius: 6px;
  --bs-btn-color: #40d8a2;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #40d8a2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #40d8a2;
  --bs-btn-hover-border-color: #40d8a2;
  --bs-btn-focus-shadow-rgb: 79, 216, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2ea62c;
  --bs-btn-active-border-color: #2ea62c;
  --bs-btn-disabled-color: #a0e5a0;
  --bs-btn-disabled-border-color: #a0e5a0;
}

[data-bs-theme=dark] .btn-outline-danger {
  border-radius: 6px;
  --bs-btn-color: #ff0000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #ff0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff0000;
  --bs-btn-hover-border-color: #ff0000;
  --bs-btn-focus-shadow-rgb: 196, 4, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8b032f;
  --bs-btn-active-border-color: #8b032f;
  --bs-btn-disabled-color: #e38ca1;
  --bs-btn-disabled-border-color: #e38ca1;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(180, 24, 0, 0.6);
}

[data-bs-theme=dark] .btn-outline-warning {
  border-radius: 6px;
  --bs-btn-color: #FFA407;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #FFA407;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FFA407;
  --bs-btn-hover-border-color: #FFA407;
  --bs-btn-focus-shadow-rgb: 240, 164, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a6821b;
  --bs-btn-active-border-color: #a6821b;
  --bs-btn-disabled-color: #f0d05c;
  --bs-btn-disabled-border-color: #f0d05c;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(180, 153, 0, 0.6);
}

[data-bs-theme=dark] .btn-outline-info {
  border-radius: 6px;
  --bs-btn-color: #03f0fc;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #03f0fc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #03f0fc;
  --bs-btn-hover-border-color: #03f0fc;
  --bs-btn-focus-shadow-rgb: 3, 240, 252;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02b7d3;
  --bs-btn-active-border-color: #02b7d3;
  --bs-btn-disabled-color: #99d6e6;
  --bs-btn-disabled-border-color: #99d6e6;
}

[data-bs-theme=dark] .btn-outline-light {
  border-radius: 6px;
  --bs-btn-color: #eee;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #4d4d4d;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eee;
  --bs-btn-hover-border-color: #4d4d4d;
  --bs-btn-focus-shadow-rgb: 200, 200, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ccc;
  --bs-btn-active-border-color: #787878;
  --bs-btn-disabled-color: #d9d9d9;
  --bs-btn-disabled-border-color: #363636;
}

[data-bs-theme=dark] .btn-outline-dark {
  border-radius: 6px;
  --bs-btn-color: #000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-disabled-color: #444;
  --bs-btn-disabled-border-color: #444;
}

[data-bs-theme=dark] table {
  box-shadow: 0px 2px 8px rgba(184, 184, 184, 0.1);
}

[data-bs-theme=dark] table.dataTable thead tr {
  background-color: transparent !important;
  color: #eeeeee !important;
  font-size: 12px !important;

}

[data-bs-theme=dark] .dt-info {
  padding-top: 6px !important;
  font-size: 11px !important;
}

[data-bs-theme=dark] .dt-processing.card div div {
  background: rgb(64, 162, 216) !important;
}

[data-bs-theme=dark] .dt-search .form-control {
  
}


[data-bs-theme=dark] #toast-container div {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  opacity: 1;
  margin: 18px;
  max-width: 800px;
  border-radius: 24px;


  .toast-message {
    margin: 0px;
  }
}


[data-bs-theme=dark] .toast {
  --bs-toast-border-color: transparent;
}


[data-bs-theme=dark] .toast-info {
  background-color: #004e70;
}

[data-bs-theme=dark] .toast-error {
  background-color: #ff443b;
}





[data-bs-theme=dark] .dt-length label {
  display: none !important;
}

[data-bs-theme=dark] .dt-search label {
  display: none !important;
}


[data-bs-theme=dark] .dropzone {
  min-height: 100px;
  border: 1px solid #495057;
  
  padding: 20px 20px;
}

[data-bs-theme=dark] .dropzone:focus {
  border-color: #8AD8FC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(52, 174, 235, 0.6);
}

[data-bs-theme=dark] .btn-sm {
  border-radius: 5.5px !important;

}



[data-bs-theme=dark] .btn-primary {
  border-radius: 6px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #40A2D8;
  --bs-btn-border-color: #40A2D8;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #3d9dd1;
  --bs-btn-hover-border-color: #2f80ad;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #378fbf;
  --bs-btn-active-border-color: #378fbf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #63c7ff;
  --bs-btn-disabled-border-color: #63c7ff;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(0, 99, 180, 0.6);
}

[data-bs-theme=dark] .btn-secondary {
  border-radius: 6px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a3c57;
  --bs-btn-border-color: #0a3c57;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #105c85;
  --bs-btn-hover-border-color: #0d4766;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #105c85;
  --bs-btn-active-border-color: #105c85;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #eee;
  --bs-btn-disabled-bg: #2c3c45;
  --bs-btn-disabled-border-color: #2c3c45;
  --bs-btn-focus-box-shadow: 0 0 0 0.1rem rgba(44, 60, 69, 0.6);
}

[data-bs-theme=dark] .btn-success {
    border-radius: 6px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #40d8a2;
    --bs-btn-border-color: #40d8a2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #40e8ac;
    --bs-btn-hover-border-color: #26d496;
    --bs-btn-focus-shadow-rgb: 79, 216, 64;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3ac694;
    --bs-btn-active-border-color: #3ac694;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e6ffe6;
    --bs-btn-disabled-bg: #a0e5a0;
    --bs-btn-disabled-border-color: #a0e5a0;
}

[data-bs-theme=dark] .btn-danger {
  border-radius: 6px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff0000;
  --bs-btn-border-color: #ff0000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e01414;
  --bs-btn-hover-border-color: #e01414;
  --bs-btn-focus-shadow-rgb: 196, 4, 68;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f00a0a;
  --bs-btn-active-border-color: #f00a0a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e38ca1;
  --bs-btn-disabled-border-color: #e38ca1;
}

[data-bs-theme=dark] .btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FFA407;
  --bs-btn-border-color: #FFA407;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c69415;
  --bs-btn-hover-border-color: #c69415;
  --bs-btn-focus-shadow-rgb: 240, 164, 33;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a6821b;
  --bs-btn-active-border-color: #a6821b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: #f0d05c;
  --bs-btn-disabled-border-color: #f0d05c;
  border-radius: 6px;
}

[data-bs-theme=dark] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #03f0fc;
  --bs-btn-border-color: #03f0fc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #02d3e6;
  --bs-btn-hover-border-color: #02d3e6;
  --bs-btn-focus-shadow-rgb: 3, 240, 252;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02b7d3;
  --bs-btn-active-border-color: #02b7d3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: #99d6e6;
  --bs-btn-disabled-border-color: #99d6e6;
  border-radius: 6px;
}

[data-bs-theme=dark] .btn-light {
  --bs-btn-color: #eee;
  --bs-btn-bg: #2b2b2b;
  --bs-btn-border-color: #2b2b2b;
  --bs-btn-hover-color: #eee;
  --bs-btn-hover-bg: #4a4a4a;
  --bs-btn-hover-border-color: #4a4a4a;
  --bs-btn-focus-shadow-rgb: 200, 200, 200;
  --bs-btn-active-color: #eee;
  --bs-btn-active-bg: #080808;
  --bs-btn-active-border-color: #080808;
  --bs-btn-disabled-color: #f0f0f0;
  --bs-btn-disabled-bg: #1a1a1a;
  --bs-btn-disabled-border-color: #1a1a1a;
  border-radius: 6px;

}

[data-bs-theme=dark] .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000;
  --bs-btn-border-color: #000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a1a1a;
  --bs-btn-hover-border-color: #1a1a1a;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ddd;
  --bs-btn-disabled-border-color: #ddd;
  border-radius: 6px;
}


[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  font-size: 1rem;
  color: #e4e4e4;
  cursor: auto;
}

[data-bs-theme=dark] .form-select-sm {
  
}

[data-bs-theme=dark] .form-label {
  font-size: 13px;
  margin-bottom: 4px;
  color: var(--form-label-color);
}

[data-bs-theme=dark] .form-select:focus {
  border-color: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
  
}

[data-bs-theme=dark] .form-select:disabled {
  box-shadow: none;
  
  background-color: #232323;
}

[data-bs-theme=dark] .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem rgba(180, 24, 0, 0.6) !important;
}

[data-bs-theme=dark] .form-control:focus {
  border-color: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
  
}

[data-bs-theme=dark] .form-control:disabled {
  background-color: #232323;
  box-shadow: none;

}

[data-bs-theme=dark] .form-control:read-only {
  background-color: #232323 !important;
  box-shadow: none !important;
  border: none;
  outline: none;

}

[data-bs-theme=dark] .form-control.flatpickr-input:read-only {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none;
  outline: none;

}



[data-bs-theme=dark] .form-floating input {
  background-color: #fff;
  color: #333;
  
  padding-left: 13.6px !important;
  padding-right: 13.6px !important;
}

[data-bs-theme=dark] .form-floating .form-select {
  background-color: #3a3a3a;
  color: #f1f1f1;
  
  padding-left: 13.6px !important;
  padding-right: 13.6px !important;
}

[data-bs-theme=dark] .form-floating:before label {
  background-color: #fff;
}

[data-bs-theme=dark] input:not(.form-check-input) {
  background-color: rgb(23, 23, 23);
  color: #f1f1f1;
  
  padding-left: 10px !important;
  padding-right: 10px !important;
}

[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection {
  background-color: rgb(23, 23, 23) !important;
  color: #f1f1f1;
  
  padding-left: 10px !important;
  padding-right: 10px !important;
  border: var(--bs-border-width) solid var(--bs-border-color)
}

[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown {
  background-color: rgb(23, 23, 23) !important;
}

[data-bs-theme=dark] .select2-results__option--highlighted {
  background-color: #4a4a4a !important;
  color: #f5f5f5;
}

[data-bs-theme=dark] .select2-results__option--selected{
  background-color: #40A2D8 !important;

}

[data-bs-theme=dark] .select2-selection__rendered span {
  color: #f1f1f1 !important;

}

[data-bs-theme=dark] .select2-results__option--selectable {
  color: #f1f1f1 !important;

}

[data-bs-theme=dark] input:read-only,
input:disabled {
  background-color: #232323;
  box-shadow: none;

}

[data-bs-theme=light] input:read-only:not([type="range"]),
[data-bs-theme=light] input:disabled:not([type="range"]) {
  /* background-color: var(--bs-body-bg); */
  box-shadow: none;
}

[data-bs-theme=dark] input:read-only:not([type="range"]),
[data-bs-theme=dark] input:disabled:not([type="range"]) {
  /* background-color: var(--bs-body-bg); */
  box-shadow: none;
}




/* Bootstrap input[type=range] custom styles for light theme */
[data-bs-theme=light] input[type="range"] {
  width: 100%;
  height: 2px;
  background: #eee;
  border-radius: 2px;
  outline: none;
  -webkit-appearance: none;
  margin: 8px 0;
}

[data-bs-theme=light] input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #40A2D8;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(64, 162, 216, 0.15);
  transition: background 0.3s;
}

[data-bs-theme=light] input[type="range"]:focus::-webkit-slider-thumb {
  background: #2f80ad;
}

[data-bs-theme=light] input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #40A2D8;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(64, 162, 216, 0.15);
  transition: background 0.3s;
}

[data-bs-theme=light] input[type="range"]:focus::-moz-range-thumb {
  background: #2f80ad;
}

[data-bs-theme=light] input[type="range"]::-ms-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #40A2D8;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(64, 162, 216, 0.15);
  transition: background 0.3s;
}

/* [data-bs-theme=light] input[type="range"]:focus::-ms-thumb {
  background: #2f80ad;
}

[data-bs-theme=light] input[type="range"]::-ms-fill-lower {
  background: #e0e0e0;
}

[data-bs-theme=light] input[type="range"]::-ms-fill-upper {
  background: #e0e0e0;
} */

[data-bs-theme=light] input[type="range"]:focus {
  outline: none;
}

[data-bs-theme=light] input[type="range"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

[data-bs-theme=dark] textarea {
  color: #f1f1f1;
}

[data-bs-theme=dark] table {
  border-collapse: collapse !important;
}

[data-bs-theme=dark] .container {
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] .dt-container th .dt-column-title input:not(.form-check-input) {
  background-color: #fff;
  color: #4a4a4a;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #b1b1b1;
}

[data-bs-theme=dark] .dt-column-title {
  font-size: 12px;
}

[data-bs-theme=dark] .dt-container th .dt-column-title input:focus-visible {
  background-color: #fff;
  color: #495057;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #8ad8ff;
  outline: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
}

[data-bs-theme=dark] .dt-container th .dt-column-title input::placeholder {
  color: #b1b1b1;
  font-size: 11px;
}

[data-bs-theme=dark] .dtfh-floatingparent .filters th input {
  background-color: #fff;
  color: #4a4a4a;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #b1b1b1;
}

[data-bs-theme=dark] .dtfh-floatingparent .filters th input:focus-visible {
  background-color: #fff;
  color: #495057;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #8ad8ff;
  outline: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
}

[data-bs-theme=dark] .dtfh-floatingparent .filters th input::placeholder {
  color: #b1b1b1;
  font-size: 11px;
}

[data-bs-theme=dark] .dtfh-floatingparent .table {
  background-color: #fff !important;
}

[data-bs-theme=dark] .dt-container tr input:not(.form-control) {
  background-color: #fff;
  color: #4a4a4a;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #b1b1b1;
}

[data-bs-theme=dark] .dt-container tr input:not(.form-control):focus-visible {
  background-color: #fff;
  color: #495057;
  
  padding: 2px 4px;
  font-size: 11px;
  border: 1px solid #8ad8ff;
  outline: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(72, 170, 219, 0.6);
}

[data-bs-theme=dark] .dt-container tr input::placeholder {
  color: #b1b1b1;
  font-size: 11px;
}

[data-bs-theme=dark] .dt-container label:not(.form-label) {
  font-size: 12px;
}

[data-bs-theme=dark] td {
  font-size: 12px !important;
  background-color: transparent;
}

[data-bs-theme=dark] tr.group {
  background-color: #eef7ff !important;
}

[data-bs-theme=dark] .table.dataTable thead tr.filters {
  background-color: #eef7ff !important;
}

[data-bs-theme=dark] .tooltip-dashboard-skp {
  z-index: 9999 !important;
}

[data-bs-theme=dark] .tooltip-arrow {
  display: none !important;
}

[data-bs-theme=dark] .tooltip-inner {
  max-width: 250px;
  padding: 8px 14px;
  color: #f5f5f5;
  background-color: #0c426e;
  
  border-radius: 0.55rem;
  font-family: "Oak Sans", sans-serif;
  font-size: 12px;
}

[data-bs-theme=dark] .tooltip {
  z-index: 999;
}



[data-bs-theme=dark] .form-control::file-selector-button {
  background-color: #4e4e4e !important;
  min-height: 38px;
  color: #ededed;
  pointer-events: none;
  border-style: solid;
  border-width: 0px !important;
}

[data-bs-theme=dark] .input-group-sm .form-control {
    border-radius:  5.5px 0px 0px 5.5px !important;
}

[data-bs-theme=dark] .input-group-lg .form-control {
    border-radius:  6.5px 0px 0px 6.5px !important;
}



[data-bs-theme=dark] .input-group-sm .btn {
  background-color: #40A2D8 !important;
  min-height: 34px !important;
}

[data-bs-theme=dark] .form-control:focus {
  border-color: #8ad8ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(52, 174, 235, 0.6);
}

[data-bs-theme=dark] .was-validated .form-control:invalid,
[data-bs-theme=dark] .form-control.is-valid {
  border-color: #ff0000;
  background-color: rgba(230, 115, 115, 0.1);
}

[data-bs-theme=dark] .was-validated .form-control:valid,
[data-bs-theme=dark] .form-control.is-valid {
  border-color: #40d8a2;
  background-color: rgba(26, 255, 0, 0.1);
}

[data-bs-theme=dark] .input-group-text {
  color: #8d8d8d;
  background-color: transparent;
  -webkit-text-stroke: 0.1px;
}

[data-bs-theme=dark] .progress {
  background-color: #242424;
}


[data-bs-theme=dark] .form-check-input[type=radio] {}

[data-bs-theme=dark] .form-check-input:checked {
  background-color: #40A2D8;

}


[data-bs-theme=dark] .input-group .form-control {
}

[data-bs-theme=dark] .input-group .btn {
  height: 100%;
  
}

[data-bs-theme=dark] table.dataTable tbody tr.child:hover {
  background-color: #eee;
}

[data-bs-theme=dark] .table-striped>tbody>tr:nth-child(even)>td,
[data-bs-theme=dark] .table-striped>tbody>tr:nth-child(even)>th {
  background-color: #012a3c !important;
}

[data-bs-theme=dark] table {
  --bs-table-striped-bg: #fff !important;
}

/* [data-bs-theme=dark] table thead tr {
  background-color: #006cb8 !important;
  color: #eeeeee !important;
} */

[data-bs-theme=dark] .pvtTable thead tr {
  color: #4a4a4a !important;
}

[data-bs-theme=dark] .pvtTable th {
  background-color: #008df2 !important;
  color: #eeeeee !important;
}

[data-bs-theme=dark] .pvtTable {
  /* width: 100%; */
}

[data-bs-theme=dark] .dropdown-menu .dropdown-item {
  color: var(--bs-dropdown-color);
  background-color: transparent;
  border: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

[data-bs-theme=dark] .dropdown-menu .dropdown-item:hover,
[data-bs-theme=dark] .dropdown-menu .dropdown-item:focus {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color);
}

[data-bs-theme=dark] .dropdown-menu .dropdown-item.active {
  background-color: var(--bs-dropdown-link-active-bg);
  color: var(--bs-dropdown-link-active-color);
}

[data-bs-theme=dark] .callout {
  padding: 6px;
  margin: 6px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

[data-bs-theme=dark] .callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

[data-bs-theme=dark] .callout p:last-child {
  margin-bottom: 0;
}

[data-bs-theme=dark] .callout code {
  border-radius: 3px;
}

[data-bs-theme=dark] .callout+.bs-callout {
  margin-top: -5px;
}

[data-bs-theme=dark] .callout-primary {
  border-left-color: #428bca;
}

[data-bs-theme=dark] .callout-success {
  border-left-color: #5cb85c;
}

[data-bs-theme=dark] .callout-danger {
  border-left-color: #ff0000;
}

[data-bs-theme=dark] .callout-default {
  border-left-color: #777;
}

[data-bs-theme=dark] .my-10 {
  margin-top: calc(10% + 8px) !important;
  margin-bottom: calc(10% + 8px) !important;
}

[data-bs-theme=dark] .py-10 {
  padding-top: calc(8% + 14px) !important;
  padding-bottom: calc(8% + 14px) !important;
}

[data-bs-theme=dark] .modal-header {
  border-bottom: var(--bs-modal-header-border-width) solid #2d2d2d;
}


[data-bs-theme=dark] .modal-footer {
  border-top: var(--bs-modal-header-border-width) solid #2d2d2d;
}


[data-bs-theme=dark] .nav-link {
  color: #40A2D8;

}


[data-bs-theme=dark] .nav-pills .nav-link {
  padding: 4px 10px;
}

[data-bs-theme=dark] .nav-link:hover {
  border-color: #345162;
}

[data-bs-theme=dark] .nav-pills .nav-link.active {
  background-color: #40A2D8;
}


[data-bs-theme=dark] .tabbable ::-webkit-scrollbar-thumb:horizontal {
  background: #4a4a4a;
  border-radius: 0px;
  width: 0px;
  border: 0px;

}


[data-bs-theme=dark] .accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0rem #fff !important;
}

[data-bs-theme=dark] .swal2-actions {
  gap: 2px;
}

[data-bs-theme=dark] .swal2-textarea {
  margin: 0px 18px;
}


[data-bs-theme=dark] .custom-table-plan-detail td {
  background-color: white !important;
  padding: 4px 0px;
}

@media (min-width: 576px) {
  [data-bs-theme=dark] .w-sm-100 {
    width: 100% !important;
  }

  [data-bs-theme=dark] .w-sm-75 {
    width: 75% !important;
  }

  [data-bs-theme=dark] .w-sm-50 {
    width: 50% !important;
  }

  [data-bs-theme=dark] .w-sm-25 {
    width: 25% !important;
  }

  [data-bs-theme=dark] .h-sm-100 {
    height: 100% !important;
  }

  [data-bs-theme=dark] .h-sm-75 {
    height: 75% !important;
  }

  [data-bs-theme=dark] .h-sm-50 {
    height: 50% !important;
  }

  [data-bs-theme=dark] .h-sm-25 {
    height: 25% !important;
  }
}

@media (min-width: 768px) {
  [data-bs-theme=dark] .w-md-100 {
    width: 100% !important;
  }

  [data-bs-theme=dark] .w-md-75 {
    width: 75% !important;
  }

  [data-bs-theme=dark] .w-md-50 {
    width: 50% !important;
  }

  [data-bs-theme=dark] .w-md-25 {
    width: 25% !important;
  }

  [data-bs-theme=dark] .h-md-100 {
    height: 100% !important;
  }

  [data-bs-theme=dark] .h-md-75 {
    height: 75% !important;
  }

  [data-bs-theme=dark] .h-md-50 {
    height: 50% !important;
  }

  [data-bs-theme=dark] .h-md-25 {
    height: 25% !important;
  }
}

@media (min-width: 992px) {
  [data-bs-theme=dark] .w-lg-100 {
    width: 100% !important;
  }

  [data-bs-theme=dark] .w-lg-75 {
    width: 75% !important;
  }

  [data-bs-theme=dark] .w-lg-50 {
    width: 50% !important;
  }

  [data-bs-theme=dark] .w-lg-25 {
    width: 25% !important;
  }

  [data-bs-theme=dark] .h-lg-100 {
    height: 100% !important;
  }

  [data-bs-theme=dark] .h-lg-75 {
    height: 75% !important;
  }

  [data-bs-theme=dark] .h-lg-50 {
    height: 50% !important;
  }

  [data-bs-theme=dark] .h-lg-25 {
    height: 25% !important;
  }
}

@media (min-width: 1200px) {
  [data-bs-theme=dark] .w-xl-100 {
    width: 100% !important;
  }

  [data-bs-theme=dark] .w-xl-75 {
    width: 75% !important;
  }

  [data-bs-theme=dark] .w-xl-50 {
    width: 50% !important;
  }

  [data-bs-theme=dark] .w-xl-25 {
    width: 25% !important;
  }

  [data-bs-theme=dark] .h-xl-100 {
    height: 100% !important;
  }

  [data-bs-theme=dark] .h-xl-75 {
    height: 75% !important;
  }

  [data-bs-theme=dark] .h-xl-50 {
    height: 50% !important;
  }

  [data-bs-theme=dark] .h-xl-25 {
    height: 25% !important;
  }
}

[data-bs-theme=dark] .hide-scroll::-webkit-scrollbar {
  display: none !important;
}

[data-bs-theme=dark] .hide-scroll::-webkit-scrollbar:horizontal {
  display: none !important;
}

[data-bs-theme=dark] .ui-datepicker {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.45rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1rem;
  padding: 10px;
}

[data-bs-theme=dark] .ui-datepicker-prev,
[data-bs-theme=dark] .ui-datepicker-next {
  cursor: pointer;
  color: #ffffff;
}

[data-bs-theme=dark] .ui-datepicker-prev:hover,
[data-bs-theme=dark] .ui-datepicker-next:hover {
  color: #e9ecef;
}

[data-bs-theme=dark] .ui-datepicker-current-day .ui-state-active {
  background: #0d6efd !important;
  color: #ffffff !important;
}

[data-bs-theme=dark] .ui-state-default.ui-state-hover {
  background: #e9ecef !important;
}

[data-bs-theme=dark] .ui-datepicker-calendar td {
  padding: 5px;
}

[data-bs-theme=dark] .ui-datepicker-unselectable .ui-state-disabled {
  color: #6c757d !important;
  background: none !important;
  opacity: 0.65;
}

[data-bs-theme=dark] .ui-state-default {
  border: 0px solid #ffffff !important;
  background: #ffffff !important;
  font-weight: normal;
  color: #454545;
}

[data-bs-theme=dark] .ui-datepicker-today .ui-state-highlight {
  color: #777620 !important;
  background: #fffb29 !important;
}

[data-bs-theme=dark] .ui-datepicker .ui-datepicker-header {
  background-color: #fff;
  border: none;
}

[data-bs-theme=dark] .h1,
[data-bs-theme=dark] .h2,
[data-bs-theme=dark] .h3,
[data-bs-theme=dark] .h4,
[data-bs-theme=dark] .h5,
[data-bs-theme=dark] .h6 {
  margin-bottom: 8px !important;
}

[data-bs-theme=dark] .ellipsis {
  text-overflow: ellipsis;
  /* enables ellipsis */
  white-space: nowrap;
  /* keeps the text in a single line */
  overflow: hidden;
  /* keeps the element from overflowing its parent */
}

[data-bs-theme=dark] .paperCol {
  background-color: #fffbeb;
}

[data-bs-theme=dark] .btn-transparent.fromLeft:after {
  display: block;
  content: "";
  border-bottom: solid 3px #40A2D8 !important;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

[data-bs-theme=dark] .btn-transparent:hover:after {
  transform: scaleX(1);
}

[data-bs-theme=dark] .btn-transparent.fromLeft:after {
  transform-origin: 0% 50%;
}

[data-bs-theme=dark] .btn-transparent.fromLeft2:after {
  display: block;
  content: "";
  border-bottom: solid 3px #fff !important;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

[data-bs-theme=dark] .btn-transparent:hover:after {
  transform: scaleX(1);
}

[data-bs-theme=dark] .btn-transparent.fromLeft2:after {
  transform-origin: 0% 50%;
}

[data-bs-theme=dark] .fc .fc-day-today {

  background-color: #ffe699 !important;
  border-radius: 6px;

  .fc-daygrid-day-number {
    color: #000 !important;
  }

}


[data-bs-theme=dark] .fc .fc-day-today span {
  color: #fff !important;

}

[data-bs-theme=dark] .fc .fc-day-today b {
  color: #fff !important;

}

[data-bs-theme=dark] .fc td {
  background-color: transparent;
  color: #f1f1f1 !important;
}


[data-bs-theme="dark"] .flatpickr-calendar {
  background: #222 !important;
  border: none !important;
}

[data-bs-theme="dark"] .flatpickr-weekday,
[data-bs-theme="dark"] .flatpickr-month {
  color: #fff !important;

}

[data-bs-theme="dark"] .flatpickr-prev-month,
[data-bs-theme="dark"] .flatpickr-next-month {
  fill: #fff !important;

}


[data-bs-theme="dark"] .flatpickr-months,
[data-bs-theme="dark"] .flatpickr-weekdays {
  background: #4a4a4a !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .flatpickr-weekdays {
  margin-bottom: 8px;
}

[data-bs-theme="dark"] .flatpickr-day.prevMonthDay,
[data-bs-theme="dark"] .flatpickr-day.nextMonthDay {
  color: #bbb !important;
}

[data-bs-theme="dark"] .flatpickr-day {
  background: #222 !important;
  color: #fff;
}

[data-bs-theme="dark"] .flatpickr-day.flatpickr-disabled {
    color: #bbb !important;
}

[data-bs-theme="dark"] .flatpickr-day.today {
  background: #ffd900 !important;
  color: #fff !important;
  border: 1px solid #ffdd00 !important;
}

[data-bs-theme="dark"] .flatpickr-day.selected {
  background: #03a9f4 !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .flatpickr-time {
  background: #222 !important;
  color: #ddd !important;
}

[data-bs-theme="dark"] .flatpickr-time input {
  background: #444 !important;
  color: #fff !important;
  border: 1px solid #666 !important;
}

[data-bs-theme="dark"] .flatpickr-monthDropdown-months {
  background: #222 !important;
  color: #ddd !important;
}

/*# sourceMappingURL=theme.css.map */