:root {
	/* Generale - corpo del testo */
	--cbluelt: #4B94DE; /*Blu chiaro */
	--cbluedk: #014484; /*Blu schiro */
	--credlt:#D7000F;
	--creddk:#A3000B;
	--cgreenlt:#6CD75B;
	--cgreendk:#296728;
	--cblacklt:#5E5E5E;
	--cblackdk:#000000; /* black */
	--corangelt:#ffa300;
	--corangedk:#ff6500;
	--cyellowlt:#ffda4d;
	--cyellowdk:#dcae00;
	--cpurpplelt:#bd50ff;
	--cpurppledk:#8500d6;

	--cred:#A3000B;
	--cblue:#30638d;
	--cgreen:#296728;
	--cblack:#5E5E5E;
	--corange:#FF6600;
	--cyellow:#807b31;
	--cpurpple:#9F00FF;

	
	
	}
			
			
			
			
					.cal {		border: 1px solid grey; text-align: center; 
									background : white; border-radius: 7px; 
									font-family: sans; width: 66px;}
					.cal-day {	color: black; font-family : "sans-serif"; 
									font-weight: bold; font-size: 20px; 
									line-height: 28px; } 
					.cal-dow {	color: black; font-size: 8px; 
									line-height: 10px;}
					.cal-month {color: white; border-radius: 7px 7px 0px 0px;
    						 		line-height: 16px;}

					.month-blue {
							 background: var(--cbluelt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--cbluelt),var(--cbluedk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--cbluelt),var(--cbluedk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--cbluelt),var(--cbluedk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--cbluelt),var(--cbluedk)); /* Standard syntax */
					}

					.month-red {
							 background: var(--credlt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--credlt),var(--creddk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--credlt),var(--creddk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--credlt),var(--creddk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--credlt),var(--creddk)); /* Standard syntax */
					}

					.month-green {
							 background: var(--cgreenlt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--cgreenlt),var(--cgreendk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--cgreenlt),var(--cgreendk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--cgreenlt),var(--cgreendk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--cgreenlt),var(--cgreendk)); /* Standard syntax */
					}

					.month-black {
							 background: var(--cblacklt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--cblacklt),var(--cblackdk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--cblacklt),var(--cblackdk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--cblacklt),var(--cblackdk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--cblacklt),var(--cblackdk)); /* Standard syntax */
					}


				.month-orange {
							 background: var(--corangelt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--corangelt),var(--corangedk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--corangelt),var(--corangedk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--corangelt),var(--corangedk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--corangelt),var(--corangedk)); /* Standard syntax */
					}

				.month-yellow {
							 background: var(--cyellowlt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--cyellowlt),var(--cyellowdk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--cyellowlt),var(--cyellowdk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--cyellowlt),var(--cyellowdk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--cyellowlt),var(--cyellowdk)); /* Standard syntax */
					}

				.month-purple {
							 background: var(--cpurpplelt); /* For browsers that do not support gradients */
    						 background: -webkit-linear-gradient(var(--cpurpplelt),var(--cpurppledk)); /* For Safari 5.1 to 6.0 */
    						 background: -o-linear-gradient(var(--cpurpplelt),var(--cpurppledk)); /* For Opera 11.1 to 12.0 */
    						 background: -moz-linear-gradient(var(--cpurpplelt),var(--cpurppledk)); /* For Firefox 3.6 to 15 */
    						 background: linear-gradient(var(--cpurpplelt),var(--cpurppledk)); /* Standard syntax */
					}


				.color-yellow {	color : var(--cyellow) !important;} /* #807b31 */						
				.color-green {		color : var(--cgreen) !important;} /* #296728 */						
				.color-blue {		color : var(--cblue) !important;}
				.color-red {		color : var(--cred) !important;} /* #A3000B */
				.color-orange {	color : var(--corenge) !important;} /* #FF6600 */
				.color-purple {	color : var(--cpurpple) !important;} /* #9F00FF */
				.color-black {		color : var(--cblack) !important;}


				.km:before	{
									content: "Km.";
									background : #777;
									color: #ddd;
									font-size: 9.5px;
									padding: 1px;
									line-height: 10px;
								}					
					

				.table th, .table td {vertical-align : top !important;}
				.js-stools-container-filters-visible {background-color: inherit !important;}

				.js-stools-field-filter {
				 display: inline-table !important;
				 font-size: 12px !important;
				}
					
				.form-select {
					font-size: 1.2em !important;}
					
					
.table th td
{
	border : 1px solid #ccc;
}	
		
.table thead tr th
{
	border : 1px solid #ccc;
}	
		
					
			
.rank-line {
	cursor: pointer; 
	}	
.rank-line td { border: 1px solid #ccc;}

.rank-line td,
.rank-line td h4 { font-size: 1.1em !important;}	
.rank-line td h4 { color: #3784DC !important;}	


@media(width >= 992px ) {
.rank-line .rank {width: 5%; }
.rank-line .name {width: 20%; }	

.th-date {width: 10%; }
.th-title {width: 20%; }
.th-score {width: 10%; }
.th-note {width: 60%; }

			
}