@CHARSET "UTF-8";

#main_container .calendario header #current_month,
#main_container .calendario header .oggi,
#main_container .calendario header .buttons {
	position: absolute;
}

#main_container .calendario header .buttons {
	right: 80px;
	height: 40px;
}

#main_container .calendario header .oggi {
	right: 180px;
	height: 40px;
	
	line-height: 40px;
	font-family: 'montserratbold';
	
	cursor: pointer;
}

#main_container .calendario header .buttons img {
	position: relative;
	
	display: inline-block;
	vertical-align: top;
}

#main_container .calendario header .buttons img {
	cursor: pointer;
	margin: 8px 0 0 0;
}

#main_container .calendario header #current_month {
	left: 100px;
	
	width: 130px;
	height: 40px;
	
	line-height: 40px;
	font-family: 'montserratbold';
	text-align: center;
}

#main_container .calendario section .dettaglio {
	top: 10px;
	bottom: 5px;
	
	border-right: solid 1px;
}

#dettaglio_calendario_2 {
	position: absolute;
	right: 30px;
	bottom: 10px;
	left: 0px;
	
	height: 188px;
}

#main_container .calendario section .dettaglio .day_container,
#main_container .pannello_iniziale .day_container {
	position: absolute;
	top: 30px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

#main_container .calendario section .dettaglio .label,
#main_container .calendario section .dettaglio .day_container .day,
#main_container .pannello_iniziale .label,
#main_container .pannello_iniziale .day_container .day {
	position: relative;
	margin: 0;
	padding: 0;

	box-sizing: content-box;
	display: inline-block;
	vertical-align: top;
	
	width: calc(100% / 7 - 1px);
	
	border-right: solid 1px;
}

#main_container .calendario section .dettaglio .label,
#main_container .pannello_iniziale .label {
	height: 30px;
	
	line-height: 30px;
	text-align: center;
	font-family: 'montserratbold';
}

#main_container .calendario section .dettaglio .day_container .day,
#main_container .pannello_iniziale .day_container .day {
	height: calc(100% / 6 - 1px);
	border-top: solid 1px;
}

#main_container .calendario section .dettaglio .label:nth-child(7),
#main_container .calendario section .dettaglio .day_container .day:nth-child(7),
#main_container .calendario section .dettaglio .day_container .day:nth-child(15),
#main_container .calendario section .dettaglio .day_container .day:nth-child(23),
#main_container .calendario section .dettaglio .day_container .day:nth-child(31),
#main_container .calendario section .dettaglio .day_container .day:nth-child(39),
#main_container .calendario section .dettaglio .day_container .day:nth-child(47),
#main_container .pannello_iniziale .label:nth-child(7),
#main_container .pannello_iniziale .day_container .day:nth-child(7),
#main_container .pannello_iniziale .day_container .day:nth-child(15),
#main_container .pannello_iniziale .day_container .day:nth-child(23),
#main_container .pannello_iniziale .day_container .day:nth-child(31),
#main_container .pannello_iniziale .day_container .day:nth-child(39),
#main_container .pannello_iniziale .day_container .day:nth-child(47) {
	width: calc(100% / 7);
	border-right: none;
}

#main_container .calendario section .dettaglio .day_container .day .date,
#main_container .pannello_iniziale .day_container .day .date {
	position: relative;
	width: 100%;
	height: 30px;
}

#main_container .calendario section .dettaglio .day_container .day .date .day_circle,
#main_container .pannello_iniziale .day_container .day .date .day_circle {
	position: relative;
	margin: 2px 0 0 2px;
	
	width: 28px;
	height: 28px;
	
	text-align: center;
	line-height: 28px;
	
	border: solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#main_container .calendario section .dettaglio .day_container .day .total,
#main_container .pannello_iniziale .day_container .day .total {
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: 0;
	margin-right: -50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
	width: 40px;
	height: 40px;
	
	text-align: center;
	line-height: 40px;
	
	border: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

#main_container .calendario section .dettaglio .day_container .day .total .count,
#main_container .pannello_iniziale .day_container .day .total .count {
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: 0;
	margin-right: -50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
	font-family: 'montserratbold';
	font-size: 1.1em;
}

#main_container .calendario section .dettaglio .day_container .day .events_overflow,
#main_container .pannello_iniziale .day_container .day .events_overflow {
	position: relative;
	margin: 0;
	
	width: 100%;
	height: calc(100% - 30px);
	
	overflow: auto;
}

#main_container .calendario section .dettaglio .day_container .day .events_overflow .event,
#main_container .pannello_iniziale .day_container .day .events_overflow .event {
	position: relative;
	margin: 1px;
	padding: 0 0 0 2px;
	
	height: 20px;
	
	line-height: 20px;
	font-size: 0.8em;
	
	cursor: pointer;
	
	overflow: hidden;
}

#dettaglio_calendario_2 .scrolling_trow {
	border-right: solid 1px;
}

#dettaglio_calendario_2 .scrolling_trow .td_boxer .caldav_time {
	width: 100px;
}

#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_1 {
	font-family: 'montserratbold';
}

#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_1,
#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_2 {
	width: 25%;
}

#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_3,
#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_5 {
	width: 10%;
}

#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_4,
#dettaglio_calendario_2 .scrolling_trow .td_boxer .td_6 {
	width: 5%;
}

#barra_temporale {
	position: absolute;
	top: 100px;
	right: 0px;
	bottom: 10px;
	
	width: 70px;
	
	border-top: solid 1px;
	
	display: none;
}

#barra_temporale .day_tile {
	position: relative;
	width: inherit;
	
	font-size: 0.8em;
	
	border-bottom: solid 1px;
	
	cursor: pointer;
}

#barra_temporale .day_tile .day,
#barra_temporale .day_tile .total {
	position: relative;
	margin: 0;
	padding: 0;
	
	height: 100%;
	
	display: inline-block;
	vertical-align: top;
}

#barra_temporale .day_tile .day span,
#barra_temporale .day_tile .total span {
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: 0;
	margin-right: -50%;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#barra_temporale .day_tile .day {
	width: 30px;
	
	border-right: solid 1px;
}

#barra_temporale .day_tile .total {
	width: calc(100% - 30px);
}

#barra_temporale .days_in_a_month_28 {
	height: calc(100% / 28);
}

#barra_temporale .days_in_a_month_29 {
	height: calc(100% / 29);
}

#barra_temporale .days_in_a_month_30 {
	height: calc(100% / 30);
}

#barra_temporale .days_in_a_month_31 {
	height: calc(100% / 31);
}
