.container2 {
  margin: .01em;
  border: .1px solid rgba(200,200,200,.2);
  display: flex;
  max-height: 75vh;
  overflow: auto;

 border-top-left-radius:6px;
}
.table-sortable th {
    cursor: pointer;
}

.table-sortable .th-sort-asc::after {
    content: "\25b4";
}

.table-sortable .th-sort-desc::after {
    content: "\25be";
}

.table-sortable .th-sort-asc::after,
.table-sortable .th-sort-desc::after {
    margin-left: -23px;
}

.table-sortable .th-sort-asc,
.table-sortable .th-sort-desc {
    bbackground: rgba(0, 0, 0, 0.1);
}

#di {
    resize: horizontal;
    //resize:none
    overflow: auto;
    wwidth: 220px;
    height: auto;
    padding: 0px 4px;
    // border: 1px solid black;
    //display:block;
    min-width: 120px;
    //border:  2px solid #09F;
    display: inline;
    display: inline-block;
    overflow: hidden;
}
.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: #fff;
	  vertical-align: top;
  white-space: nowrap;
	}
	.table-sortable thead th {
	  background: rgb(251, 251, 255);
	  color: rgb(107, 107, 107);
	  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(219, 238, 248)  ;
  //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:.1px 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,103,122,.05) !important;
  border-bottom:.01px solid rgba(59, 119, 155, 0.76);
   //   color: rgb(200, 215, 215); 
  //mix-blend-mode: difference;
  
}
.table-sortable tr:hover 
{
  // 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,103,122,.05) !important;
  border-bottom:1px solid rgba(59, 119, 155, 1);
   //   color: rgb(200, 215, 215); 
  //mix-blend-mode: difference;
  
}
.table-sortable {
	
	
	padding: 0;
	margin: 0;
	border-spacing: 0;
  }
  .table-sortable td:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 4;
	background: rgb(243, 245, 252);
	white-space: nowrap;
	padding-left: 10px;
  }
  .table-sortable tr:first-child(even) td {
	//background-color: var(--table-even);
background-color: rgba(211,212,221,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(191,192,181,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); 
  
  }