/*
 * Dark Mode Switch v1.0
 */
[data-theme="dark"] {
  --base00: #121212;
  --base01: #242424;
  --base02: #373737;
  --base03: #868e96;
  --base04: #565c64;
  --base05: #abb2bf;
  --base06: #b6bdca;
  --base07: #d19a66;
  --base08: #e06c75;
  --base09: #d19a66;
  --base0A: #e5c07b;
  --base0B: #98c379;
  --base0C: #56b6c2;
  --base0D: #61afef;
  --base0E: #c678dd;
  --base0F: #be5046;
  --base0W: #ffffff;
}

[data-theme="dark"] {
  --primaryColor: #343434;
  --secondaryColor: #989898;
  --heroColor: var(--base03);
  --white: #fff;
}

[data-theme="dark"] {
  background-color: var(--base00) !important;
  color: var(--base05) !important;
}

[data-theme="dark"] * {
  box-shadow: unset !important;
}

[data-theme="dark"] h3 {
  color: var(--base0W) !important;
}

[data-theme="dark"] * .text-primary {
  color: var(--base0W) !important;
}

[data-theme="dark"] * .bg-secondary.rounded-circle,
[data-theme="dark"] .vision-icons {
  --secondaryColor: var(--base03) !important;
}

[data-theme="dark"] .bg-black {
  background-color: #fff !important;
}

[data-theme="dark"] .bg-dark {
  background-color: #eee !important;
}

[data-theme="dark"] .bg-light {
  background-color: #222 !important;
}

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

/* header */
[data-theme="dark"] .navbar-light .navbar-toggler-icon {
  background-image: unset !important;
}

[data-theme="dark"] .offcanvas i {
  color: #fff !important;
}

[data-theme="dark"] .tools-navbar.bg-primary {
  background-color: var(--base00) !important;
}

[data-theme="dark"] .tools-navbar * {
  --secondaryColor: var(--base02) !important;
  --primaryColor: var(--base02) !important;
  --dangerColor: var(--base02) !important;
}

[data-theme="dark"] .header.is-home * {
  --secondaryColor: var(--base02) !important;
  --primaryColor: var(--base01) !important;
  --dangerColor: var(--base02) !important;
}

[data-theme="dark"] .header.bg-white * {
  --primaryColor: var(--base0W) !important;
  --secondaryColor: var(--base00) !important;
  --dangerColor: var(--base02) !important;
}

[data-theme="dark"] .header.bg-white img {
  filter: grayscale(1) brightness(500%) !important;
  -webkit-filter: grayscale(1) brightness(500%) !important;
}

[data-theme="dark"] .header.bg-white,
[data-theme="dark"] .header.bg-white .offcanvas-body,
[data-theme="dark"] .header.bg-white .offcanvas-header {
  background-color: var(--base02) !important;
}

[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .dropdown-menu * {
  background-color: var(--base00) !important;
  color: var(--base0W) !important;
  border-color: var(--base00) !important;
}

[data-theme="dark"] header .dropdown-menu * {
  border-color: var(--base03) !important;
}

[data-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .dropdown-item:hover {
  background-color: var(--base02) !important;
}

[data-theme="dark"] .carousel *,
[data-theme="dark"] .swiper-pagination-bullet {
  --primaryColor: var(--base00) !important;
  --secondaryColor: var(--base03) !important;
  --warningColor: var(--base03) !important;
}

[data-theme="dark"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
  --primaryColor: var(--base0W) !important;
}

/* statistics */
[data-theme="dark"] .statistics.bg-info {
  background-color: var(--base01) !important;
}

/* latest news */
[data-theme="dark"] .latest-news {
  --lightColor: var(--base02) !important;
}

/* btns */

[data-theme="dark"] .btn.btn-primary {
  --primaryColor: var(--base03) !important;
}

[data-theme="dark"] .btn.btn-primary:hover,
[data-theme="dark"] .btn.btn-primary:focus,
[data-theme="dark"] .btn.btn-primary:active {
  --primaryColor: var(--base02) !important;
}

[data-theme="dark"] .btn.bg-infoLight,
[data-theme="dark"] .btn.btn-info {
  background-color: var(--base03) !important;
  border: unset;
}

[data-theme="dark"] .btn.bg-infoLight:hover,
[data-theme="dark"] .btn.btn-info:hover,
[data-theme="dark"] .btn.bg-infoLight:focus,
[data-theme="dark"] .btn.btn-info:focus,
[data-theme="dark"] .btn.bg-infoLight:active,
[data-theme="dark"] .btn.btn-info:active {
  background-color: var(--base02) !important;
}

[data-theme="dark"] .btn.bg-infoLight i {
  color: var(--base0W) !important;
}

[data-theme="dark"] .btn-outline-primary {
  --primaryColor: var(--base0W) !important;
}

/* internal hero */
[data-theme="dark"] span.position-absolute.top-0.start-0.w-100.h-100.bg-primary.opacity-50 {
  --primaryColor: var(--base00) !important;
  opacity: 0.7 !important;
}

/* breadcrumb */
[data-theme="dark"] .bg-infoLight.breadcrumb-containter {
  background-color: var(--base01) !important;
  --primaryColor: var(--base03) !important;
  --secondaryColor: var(--base0W) !important;
}

/* font icons */
[data-theme="dark"] i {
  color: var(--base03) !important;
}

/* share icons */
[data-theme="dark"] .share-icons * {
  color: var(--base0W) !important;
}

[data-theme="dark"] .bg-warning {
  --warningColor: var(--base03) !important;
}

[data-theme="dark"] .bg-warning i {
  color: var(--base0W) !important;
}

/* content tabs */
[data-theme="dark"] .nav-tabs.content-tabs *,
[data-theme="dark"] .nav.nav-tabs {
  --primaryColor: var(--base0W) !important;
}

[data-theme="dark"] .nav-tabs.content-tabs .nav-link.active,
[data-theme="dark"] .content-tabs .nav-link:hover,
[data-theme="dark"] .nav-tabs.content-tabs .nav-link:hover:not(.active),
[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-link:hover {
  color: var(--base00) !important;
}

/* card */
[data-theme="dark"] .card {
  background-color: var(--base01) !important;
  border-color: transparent;
}

[data-theme="dark"] .card .bg-white {
  background-color: var(--base01) !important;
}

[data-theme="dark"] .card .bg-infoLight {
  background-color: var(--base00) !important;
}

[data-theme="dark"] .card .btn.btn-primary,
[data-theme="dark"] .card .btn.btn-secondary {
  --primaryColor: var(--base0W) !important;
  --secondaryColor: var(--base0W) !important;
  color: var(--base00) !important;
}

/* [data-theme="dark"] label.btn.btn-outline-primary {
  border-color: var(--base0W) !important;
  color: var(--base0W) !important;
} */
[data-theme="dark"] .card .btn.btn-outline-primary,
[data-theme="dark"] .card .btn.btn-outline-secondary {
  --primaryColor: var(--base0W) !important;
  --secondaryColor: var(--base0W) !important;
}

[data-theme="dark"] .card .btn.btn-outline-primary:hover,
[data-theme="dark"] .card .btn.btn-outline-secondary:hover {
  color: var(--base01) !important;
  box-shadow: unset !important;
}

[data-theme="dark"] .btn-check:active+.btn-outline-primary,
[data-theme="dark"] .btn-check:checked+.btn-outline-primary,
[data-theme="dark"] .btn-outline-primary.active,
[data-theme="dark"] .btn-outline-primary.dropdown-toggle.show,
[data-theme="dark"] .btn-outline-primary:active,
[data-theme="dark"] .btn-outline-primary:hover {
  background-color: var(--base0W) !important;
  color: var(--base00) !important;
  border-color: var(--base0W) !important;
}


[data-theme="dark"] .btn-check:active+.label-check,
[data-theme="dark"] .btn-check:checked+.label-check,
[data-theme="dark"] .label-check.active,
[data-theme="dark"] .label-check.dropdown-toggle.show,
[data-theme="dark"] .label-check:active {
  background-color: var(--base0W) !important;
  color: var(--base00) !important;
  border-color: var(--base0W) !important;
}

[data-theme="dark"] .card .btn.btn-primary:hover,
[data-theme="dark"] .card .btn.btn-secondary:hover {
  --primaryColor: var(--base00) !important;
  --secondaryColor: var(--base00) !important;
  color: var(--base0W) !important;
  box-shadow: unset !important;
}

[data-theme="dark"] .card .bg-primary {
  --primaryColor: var(--base02) !important;
}

[data-theme="dark"] .card-body h4 {
  --primaryColor: var(--base0W) !important;
}

[data-theme="dark"] .card-striped div:nth-child(odd) {
  background-color: var(--base00) !important;
}

[data-theme="dark"] .card-striped div:nth-child(even) {
  background-color: var(--base02) !important;
}

[data-theme="dark"] .card-striped div.full {
  background-color: #94D0AF !important;
}

[data-theme="dark"] .card-striped div.conditional {
  background-color: #F9C697 !important;
}

[data-theme="dark"] .card-striped div.expire {
  background-color: #808080 !important;
}

[data-theme="dark"] .link-color-force {
  background-color: var(--base02) !important;
}

[data-theme="dark"] .serviceaudience .col .card {
  background-color: var(--base02) !important;
}

/* forms */
[data-theme="dark"] .form-control {
  background-color: var(--base01) !important;
  /* border-color: var(--base03); */
  --primaryColor: var(--base0W) !important;
}

[data-theme="dark"] .form-control:focus {
  border-color: var(--base03) !important;
}

[data-theme="dark"] .form-select {
  background-color: var(--base01) !important;
  --primaryColor: var(--base0W) !important;
}

[data-theme="dark"] .form-label {
  color: var(--base0W) !important;
}

/* option btns */
[data-theme="dark"] .label-check {
  border-color: var(--base0W) !important;
  color: var(--base0W) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .nav-tabs-alt .nav-link {
  color: var(--base04) !important;
}

[data-theme="dark"] .products-category[type=checkbox]:checked~label,
[data-theme="dark"] .nav-link:focus,
[data-theme="dark"] .nav-link:hover {
  color: var(--base0W) !important;
  border-color: var(--base02) !important;
}

[data-theme="dark"] .nav-link:focus,
[data-theme="dark"] .nav-link:hover {
  color: var(--base0W) !important;
}

/* modal */
[data-theme="dark"] .modal-content {
  background-color: var(--base01) !important;
  --primaryColor: var(--base0W) !important;
  --secondaryColor: var(--base03) !important;
}

[data-theme="dark"] .modal-content .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.75em auto no-repeat !important;
}

/* accordion */
[data-theme="dark"] .accordion-item,
[data-theme="dark"] .accordion-button {
  background-color: var(--base01) !important;
}

[data-theme="dark"] .accordion-button::after {}

[data-theme="dark"] .accordion-button:not(.collapsed)::after {
  background-color: var(--base03) !important;
  box-shadow: unset !important;
}

/* table */
[data-theme="dark"] .etec-table thead tr th:nth-child(odd),
[data-theme="dark"] .etec-table tbody tr td:nth-child(odd) {
  background-color: var(--base01) !important;
  color: var(--base0W) !important;
}

[data-theme="dark"] .etec-table thead tr th:nth-child(even),
[data-theme="dark"] .etec-table tbody tr td:nth-child(even) {
  background-color: var(--base02) !important;
  color: var(--base0W) !important;
}

[data-theme="dark"] .etec-table tbody tr td {
  border-color: var(--base00) !important;
}

/* footer */
[data-theme="dark"] .footer * {
  color: var(--base0W) !important;
  --secondaryColor: var(--base03) !important;
}

[data-theme="dark"] .footer.bg-infoLight {
  background-color: var(--base01) !important;
}

[data-theme="dark"] .footer .btn-outline-primary {
  border-color: var(--base0W) !important;
}

[data-theme="dark"] .footer .btn-outline-primary:hover {
  background-color: var(--base0W) !important;
  color: var(--base01) !important;
}

[data-theme="dark"] .footer .btn-outline-primary:hover i {
  color: var(--base01) !important;
}

[data-theme="dark"] .footer button {
  --primaryColor: var(--base00) !important;
}

[data-theme="dark"] footer .nav-link:focus,
[data-theme="dark"] footer .nav-link:hover {
  color: var(--base03) !important;
}

/* scroll bar style */
[data-theme="dark"]::-webkit-scrollbar {
  width: 0.3rem;
  border-radius: 1.5rem;
}

[data-theme="dark"]::-webkit-scrollbar-track {
  background: var(--base00) !important;
}

[data-theme="dark"]::-webkit-scrollbar-thumb {
  background: var(--base03);
}

[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
  background: var(--base06);
}

[data-theme="dark"] .offcanvas.cookie {
  --secondaryColor: var(--base03) !important;
  --primaryColor: var(--base00) !important;
}

[data-theme="dark"] img,
[data-theme="dark"] .bg-size-cover,
[data-theme="dark"] .card * {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}

[data-theme="dark"] .productsonhome img,
[data-theme="dark"] .statistics .col img,
[data-theme="dark"] app-relatedlinks img,
[data-theme="dark"] .products-cards .card img {
  filter: grayscale(1) brightness(500%) !important;
  -webkit-filter: grayscale(1) brightness(500%) !important;
}

[data-theme="dark"] .carousel.bg-primary {
  background-color: #000 !important;
}