/* === Разметка основного меню === */
.hz-bar ul {
 list-style: none;
 margin:0;
 padding:0;
  text-align: center;
}
.hz_menu > li {
 display: inline-block;
 margin:0;
 padding:0;
 position:relative;

}
.hz_menu li a {
 display:block;
 margin:0;
 padding:15px 20px;
 text-decoration: none;
}


/* === Разметка выпадающего подменю === */
.dropdown_menu {
 display: block;
 position: absolute;
 left: -3000px;
 top: 100%;
  z-index:1;

}
.dropdown_menu > ul {
 border: 1px solid;
 margin-top: 10px;  /* отступ от основного меню */
 padding: 10px 1px;
 min-width: 140px;
 opacity: 1;

}
.dropdown_menu li a {
 white-space: nowrap; /* если не очень длинные заголовки */
 z-index: 9999;
 padding: 10px 20px;
color:white;
}
.parent_dropdown:hover .dropdown_menu {
 left: 0px;
}
.parent_dropdown:hover .dropdown_menu ul {
 opacity: 1;
  background: gray
}


 A {
  text-decoration: none; /* Убирает подчеркивание для ссылок */
  color: black;
 } 
 A:hover { 
  text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
 } 

.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center; /* Контент размещаем в центре по горизонтали */
}

.container_tab {
    display: grid;  
    grid-template-columns: 1fr 3fr 1fr;
    text-align: center; /* Контент размещаем в центре по горизонтали */
    
}


.container4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center; /* Контент размещаем в центре по горизонтали */

}




.sortable {
  border-collapse: collapse;
  margin: 0px 0px;
  width: 100%;
  overflow-y: scroll;
  height: 50vh;
  display: block;

}

.sortable thead th {
  position: sticky;
  top: 0;
  background: #d8d8d8;
  border: 2px;
  cursor: pointer;
  width: 100%;
        }
.sortable  th, td {
  cursor: text;
  border: 1px solid black;
  padding: 8px;
  text-align: center;

}

.sortable th.no-sort {
   pointer-events: none;
}
.sortable th::after, 
.sortable th::before {
 transition: color 0.2s ease-in-out;
 font-size: 1.2em;
 color: transparent;
}
.sortable th::after {
   margin-left: 3px;
   content: '\025B8';
}
.sortable  th:hover::after {
   color: inherit;
}
.sortable  th.dir-d::after {
   color: inherit;
   content: '\025BE';
}
.sortable  th.dir-u::after {
   color: inherit;
   content: '\025B4';
}



.sortable0 {
  border-collapse: collapse;
  margin: 0px 0px;
  width: 100%;
}

.sortable0 thead th {
  position: sticky;
  top: 0;
  background: #d8d8d8;
  border: 2px;
  cursor: pointer;
  width: 100%;
        }
.sortable0  th, td {
  cursor: text;
  border: 1px solid black;
  padding: 8px;
  text-align: center;

}