/* button settings */

  .theme {
	display: flex;
	align-items: center;
	-webkit-tap-highlight-color: transparent;
  }
  .theme__fill,
  .theme__icon {
	pointer-events: none;
	transition: transform var(--transDur) ease-in-out;
  }
  .theme__fill {
	background-color: var(--bg);
	display: block;
	mix-blend-mode: difference;
	position: fixed;
	inset: 0;
	height: 100%;
	transform: translateX(-100%);
  }
  .theme__icon,
  .theme__toggle {
	z-index: 1;
  }
  .theme__icon,
  .theme__icon-part {
	position: absolute;
  }
  .theme__icon {
	display: block;
	top: 0.75em;
	left: 0.75em;
	width: 1.5em;
	height: 1.5em;
  }
  .theme__icon-part {
	border-radius: 50%;
	box-shadow: 0.4em -0.4em 0 0.5em hsl(0, 0%, 100%) inset;
	top: calc(50% - 0.5em);
	left: calc(50% - 0.5em);
	width: 1em;
	height: 1em;
	transition: box-shadow var(--transDur) ease-in-out,
	  opacity var(--transDur) ease-in-out, transform var(--transDur) ease-in-out;
	transform: scale(0.5);
  }
  .theme__icon-part ~ .theme__icon-part {
	background-color: hsl(0, 0%, 100%);
	border-radius: 0.05em;
	box-shadow: none;
	top: 50%;
	left: calc(50% - 0.05em);
	transform: rotate(0) translateY(0.5em);
	transform-origin: 50% 0;
	width: 0.1em;
	height: 0.2em;
  }
  .theme__icon-part:nth-child(3) {
	transform: rotate(45deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(4) {
	transform: rotate(90deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(5) {
	transform: rotate(135deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(6) {
	transform: rotate(180deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(7) {
	transform: rotate(225deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(8) {
	transform: rotate(270deg) translateY(0.5em);
  }
  .theme__icon-part:nth-child(9) {
	transform: rotate(315deg) translateY(0.5em);
  }
  .theme__label,
  .theme__toggle,
  .theme__toggle-wrap {
	position: relative;
  }
  .theme__toggle,
  .theme__toggle::before {
	display: block;
  }
  .theme__toggle {
	background-color: hsl(48, 90%, 85%);
	border-radius: 25% / 50%;
	box-shadow: 0 0 0 0.125em var(--primaryT);
	padding: 0.25em;
	width: 6em;
	height: 3em;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: background-color var(--transDur) ease-in-out,
	  box-shadow 0.15s ease-in-out, transform var(--transDur) ease-in-out;
  }
  .theme__toggle::before {
	background-color: hsl(48, 90%, 55%);
	border-radius: 50%;
	content: '';
	width: 2.5em;
	height: 2.5em;
	transition: background-color var(--transDur) ease-in-out,
	  transform var(--transDur) ease-in-out;
  }
  .theme__toggle:focus {
	box-shadow: 0 0 0 0.125em var(--primary);
	outline: transparent;
  }
  /* Checked */
  .theme__toggle:checked {
	background-color: hsl(198, 90%, 15%);
  }
  .theme__toggle:checked::before,
  .theme__toggle:checked ~ .theme__icon {
	transform: translateX(3em);
  }
  .theme__toggle:checked::before {
	background-color: #009ca6;
  }
  .theme__toggle:checked ~ .theme__fill {
	transform: translateX(0);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(1) {
	transform: scale(1);
	box-shadow: 0.2em -0.2em 0 0.2em hsl(0, 0%, 100%) inset;
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part ~ .theme__icon-part {
	opacity: 0;
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(2) {
	transform: rotate(45deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(3) {
	transform: rotate(90deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(4) {
	transform: rotate(135deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(5) {
	transform: rotate(180deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(6) {
	transform: rotate(225deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(7) {
	transform: rotate(270deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(8) {
	transform: rotate(315deg) translateY(0.8em);
  }
  .theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(9) {
	transform: rotate(360deg) translateY(0.8em);
  }
  .theme__toggle-wrap {
	margin: 0 0.75em;
  }

  .main_darkbtn {
    transform: scale(0.6);
    height: 10px;
  }

/* Dark mode settings */

  body.dark-mode,
  body.dark-mode .bg-white {
	background: #1a1e21 !important;
	color: #c6d2d9 !important;
  }

  .dark-mode svg {
    fill: #fff !important;
  }

  @media(min-width: 992px){
  body.dark-mode .main-header {
    border-bottom: 1px solid #696767 !important;
    }
  }

  body.dark-mode .tooltip {
	background-color: #2b2d30 !important;
  border: 1px solid #696767;
  }

  body.dark-mode .bg-gray-20 {
	background-color: #2a2d30 !important;
  }

  body.dark-mode .bg-gray-200 {
  background-color: #1a1e21 !important
  }

  body.dark-mode .bg-tertiary {
  background-color: #2b2d30 !important;
  }

  body.dark-mode .btn-gray-20 {
	background-color: #2a2d30 !important;
	color: #c6d2d9;
  }

  body.dark-mode .checkbox label {
	color: #a9abae !important;
  }

  body.dark-mode .bg-secondary-light {
    background-color: #204144 !important;
  }

  body.dark-mode aside.bg-secondary {
    background-color: #204144 !important;
  }

  body.dark-mode .dropdown-menu {
    background: #2a2d30 !important;
  }

  body.dark-mode .submenu .bg-white {
    background: #2a2d30 !important;
  }

  body.dark-mode .tag-decor::after {
    background-color: #204144 !important;
    border-color: #204144 !important;
  }

  body.dark-mode .footerpck {
    background-color: #2b2d30 !important
  }

  body.dark-mode #user-cars-dropdown {
    background-color: #2a2d30 !important;
  }

  body.dark-mode .checkout-option {
    background-color: #2a2d30;
    border-color: #2b2d30 !important;
  }

  body.dark-mode .checkout-option.is-active {
    border-color: #009ca6 !important;
    background-color: #4f4d4d;
}

  body.dark-mode img {
    mix-blend-mode: normal !important;
  }

  body.dark-mode #app_slider-top {
    margin-bottom: 15px;
  }

  body.dark-mode article .product-thumb {
    background-color: white;
    border-radius: 5px;
  }

  body.dark-mode img[data-src*="CategoryPhotos"] {
    background-color: white;
    border-radius: 3px;
  }

  body.dark-mode article img[data-src*="CategoryPhotos"] {
    background-color: transparent;
  }

body.dark-mode img[src*="placeholder.png"] {
  background: none;
}

  /* text */

body.dark-mode .text-gray-100 {
color: #c6d2d9 !important;
}

body.dark-mode .text-gray-200 {
color: #a9abae !important;
}

body.dark-mode .typography strong {
color: #a9abae !important;
}

body.dark-mode .line-clamp strong {
color: #a9abae !important;
}

body.dark-mode .text-primary {
color: #a0a1a3 !important;
}

body.dark-mode .text-red {
color: #f52040 !important;
}

body.dark-mode .wallet span {
  color: #f52040 !important;
  }

body.dark-mode .text-white {
color: #c6d2d9 !important;
}

body.dark-mode .tag  {
color: white !important; 
}

body.dark-mode .text-tertiary {
color: #c6d2d9 !important;
fill: #c6d2d9 !important;
}

body.dark-mode #app_slider-top .text-tertiary {
color: #1a1e21 !important;
}

body.dark-mode #app_slider-bottom .text-tertiary {
color: #1a1e21 !important;
}

body.dark-mode h1,.alfa .zeta   {
color: #c6d2d9;
}

body.dark-mode .gamma {
color: #c6d2d9;
}

body.dark-mode .delta {
color: #c6d2d9;
}

body.dark-mode .epsilon .beta {
color: #c6d2d9;
}

body.dark-mode h2 {
color: #c6d2d9;
}

body.dark-mode h3 {
color: #c6d2d9;
}

body.dark-mode h4 {
color: #c6d2d9;
}

body.dark-mode h5 {
color: #c6d2d9;
}

body.dark-mode h6 {
color: #c6d2d9;
}

body.dark-mode .radio label {
color: #c6d2d9 !important;
}

body.dark-mode textarea {
color: #c6d2d9;
}

body.dark-mode .bg-secondary-transparent .text-white {
color: white !important;
}

body.dark-mode .headbanner .text-white {
color: #fff !important;
}

body.dark-mode .typography .lead {
  color: #c6d2d9;
  }

body.dark-mode .typography ol li::marker {
  color: #c6d2d9 !important;
}

body.dark-mode .Compatsets {
  background-color: #2b2d30 !important;
}

  /* buttons */

body.dark-mode .collapse-btn .collapse-btn-icon {
fill: #c6d2d9;
}

body.dark-mode .collapse-btn {
color: #c6d2d9;
}

body.dark-mode  .btn-secondary-light {
background-color:  #2a2d30 !important;
}

body.dark-mode .btn-link {
color: #c6d2d9;
}

 body.dark-mode .btn-gray-30 {
    background-color: #1a1e21;
    color: #c6d2d9;
}

@media (min-width: 992px) {
  body.dark-mode .btn-red.btn-md-outline-red {
    background-color: #ba1931;
    color: #fff;
  }
}

@media (max-width: 768px) {
  body.dark-mode #app_slider-top a.d-flex {
    background-color: #fff;
    display: inline-flex !important;
    padding: 0 2rem 0 2rem;
    margin: 0;
    border-radius: 0.6rem;
    height: 4rem;
    align-items: center;
    justify-content: center;
  }
}

/* table */
body.dark-mode .table-bordered tr:not(:last-child) td,.table-bordered tr:not(:last-child) th {
border-bottom: 1px solid #696767
}

/* inputs */

  body.dark-mode .search-input-control {
	background-color: #1a1e21 !important;
	color: #c6d2d9 !important;
	padding-left: 1rem !important;
	border-radius: 0.8rem !important;
  }

  body.dark-mode .search-input-control::placeholder {
	color: #c6d2d9 !important;
  }

@media screen and (max-width:768px) {
	body.dark-mode .search-input-control {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important;
	  }
}

  body.dark-mode input:focus::placeholder {
    color: #c6d2d9;
  }

  body.dark-mode .form-checkbox~span, .form-radio~span {
    background-color: #4f4d4d;
  }
  
/* Borders */

  body.dark-mode .border-bcolor {
    border-color: #696767 !important;
  }

  body.dark-mode .border-gray-20 {
    border-color: #696767 !important;
  }

  body.dark-mode .sleeper-pos {
    border: solid 0px #1a1e21;
    z-index: 1;
  }

  body.dark-mode .sleeper-border {
    border-radius: 8px;
  }

  body.dark-mode .product-checkbox label {
    border: solid 1px #696767;
  }

  body.dark-mode .btn-outline-red {
    border-color: #696767;
  }

  body.dark-mode .form-control {
    border: 1px solid #696767;
    color: #c6d2d9;
  }

  @media (min-width: 768px) {
    body.dark-mode .search-input {
    border-right: 1px solid #696767;
    }
  }


  body.dark-mode .search-input::before {
    border-color: white transparent transparent transparent;
  }
  
/* scrolls */

  body.dark-mode .scroll-bar-white::-webkit-scrollbar-thumb {
    background: #4f4d4d !important;
  }

  body.dark-mode .scroll-bar-white::-webkit-scrollbar-track {
    background: black !important;
  }

  body.dark-mode .scroll-bar-secondary::-webkit-scrollbar-thumb {
    background: #4f4d4d !important;
  }

  body.dark-mode .scroll-bar-secondary::-webkit-scrollbar-track {
    background: black !important;
  }

  body.dark-mode .scroll-bar-transparent {
    width: 10px;
  }

  body.dark-mode .scroll-bar-transparent::-webkit-scrollbar-thumb {
    background: #4f4d4d !important;
  }

  body.dark-mode .scroll-bar-transparent::-webkit-scrollbar-track {
    background: black !important;
  }

  body.dark-mode::-webkit-scrollbar {
    width: 13px;
  }

  body.dark-mode::-webkit-scrollbar-thumb {
    background-color: #4f4d4d;
    border-radius: 5px;
  }

  body.dark-mode::-webkit-scrollbar-track {
  background-color: black;
  }

/* FIlls */

  body.dark-mode .menu-toggle path {
    fill: #c6d2d9 !important;
  }

  body.dark-mode #app_header path {
    fill: #c6d2d9 !important;
  }

  body.dark-mode .menu-logo svg path:nth-of-type(2) {
    fill: #c6d2d9 !important;
  }

  body.dark-mode button {
    fill: #c6d2d9 !important;
  }

  body.dark-mode #slider03 img {
    filter: brightness(1) invert(1);
  }
  body.dark-mode symbol#search,
  body.dark-mode use[href="#search"] {
    filter: brightness(3) invert(1) !important;
  }
 
  body.dark-mode .sidebar-icon {
    background: #c6d2d9;
  }

  body.dark-mode .icon-withouthover {
    filter: brightness(8) !important;
  }

  body.dark-mode .checkoputOptionImg {
    display: none !important;
  }

  body.dark-mode .main-header-modal .text-uppercase img {
    filter: invert(1) !important;
  }

  body.dark-mode #tab-pane-one img {
    filter: invert(1);
  }

  body.dark-mode #app_articlevehicles img {
    filter: invert(1);
  }

  body.dark-mode #app_inlinesearch path {
    fill: #c6d2d9;
  }

  /* Hover - :focus */

@media(min-width: 992px){
  body.dark-mode input:focus:focus{
      background-color:#1a1e21 !important;
      border-color:#ccc !important
  }
}

@media(min-width: 992px){
  body.dark-mode .form-control:focus:focus{
      background-color:#333232 !important;
      border-color:#ccc !important
  }
}

@media(min-width: 992px){
	body.dark-mode .btn-outline-bcolor:hover{
        background-color:#4f4d4d;
        border-color:#e6e6e6
    }
}

@media(min-width: 992px){
    body.dark-mode .bg-gray-20[data-hover-animation]:hover{
        background-color:#1a1e21 !important;
		    border-color: #747474 !important;
    }
}

@media (min-width: 992px) {
      body.dark-mode .link-btn-bcolor:hover,
      body.dark-mode .listing-filter-checkbox:hover {
        background-color: #1a1e21;
	}
}

@media (min-width: 992px) {
	body.dark-mode .link-btn-secondary-light:hover {
		background-color: #4f4d4d;
	}
}

@media (min-width: 992px) {
  body.dark-mode a.text-primary:hover {
  color: #0c848f !important;
  }
}

@media (min-width: 992px) {
  body.dark-mode .dropdown-menu-link:hover {
    background-color: #4f4d4d;
    color: #0c848f;
  }
}


body.dark-mode li.open>.link-btn-secondary-light {
    background-color: #4f4d4d !important;
  }

body.dark-mode li.open>a.text-primary {
	color: #c6d2d9 !important;
}

body.dark-mode a.bg-white:hover,a.bg-white:focus,button.bg-white:hover,button.bg-white:focus {
  background-color: #7d7979 !important;
}

body.dark-mode .slider-control {
  background-color: #4f4d4d !important;
}

body.dark-mode .slider-control:hover {
  background-color: #7d7979 !important;
}

body.dark-mode .tab[aria-selected=true] {
  color: #009ca6 !important;
  border-color: #009ca6 !important;
}

body.dark-mode .form-checkbox:checked~span {
  border-color: #009ca6;
  background-color: #009ca6 !important;
}

body.dark-mode .dropdown-menu-link[aria-selected=true] {
  background-color: #4f4d4d;
}

body.dark-mode img[src*="/server/Uploads/ProductPhotos/bezstresu-01_7d7ad04d-1be9-4b41-86d7-7ac159889739.svg"],
img[src*="/assets/images/icons/A.svg"] {
  filter: invert(1);
}