body {background: #222; }
#bottombar{background: #666; }
html {
  scrollbar-face-color: #646464;
  scrollbar-base-color: #646464;
  scrollbar-3dlight-color: #646464;
  scrollbar-highlight-color: #646464;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #646464;
  scrollbar-dark-shadow-color: #646464;
}

::-webkit-scrollbar { width: 14px; height: 13px;}
::-webkit-scrollbar-button {  background-color: #444; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #222;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 0px;}
::-webkit-scrollbar-corner { background-color: #646464;}}
::-webkit-resizer { background-color: #666;}

.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%);	
	filter: brightness(1.75);  
  	filter: invert(0%);
}	
	.icon-warning {
 // background-image: url(https://kit.itlgx.xyz/e/img/warning.svg); 
filter: brightness(0.75);  
  	filter: invert(0%) !important;
}
.icon-sync {
	   filter: invert(0%);
	margin-top:0px; 
}
.icon-user {
  
   filter: invert(70%);
	margin-top:0px;
}
.icon-gear {
	   filter: invert(0%);
	margin-top:0px;

}
.icon-menufold {

	  filter: invert(100%);
	margin-top:0px;
}
.icon-recon {
	  filter: invert(100%);
	margin-top:0px;   
}
.icon-logout {
	   filter: invert(60%);
	margin-top:0px;
}
.icon-sidebar {
	   filter: invert(50%);
	margin-top:0px;
}
.icon-logo {
	   filter: invert(70%);
	margin-top:0px;
	
}
.icon-moon{
-webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
      filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(500%) contrast(0.7);
}
#corn7 {background-color:rgba(55,55,55,.99);}
#corn71 {background-color:rgba(55,55,55,.99);}

#corn61 {background-color:rgba(55,55,55,.99);}
#corn62 {background-color:rgba(55,55,55,.99);}
.section5 {background: #333; }
.section3 {background: #333; }
.section4 {background: #333; }
.section2 {background: #333; }
.section1 {background: #333; }
tbody td:first-of-type {  background-color: #444;}
tbody td:first-of-type {  position: -webkit-sticky; position: sticky;left: 0; z-index: 1;
-webkit-box-shadow: 8px 0px 0px 0px rgba(0,0,0,0.02); 
box-shadow: 8px 0px 0px 0px rgba(0,0,0,0.02);}
.table-sortablethead th {background-color: rgb(46, 44, 44) !important;}

/* sticky first column */
thead th:first-of-type {

   background-color: rgb(85, 85, 85);
}
.table-sortable thead th:first-of-type {
  top: 0;
  left: 0;
  z-index: 3;
   border-top-left-radius:2px;
 background-color: rgba(51, 52, 56, 1);
 background-color: rgb(68, 68, 70);


}
#bottombar{

   background-color: rgb(8, 15, 15,1);
}
#SearchInput {
color:rgba(155,255,255,1)  !important;
}

#topbar span a:hover{
   background-Color:rgba(1,1,1,.5);
}

.icon-gear:hover{
	   filter: invert(100%);
	margin-top:0px;

}
.icon-warning:hover {

	  filter: invert(100%);
	margin-top:0px;
}

.icon-sync:hover {
	   filter: invert(100%);
	margin-top:0px; 
}
.icon-sync {
	   filter: invert(0%);
	margin-top:0px; 
}
.icon-sidebar:hover {
	   filter: invert(0%);
	margin-top:0px;
	
}
.icon-user:hover {
  
   filter: invert(100%);
	margin-top:0px;
}
.icon-logout:hover {
	   filter: invert(100%);
	margin-top:0px;
}
.icon-logo:hover{
	   filter: invert(70%);
	margin-top:0px;
	filter: brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1576%) hue-rotate(82deg) brightness(100%) contrast(87%);
}
	.icon-warning:hover{
 // background-image: url(https://kit.itlgx.xyz/e/img/warning.svg); 
filter: brightness(0.75);  
  	filter: invert(100%) !important;
}
/*breadcrumb*/
.breadcrumb {  
position:relative;
	//padding: 0px 1px;
	//width:100vw;
	color: #0275d8;
//	font-size:12px;
	//top:17px;
	margin-left:0px;
margin-right:0px;
   background-Color:rgba(90,90,100,0.4);color:rgba(248, 245, 240,.8); 
border-radius:3px;
}
.table-sortable {
	position: relative;
	width:100%;
	z-index: 1;
	margin: auto;
	overflow: auto;
	xheight: 70%; //don't make this for if in contaner-
  }
  .table-sortable table {
	  width: 1020px;
	//width: 100%;
   
	margin: auto;
	border-collapse: separate;
	border-spacing: 0;
	white-space: nowrap;
  }
  .table-wrap {
	position: relative;
  }
  .table-sortable th,
  .table-sortable td {
   // padding: 5px 10px;
	border: 1px solid #000;
	background: #222;
	vertical-align: top;
white-space: nowrap;
  }
  .table-sortable thead th {
	background: rgb(70, 75, 80);
	color: rgb(100, 148, 160);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
  }
  /* safari and ios need the tfoot itself to be position:sticky also */
  .table-sortable tfoot,
  .table-sortable tfoot th,
  .table-sortable tfoot td {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	background: #666;
	color: #fff;
	z-index:4;
  }

  a:focus {
text-decoration: underline;
  } /* testing links*/
.table-sortable td,
.table-sortable th {

text-align: left;
margin: 0;
border: 0;
border-spacing: 0;

sborder-top:.01px solid rgba(1,1,1,.1);
border-bottom:.01px solid rgba(100,100,1,.05);
padding-bottom: 0.2em;
}
  .table-sortable th:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	//background: #ccc;
  }

  .table-sortable thead th:first-child,
  .table-sortable tfoot th:first-child {
	z-index: 5;
  }
.table-sortable tr:hover {
  background-color: rgba(59, 119, 155, 0.09) !important;
	//border-bottom:3px solid rgba(59, 119, 155, 0.56);
  color: inherit;
  cursor: pointer;
   // border-bottom:3px solid rgba(59, 119, 155, 0.16);
}


.table-sortable td {
white-space: nowrap ;
//display: block;


}

.table-sortable td:hover:first-of-type{
background: rgb(35, 46, 70) ;
//font-weight:bold;
ssborder-top:.01px solid rgba(59, 119, 155, 0.26);
 border-bottom:0.02px solid rgba(59, 119, 155, 0.46);

}

.header{
  position:fixed;
text-align: right;

  float:right;
}

.table-sortable tr:hover {
  xbackground-color: rgba(111,112,221,.1); !important;
  //color: black;
  cursor: pointer;
  //font-weight: bold;
   border-bottom:.01px solid rgba(110,110,50,.08);
}

.table-sortable tr:hover td:not(:first-child) 
{
  // background-color: rgba(222, 222, 225, 0.96) !important;
  /border-top:.01px solid rgba(1,1,1,.1);
  //font-size:12.3px;
  border-bottom:.1px solid rgba(1,1,1,.1);
fsont-weight: bold;
background-color: rgba(8, 83, 122, .5)!important;
  border-bottom:.01px solid rgba(59, 119, 155, 0.76);
   //   color: rgb(200, 215, 215); 
  //mix-blend-mode: difference;
  
}

.table-sortable {
  
  
  padding: 0;
  margin: 0;
  border-spacing: 0;
}

.table-sortable tr:first-child(even) td {
  //background-color: var(--table-even);
background-color: rgba(21,22,21,1); !important;
 //border-bottom:.01px solid rgba(200,201,1,.05);
 //border-top:.01px solid rgba(200,201,1,1);
   //  background-color: rgba(45, 45, 55, 1);
	//color: rgb(0, 55, 55); 

}
.table-sortable tr:first-child(odd) td {
  //background-color: var(--table-even);
  background-color: rgba(91,92,11,1); !important;
 //border-bottom:.01px solid rgba(200,201,1,.05);
 //border-top:.01px solid rgba(200,201,1,1);
   //  background-color: rgba(40,40, 40, 1);
	   // color: rgb(0, 55, 55); 

}
.table-sortable td:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 4;
	background: rgb(31, 31, 31);
	white-space: nowrap;
  }