  .icon {
	display: inline-flex;
	/width: -8px;
	/height: -8px;
	background-size: cover;	
	opacity: 0.9;
	padding:14px 14px;
	//margin-top:-3px; 
mmargin-left:-10px;
margin-left:0px;
//padding:0px 10px -50px;
transform: scale(.70);}

.icon:hover,
.icon:focus {  
    opacity: 1;
	filter: invert(27%) sepia(51%) saturate(2878%) //hue-rotate(346deg) brightness(94%) contrast(100%);	
}
.icon-moon {
	background-image: url(https://kit.itlgx.xyz/e/img/moonblack.svg);
	width:22px;	height:22px;
	filter: brightness(1.75);
	filter: brightness(50%);
	filter: brightness(1);
	filter: brightness(0%);
	filter: invert(100%);
	z-index:1;
transform: scale(.25);
top:-6px;
left:0px;
	}
.icon-moon2 {
	background-image: url(https://kit.itlgx.xyz/e/img/moonblack.svg);
	width:22px;	height:22px;
	
	z-index:1;

	}
.icon-gear {
	background-image: url(https://kit.itlgx.xyz/e/img/gear.svg); 
	transform: scale(.55);
}
.icon-menufold {
	background-image: url(https://kit.itlgx.xyz/e/img/menu-fold.svg);  
}
.icon-logout {
  background-image: url(https://kit.itlgx.xyz/e/img/logout2.svg);    
top:-6px;
margin-top:-16px;

}
@media only screen and (max-width: 1100px) {
.icon-menufold {filter :invert(100%);}
}
.icon-warning {
  background-image: url(https://kit.itlgx.xyz/e/img/warning.svg); 
filter: brightness(1.75);  
  	filter: invert(100%);
}
.icon-sync {
  background-image: url(https://kit.itlgx.xyz/e/img/sync.svg);  
}
.icon-user {
  background-image: url(https://kit.itlgx.xyz/e/img/userw.svg);  
   filter: invert(70%);
	margin-top:0px;
}
.icon-recon {
  background-image: url(https://kit.itlgx.xyz/e/img/recon.svg);    
}
.icon-logout {
  background-image: url(https://kit.itlgx.xyz/e/img/logout2.svg);    
transform-origin: 20px 45%;
}
.icon-sidebar {
  background-image: url(https://kit.itlgx.xyz/e/img/sidebar_icon.svg);    
margin-top:-4px;
transform: scale(.6);
transform-origin: 16px 55%;
}
.icon-logo {
	background-image: url(https://kit.itlgx.xyz/e/img/icloud.svg);  
//	width: 26px;
//	height: 22px;
//	filter: brightness(1.75);
	//filter: invert(85%);
	//	margin-top:-4px;
	transform: scale(.85);
}
.customoon {
	//filter:  brightness(0%) invert(1);
	//filter: brightness(50%) invert(70%);
	filter: invert(91%) sepia(47%) saturate(1810%) hue-rotate(313deg) brightness(106%) contrast(103%);
	
	}
.custodark {
	filter:  brightness(0%) invert(1);
	//filter: brightness(50%) invert(70%);	
	filter:  brightness(100%) invert(1);
}
.custolight {
	body {background:inherit;}	
}
.custodark :not(.logoa):not(.icon-sync):not(.icon-gear):not(.icon-logout) {
	filter:  brightness(0%) invert(1);
	//filter: brightness(50%) invert(70%);	
	filter:  brightness(100%) invert(1);
}
.logoa {
  
    
  //  width:28px;
background-image: url("https://mak.asp-matrix.com/img/logo_2.png");



    z-index:100;
    
}