.container-fluid {
	padding: 12px!important
}

#overlay {
	width: 100%;
	height: 100vh;
	position: absolute;
	background: #fff;
	top: 0px;
	left: 0px;
	z-index: 4;
	display: grid;
	align-content: center;
	justify-content: center;
}

#overlay-2 {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #4e73df;
	top: 0px;
	left: 0px;
	z-index: 3;
}


/* width */

 ::-webkit-scrollbar {
	width: 4px;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
	background: #4e73df;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
	background: #4e73df;
}

.centro {
	align-content: center;
	height: 100vh
}

.checktext {
	margin-left: 4px;
	color: #333;
	font-size: 16px
}

li,
input {
	cursor: pointer
}

.period-title {
	font-size: 14px;
}

#chartbar {
	width: 60%;
	margin: 10px
}


/* On screens that are 600px or less, set the background color to olive */

@media screen and (max-width: 600px) {
	#chartbar {
		width: 100%
	}
    .calcola{
        float:right;
        margin-top:-14px;
        padding: 4px;
        font-size: 14px;
        width: 70px;
    }
    .data-odierna{
        margin-top: 50px;
        margin-bottom: 10px;
    }
    
    
}