.tblsmall{border-collapse:collapse;font-size:0.8em;border:1;}

/* Use overflow:scroll on your container to enable scrolling: */

.Zsortable {
  max-width: 100%;
  max-height:350px;
  overflow-y: scroll;
}


/* Use position: sticky to have it stick to the edge
 * and top, right, or left to choose which edge to stick to: */

.Zsortable thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}

.Zsortable tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
}


/* To have the header in the first column stick to the left: */

.Zsortable thead th:first-child {
  left: 0;
  z-index: 1;
}


/* Just to display it nicely: */

.Zsortable thead th {
  background: #eee;
  color: #000;
  font-weight:400;
  border: 1px solid #000;
}

.Zsortable tbody th {
  background: #FFF;
  border-right: 1px solid #000;
  text-align:left;
  font-weight:400;
}

.Zsortable table{
 border-color: black;
  background: #FFF;
border-width: .5px;
border-spacing: unset;
}

.Zsortable td,
.Zsortable td {
  padding: 0.5em;
}

:root{
    --xtd1: 4vw;
    --xtd2: 20vw;
    --xtd3: 12vw;
    --xtd4: 14vw;
    --xtd5: 14vw;
   --xtd6: 20vw;
   
}

.td1{width:40%;}
.td2{width:20%;}
.td3{width:20%;}
.sortable{font-size: 1em;}
.opplisttables{font-size: 0.8em;}
.sortableheader{font-size: 1em;text-align: center;}
.opptblhead{font-weight: 400;display: table-row;text-align: center;height: 6em;font-size: 0.8em;}

.opptblcell{
padding-left: 1px;
margin: 0px;
padding-right: 1px;
border-color: black;
border-style: dotted;
border-width: thin;
font-size: .85em;
text-align: center;
  padding-top: 4px;
position: relative;
}
.sortarrow2{
position: absolute;
left: -6px;
top: -1px;
}
.sortarrow{

  	position: absolute;
bottom: 0;
background-color: lightcyan;
width: 100%;
left: 0px;
height: 1.3em;
}
.headtextcell_V{
	vertical-align: middle;
	writing-mode:tb-rl;
	-webkit-transform: rotate(-180deg); /* Chrome y Safari */
	filter:flipH flipV;
	background:#fefafa; /* для устранения бага с отображением текста в IE6 и ниже */
	position: absolute;
	height: 12em;
	width: 100%;
	display: inline-block;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
.headtextcell_H1{
vertical-align: middle;
width: 100%;
}

.sortheaderX{
position: relative;
height: 100%;
display: inline-block;
width: 100%;
padding-bottom:.5em;
cursor:pointer;
color:blue;
}
.sortheaderX:hover{text-decoration: underline;}

.addinfodiv{
    border: solid thin #e92121;
    background-color: #fefafa;
    padding: 15px;
    border-style: none;
    margin-bottom: 10px;
    box-shadow: 2px 3px 9px gray;
    min-width:700px;	
}
.headspec{min-width: 320px;border: 0px;padding: 4px 7px;margin: 3px;cursor: pointer;width: 100%;}
.accord-header:hover{background: linear-gradient(to right, #e0e0e0, #fff);font-weight: 600;}
.tableuch{font-size: 1.2em; width:100%; min-width:700px; cellpadding:0;border-collapse:collapse;}
.tableuch td {border-left:solid thin black;border-right:solid thin black;}
.tableuch tr:hover {background-color: #e7ffff;}

.sortableheader th:nth-child(1), .sortable tr th:nth-child(1){text-align:center;min-width::var(--xtd1);max-width:var(--xtd1); width:var(--xtd1);}
.sortableheader th:nth-child(2), .sortable tr td:nth-child(2){text-align:left;min-width::var(--xtd2);max-width:var(--xtd2); width:var(--xtd2);}
.sortableheader th:nth-child(3), .sortable tr td:nth-child(3){text-align:center;min-width::var(--xtd3);max-width:var(--xtd3); width:var(--xtd3);}
.sortableheader th:nth-child(4), .sortable tr td:nth-child(4){text-align:center;min-width::var(--xtd4);max-width:var(--xtd4); width:var(--xtd4);}
.sortableheader th:nth-child(5), .sortable tr td:nth-child(5){text-align:center;min-width::var(--xtd5);max-width:var(--xtd5); width:var(--xtd5);}
.sortableheader th:nth-child(6), .sortable tr td:nth-child(6){text-align:left;min-width::var(--xtd6);max-width:var(--xtd6); width:var(--xtd6);}

.sortable, .sortableheader{border-collapse: unset;border-block-width: .5px;}
.opptblhead td {position: relative;text-align: center;font-size: 1em;}


.sortablescroll{overflow-y:auto;width:100%;max-height: 300px;}
.sortablescroll{scrollbar-width: none;}