/* трансформация таблицы бля вертикального отображения строк */

tr      { 
        display: block; 
        float: left; 
        }
th, td { 
        display: block;
         border: 1px solid black;
        }
tr>*:not(:first-child) {
        border-top: 0; }
tr:not(:first-child)>* {
        border-left:0; }

/* выделение строк и столбцов */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	overflow: hidden;
}
table th, table td {

	/* padding: 10px; */
	/* text-align: center;
	vertical-align: middle; */
	/* position: relative; */
}
table th, table td {

	/* padding: 10px;
	text-align: center;
	vertical-align: middle; */
	position: relative;
}
table td:hover {
	background: #0F9;
}
 
table td:hover:before { 
	background-color: #afff02;
	content: '';  
	height: 100%;
	left: -5000px;
	position: absolute;  
	top: 0;
	width: 5000px;   
	z-index: -2;        
}
 
table td:hover:after { 
	background-color: #afff02;
	content: '';  
	height: 5000px;    
	left: 0;
	position: absolute;  
	top: -5000px;
	width: 100%;
	z-index: -1;        
}

/* растягивание таблицы по всей ширине блока */

table tr {
        width: 5.88%;
		padding: 0;
		margin: 0;
}


/*   настройки ячеек */
.tb {
    /*  настройка отображения границ ячеек   */
    border-color: #212121;
    border-style: solid;
    border-width: 1px;

    /*  размеры ячеек    */
    width: auto;
    height: 2.35vh;  

    /*   настройки отображения содержимого ячеек   */
    text-align:center;
    vertical-align: middle;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4vh;
	padding: 0;
	margin: 0;
	/* overflow:hidden; */
}


/* вывод года поверх таблицы */
.yrTable {
position: absolute;
/* top: 5vh; */
margin: 2.5vh;
right: 0;
font-size: 4vh;
background-color: white;
z-index: 1;
border: 2px black solid;
}

/* sup {
	right: 0;
	top: 0;
    vertical-align:top;

} */

.current_day {
	background: #0F9;
}


/* настройки для печатной версии графика */

@media print{
	* {
	-webkit-print-color-adjust: exact !important;
	color-adjust: exact !important;
	}
	}

@media print{
		ul, ol, table {
		page-break-inside: avoid;
		}
		}

@media print {
		.noprint {
			display: none;
			}
			}

@media screen {
		.yrTable {
				display: none;
				}
				}
@media print{
		.yrTable {
				display: block;
				}
				}

@media print{
		.current_day {
			display: none;
		}

}