.data td{
	min-width: 25px;
	text-align: center;
	border: 1px solid #ccc !important;
}
.redbg{
	background-color: #ffaa99 !important;
}

span[data-tooltip] {
background-color: #fefeff;
border: 1px solid #777;
border-radius: 1px;
padding: 2px;
}

	[data-tooltip] {
    position: relative; /* Относительное позиционирование */ 
   }
   [data-tooltip]::after {
    content: attr(data-tooltip); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: 300px; /* Ширина подсказки */
    left: 0; top: 0; /* Положение подсказки */
    background: #fefeff; /* Цвет фона */
    color: #777; /* Цвет текста */
    padding: 0.5em; /* Поля вокруг текста */
	border: 1px solid #777;
	border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    transition: 1s; /* Время появления подсказки */
   } 
   [data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: 2em; /* Положение подсказки */
   }