/* Cтили page-time_table start */

.background_color-grey{
	background-color: #55565A;
}

.color-grey{
	color: #55565A;
}

		.timer-table__table-container {
			display: flex;
			align-items: flex-start;
			margin: 212px 0 100px 0;
		}
		
		/* ====== ЛЕВАЯ ФИКСИРОВАННАЯ КОЛОНКА ====== */
		.timer-table__fixed-col {
			flex: 0 0 200px;
			margin-right: 40px;
		}
		
		.timer-table__first {
			border-collapse: collapse;
			table-layout: fixed;
			width: 360px;
		}
		
		.timer-table__first__th-name {
			width: 100%;
			height: 58px;
			background-color: #E61739;
			border-radius: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 18px;
			line-height: 1.2;
			font-weight: 600;
		}
		
		.timer-table__first__th-name.timer-table__second__th-name {
			width: 160px;
			margin-right: auto;
		}
		
		.timer-table__fixed-col th,
		.timer-table__fixed-col td {
			border: none;
			background: #F0EEEE;
		}
		
		.timer-table__fixed-col td {
			box-sizing: border-box;
			height: 74px;
			padding: 20px 30px 20px 20px;
			display: flex;
			align-items: center;
			font-size: 16px;
			line-height: 1.1;
		}
		
		.timer-table__fixed-col th {
			height: 78px;
			background: transparent;
			color: #FAFAFA;
			font-weight: 600;
		}
		
		/* ====== ПРАВАЯ ЧАСТЬ - SCROLL AREA ====== */
		.timer-table__scroll-area-wrapper {
			width: 100%;
		}
		
		.timer-table__scroll-area {
			overflow-x: auto;
			overflow-y: hidden;
			width: 760px;
			position: relative;
			cursor: grab;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
		}
		
		.timer-table__scroll-area:active {
			cursor: grabbing;
		}
		
		.timer-table__scroll-area::-webkit-scrollbar {
			display: none;
		}
		
		.timer-table__second {
			border-collapse: collapse;
			min-width: 1200px;
		}
		
		.timer-table__scroll-area th,
		.timer-table__scroll-area td {
			width: 200px;
			text-align: center;
			white-space: nowrap;
		}
		
		.timer-table__scroll-area thead tr {
			height: 78px;
		}
		
		.timer-table__scroll-area th {
			height: 74px;
			border: none;
			font-weight: 600;
			color: #FAFAFA;
		}
		
		.timer-table__scroll-area td {
			box-sizing: border-box;
			height: 74px;
			padding: 20px 30px 20px 0;
			font-size: 16px;
			line-height: 1.1;
			border-bottom: 1px solid #55565A;
			background: #F0EEEE;
			position: relative;
		}
		
		.timer-table__scroll-area__td {
			position: absolute;
			top: 50%;
			left: 40%;
			transform: translate(-50%, -50%);
		}

.timer-table__scroll-area td {
  border-bottom: none; 
  position: relative; 
}


.timer-table__scroll-area tbody tr {
  position: relative;
}


.timer-table__scroll-area tbody tr::after {
  content: "";
  position: absolute;
  left: 20px;    
  right: 20px;   
  bottom: 0;     
  height: 1px;
  background: #55565A;
  pointer-events: none;
  z-index: 2;    
}

.timer-table__scroll-area tbody tr:last-child::after {
  display: none;
}
		

		tbody tr:first-child td:first-child { border-top-left-radius: 20px; }
		tbody tr:first-child td:last-child { border-top-right-radius: 20px; }
		tbody tr:last-child td:first-child { border-bottom-left-radius: 20px; }
		tbody tr:last-child td:last-child { border-bottom-right-radius: 20px; }
		.timer-table__scroll-area tr:last-child td { border-bottom: none; }
		
		/* ====== КАСТОМНЫЙ СКРОЛЛ ====== */
		.timer-table__second-custom-scrollbar {
			margin-top: 20px;
			height: 12px;
			background: #D9D9D9;
			border-radius: 50px;
			position: relative;
			width: 100%; 
		}
		
		.timer-table__second-custom-scrollbar-thumb {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 117px;
			background: #E61739;
			border-radius: 50px;
			cursor: grab;
			transition: left 0.1s linear;
		}
		
		.timer-table__second-custom-scrollbar-thumb:active {
			cursor: grabbing;
		}
		
		@media (max-width: 1300px) {
			.timer-table__table-container { margin-top: 190px; }
			.timer-table__first { width: 300px; }
			.timer-table__fixed-col td { padding-right: 20px; }
			.timer-table__fixed-col th { height: 70px; }
			.timer-table__first__th-name {
				height: 50px;
				font-size: 16px;
				line-height: 1.1;
			}
			.timer-table__scroll-area-wrapper {
				width: calc(100% - 340px);
			}
			.timer-table__scroll-area { width: 100%; }
			.timer-table__scroll-area thead tr,
			.timer-table__scroll-area thead tr th {
				height: 70px;
			}
			.timer-table__scroll-area th,
			.timer-table__scroll-area td {
				width: 180px;
			}
			.timer-table__second {
				min-width: 1080px;
			}
			.timer-table__second-custom-scrollbar-thumb {
				width: 80px;
			}
			.timer-table__second-custom-scrollbar {
				margin-top: 13px;
			}
		}
		
		@media (max-width: 995px) {
			.timer-table__table-container { margin-top: 110px; }
		}
		
		@media (max-width: 767px) {
			.timer-table__table-container {  margin-bottom: 40px; }
		}
		
		@media (max-width: 719px) {
			.timer-table__first { width: 200px; }
			.timer-table__fixed-col { margin-right: 20px; }
			.timer-table__fixed-col td {
				padding-right: 10px;
				padding-left: 10px;
				font-size: 14px;
			}
			.timer-table__fixed-col th { height: 60px; }
			.timer-table__first__th-name {
				height: 40px;
				font-size: 16px;
				line-height: 1.1;
			}
			.timer-table__first__th-name.timer-table__second__th-name {
				font-size: 14px;
				width: 100px;
				margin: 0;
			}
			.timer-table__scroll-area tbody tr::after {
				left: 5px;
				right: 5px;
			}
			.timer-table__scroll-area__td {
				position: absolute;
				top: 50%;
				left: 40%;
				transform: translate(-50%, -50%);
			}
			.timer-table__scroll-area-wrapper {
				width: calc(100% - 220px);
			}
			.timer-table__scroll-area { width: 100%; }
			.timer-table__scroll-area thead tr,
			.timer-table__scroll-area thead tr th {
				height: 60px;
			}
			.timer-table__scroll-area th,
			.timer-table__scroll-area td {
				width: 110px;
			}
			.timer-table__scroll-area td {
				font-size: 14px;
				padding: 0;
			}
			.timer-table__second {
				table-layout: fixed;
				min-width: 660px;
			}
			.timer-table__second-custom-scrollbar-thumb {
				width: 30% !important;
			}
			.timer-table__second-custom-scrollbar {
				margin-top: 13px;
			}
		}
		
		@media (max-width: 460px) {
			.timer-table__first { width: 150px; }
			.timer-table__fixed-col { margin-right: -35px; }
			.timer-table__fixed-col td {
				padding-right: 3px;
				padding-left: 6px;
				font-size: 12px;
			}
			.timer-table__scroll-area-wrapper {
				width: calc(100% - 165px);
			}
			.timer-table__first__th-name { font-size: 14px; }
		}

	/* Cтили page-time_table end */