#hourly-tooltip {
    		position: absolute;
    		z-index: 1070;
    		display: block;
    		font-size: .875rem;
    		word-wrap: break-word;
    		background: rgba(255,255,255,0);
    		color: white;
    		text-align: center;
    		border-radius: .25rem;
    		opacity: 1;
    	}
    	.tooltip-inner {
    		border: 1px solid #DFDFDF;
    		max-width: 300px;
    		padding: .25em .5em;
    		color: #333;
    		text-align: center;
    		background-color: rgba(255,255,255,1);
    		border-radius: .25rem;
    	}
    	.tooltip-arrow {
    		position: absolute;
    		display: block;
    		width: .8rem;
    		height: .4rem;
    		bottom: 0.4rem;
    		left: calc(50% - (.4rem / 2));
    	}
    	.tooltip-arrow::before {
    		position: absolute;
    		content: "";
    		border-color: transparent;
    		border-style: solid;
    	}
    	.bs-tooltip-top .tooltip-arrow::before {
    		top: 0;
    		border-width: .4rem .4rem 0;
    		border-top-color: #DFDFDF;
    	}