.OverDate {
			position: relative;
			background: #6d6d6d;
			border-radius: 50%;
			width: 32px;
			height:32px;
		}
        
.pointText {
    line-height: 32px;
    font-weight: bold;
    font-size: 18px;
    color: white
}

.point:hover {
    -webkit-animation-delay: .125s;
    animation-delay: .125s
}

.point {
    width: 32px;
    height: 32px;
    color: #e20152;
    border-radius: 50%;
    background-color: #e20152;
    position: relative;
    vertical-align: baseline
}

.point:after {
    display: block;
    position: absolute;
    content: "";
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: currentColor;
    top: -webkit-calc(50% - 32px);
    top: calc(50% - 32px);
    left: -webkit-calc(50% - 32px);
    left: calc(50% - 32px);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    will-change: transform, opacity;
    opacity: 0
}

.point:hover:after {
    -webkit-animation: emph 1.25s;
    animation: emph 1.25s;
    -webkit-animation-delay: inherit;
    animation-delay: inherit
}

@-webkit-keyframes emph {
    10% {
        -webkit-transform: none;
        transform: none;
        opacity: .5
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes emph {
    10% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: .5
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}