#calendario {/*position: relative; top: 0; left: 0; right: 0; bottom: 0; */width: 500px; overflow: auto; cursor: default;}
#legenda span { display: inline-block; width: 1em; height: 1em; vertical-align: middle; border: 1px solid #000000; }

.year { border-collapse: separate; border-spacing: 0;}
.year thead {background-color: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 1000;}
.year tr>th:first-of-type { text-align: left; background-color: #fff; position: -webkit-sticky; position: sticky; left: 0; padding: 0.2em;}
.year th { border: 1px solid #ccc; border-right-color: transparent; border-bottom-color: transparent; width: 2ex; font-weight: normal; white-space: nowrap;}
.year td { border: 1px solid #ccc; border-right-color: transparent; border-bottom-color: transparent; padding: 3px; text-align: center;}
.months th { background-color: #EB4E0F !important; color: #fff !important; border: 1px solid #EB4E0F; border-right-color: transparent; border-bottom-color: transparent; border-left: 1px solid #ccc; font-size: 1.25em; white-space: nowrap; }
.unit th { background-color: #EB4E0F !important; color: #fff !important; padding: 0.2em !important;}

/* http://www.patternify.com/ */
.unconfirmed, .offlimit { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAhSURBVBhXY/gPBAxIAM6HMeACMIBTAC4BZ0DB/////wMAW3Aj3ahR+y0AAAAASUVORK5CYII=) repeat; }

.type1 { background-color: rgba(0, 204, 255, 0.7); } /* _permesso */
.type2 { background-color: rgba(255, 238, 0, 0.7); } /* _recupero */
.type3 { background-color: rgba(0, 255, 0, 0.7); } /* _ferie */
.type4 { background-color: rgba(255, 0, 0, 0.7); } /* _malattia */
.type5 { background-color: rgba(220, 220, 220, 0.7); } /* _festivo */
.selected { border: 1px solid #EB4E0F !important; }

.today { color: #fff; background-color: #000;}