*

#toggle {
   position: relative;
   display: block;
   width: 60px;
   height: 30px;
   border-radius: 160px;
   background: #fff;
   transition: 0.5s;
   cursor: pointer;
   box-shadow: inset 0 8px 60px rgba(0,0,0,0.1),
               inset 0 8px 8px rgba(0,0,0,0.1),
               inset 0 -4px 4px rgba(0,0,0,0.1);
}

#toggle.active {
   background: #222;
   box-shadow: inset 0 2px 60px rgba(0,0,0,0.1),
               inset 0 2px 8px rgba(0,0,0,0.1),
               inset 0 -4px 8px rgba(0,0,0,0.05);
}

#toggle .indicator {
   position: absolute;
   top: 0;
   left: 0;
   width: 30px;
   height: 30px;
   background: linear-gradient(to bottom, #444, #222);
   border-radius: 50%;
   transform: scale(0.9);
   box-shadow: 0 8px 40px rgba(0,0,0,0.5),
               inset 0 4px 4px rgba(255,255,255,0.2),
               inset 0 -4px 4px rgba(255,255,255,0.2);
   transition: 0.5s;
}

#toggle.active .indicator {
   left: 30px;
   background: linear-gradient(to bottom, #eaeaea, #f9f9f9);
   box-shadow: 0 8px 20px rgba(0,0,0,0.1),
               inset 0 4px 4px rgba(255,255,255,1),
               inset 0 -4px 4px rgba(255,255,255,1);
}


body.active {
   background: rgb(236, 226, 209);
}

/*Header*/
body.active .navbar {
   background-color: #efefef;
}

body.active .navbar_topbar {
   background-color: #efefef;
}

body.active h1 {
   color: black;
}

/*Przycisk logowania*/
body.active .myButton {
	border:1px solid #d6bcd6;
	color: black;
	text-shadow:2px 0px 0px #e1e2ed;
}

/*Menu*/

body.active .navbar_menu {
   background-color: #efefef;
}

body.active .navbar_menu_img_lightmode {
   display: none;
}

body.active .navbar_menu_img_lightmode {
   display: flex;
}

body.active .navbar_menu_img_darkmode {
   display: none;
}

body.active .navbar_menu ul li {
   color: black;
   text-shadow: 0.1em 0.1em 0.2em black;
}

body.active .navbar_menu ul a {
   color: black;
}

body.active .navbar_menu ul li:hover {
   color: black;
   background-color: #efefef;
}

/*Główna część strony*/

body.active .all_h2 {
   border-bottom: 5px dotted black;
   color: black;

}


/*Rozwijana część menu*/

body.active .navbar_menu ul li:hover ol {
   background-color: #efefef;
}
body.active #hidden_menu {
   color: black;
   background-color: #efefef;
 }

/*Index*/

body.active .index_article {
   border: solid red 5px;
   color: black;
 }

 body.active .index_article a {
   color: black;
 }

/*Historia*/
body.active .history_section {
   color: black;
   border: 1px black dotted;
}

/*Modele*/

body.active .carimg h2 {
   color: black;
}

/*Auta*/
body.active .cars_article {
   color: black;
}

body.active .cars_article h3 {
   color: black;
}

body.active .cars_article h4 {
   color: black;
}
 
body.active .cars_article p {
   color: black;
}

/*Kontakt*/
 
body.active .contact_all p {
   color: black;
}

body.active .contact_img_lightmode {
   display: flex;
}

body.active .contact_img_darkmode {
   display: none;
}

/*Formularz kontaktowy*/

body.active form {        
  border:2px solid #222; 
  background-color: #efefef;
}

body.active form label {      
  color: black;
}

body.active form textarea,form input {  
  border:1px solid #222;  
}

body.active .send_btn {
  color: black;
}

/*Okno logowania*/
body.active #id01 {
   color: black;
}

body.active #id01 a{
   color: black;
}

body.active .container {
   background-color: #f1f1f1;
 }

body.active .modal-content {
   background-color: #fefefe;
 }
 
body.active .close {
   color: #000;
 }


 

@media only screen and (max-width: 800px){
      body.active .navbar_menu img {
        display: none;
      }
      
      body.active #menu_icon_white {
        display: none;
      }

      body.active #menu_icon_black {
         display: none;
       }
}
@media only screen and (max-width: 768px){}
@media only screen and (max-width: 480px){}
@media only screen and (max-width: 320px){}