h1 {
    width: 417;
    height: 36;
    margin: 15px auto;
    text-align: center;
}
hr {
    width: 100%;
}
ul {
    list-style-type: none;
}
summary {
    cursor: pointer;
}
ol {
    padding: 0;
    margin-left: 10px;
}

#employees-block > ol > li {
    position: relative; /* Устанавливаем позицию для псевдоэлемента */
    padding: 10px 0; /* Отступы для элементов списка */
}
#employees-block > ol > li::after {
    content: ""; /* Создаем пустой контент для псевдоэлемента */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Сдвигаем влево */
    right: 0; /* Сдвигаем вправо */
    bottom: 0; /* Сдвигаем вниз */
    height: 1px; /* Высота линии */
    background-color: #ccc; /* Цвет линии */
    z-index: 1; /* Помещаем линию под текстом */
}
#employees-block > ol > li:last-child::after {
    content: none; /* Убираем линию после последнего элемента */
}


#projects-block ul > li {
    position: relative; /* Устанавливаем позицию для псевдоэлемента */
    padding: 10px 0; /* Отступы для элементов списка */
}

#projects-block ul > li::after {
    content: ""; /* Создаем пустой контент для псевдоэлемента */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Сдвигаем влево */
    right: 0; /* Сдвигаем вправо */
    bottom: 0; /* Сдвигаем вниз */
    height: 1px; /* Высота линии */
    background-color: #ccc; /* Цвет линии */
    z-index: 1; /* Помещаем линию под текстом */
}
#projects-block ul > li:last-child::after {
    content: none; /* Убираем линию после последнего элемента */
}

.container {
    position: relative;
}
.block {
    box-shadow: 4px 0px 22px 0px #0000001A;
    position: relative;
    padding: 15px;
}
.left-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-right: 20px;
}
.top-right-side {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Две колонки одинаковой ширины */
    gap: 20px; /* Промежуток между элементами */
    margin-bottom: 15px;
}
.green {
    color: #00B719;
    font-weight: bold;
}

.green-font {
    color: #00B719;
}
.red {
    color: red;
    font-weight: bold;
}

.red-font {
    color: red;
}
.blue-font {
    color: #6620FF;
}
.grey-font {
    color: grey;
}
.background-blue {
    background-color: #6620FF;
}
.pink-font {
    color: pink;
}
.yellow-font {
    color: #FFA616;
}
.background-pink {
    background-color: pink;
}
.background-grey {
    background-color: grey;
}
.background-green {
    background-color: #D2FFD8;
}
.background-red {
    background-color: #FEC5C5;
}
.background-yellow {
    background-color: #FBFFBF;
}
#time-block {
    width: 421;
    height: 131;
}
#total-data-block {
    width: 421;
    height: 131;
}
#employees-block {
    width: 421;
    height: 683;
}

#employees-block ul li {
    display: inline;
    margin-right: 10px;
}
#all-projects-block {
    display: flex;
    gap: 20px;
}
caption {
    text-align: left;
    font-weight: bold;
}
table {
    width: 100%;
}
table th, table td {
    text-align: center;
    padding: 10px;
}
table td button {
    width: 100%;
}
th:nth-child(odd) {
    background-color: #E9E9E9;
}
.wrapper-chart {
    display: flex;
}
.green-marker, .red-marker, .blue-marker, .grey-marker, .pink-marker {
    display: inline-block; /* Отображение в строке */
    width: 10px; /* Ширина маркера */
    height: 10px; /* Высота маркера */
    border-radius: 50%; /* Закругленные углы для создания круга */
    margin-right: 5px; /* Отступ справа */
}
.green-marker {
    background-color: #00B719; /* Цвет маркера */
}

.red-marker {
    background-color: red; /* Цвет маркера */
}

.pink-marker {
    background-color: pink; /* Цвет маркера */
}

.grey-marker {
    background-color: grey; /* Цвет маркера */
}

.blue-marker {
    background-color: #6620FF; /* Цвет маркера */
}
#dateRangeForm {
    margin: 0 auto;
    width: 417px;
}
.table-wrap {
    overflow-x: auto; /* Включает горизонтальную прокрутку */
    width: 100%; /* Ширина контейнера */
}
.table-wrap > table {
    width: 100%; /* Ширина таблицы */
    table-layout: fixed; /* Фиксированная ширина столбцов */
}
.table-wrap > table th, .table-wrap > table td {
    width: 200px; /* Фиксированная ширина столбцов */
    border: 1px solid #ccc; /* Граница для столбцов */
    padding: 8px; /* Отступы внутри ячеек */
    text-align: left; /* Выравнивание текста */
}
.untouchable {
    background-color: #ffdcdc;
}

.fix-table-wrap {position: relative;}
.fix-table-wrap .table-wrap.cloned {pointer-events: none; overflow: hidden; position: absolute; top: 0; left: -2px; z-index: 220;}
.fix-table-wrap .table-wrap.cloned td, .fix-table-wrap .table-wrap.cloned th {visibility: hidden;}
.fix-table-wrap .table-wrap.cloned td:first-child, .fix-table-wrap .table-wrap.cloned th:first-child {width: 202px; visibility: visible; background: #fff;}