@CHARSET "UTF-8";

/* ========================= AVVISI =================================== */
#avvisi_area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	
	width: 71px;
	
	border-left: solid 1px;
	
	z-index: 50;
	
	overflow: hidden;
}

.avvisi_dummy_filler {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	
	border-left: solid 2px;
	
	z-index: -1;
}

#avvisi_area #mark_all_read {
	position: fixed;
	top: 0;
	right: -2px;
	
	height: 38px;
	width: 0;

	text-align: center;
	line-height: 38px;
	font-weight: bold;
	
	border-left: solid 2px;
	
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
}

.avvisi_sub_area {
	position: relative;
	margin: 0;
	
	width: 100%;

	border-left: solid 2px;	
	border-bottom: solid 2px;
}

.avvisi_sub_area:nth-child(1) {
	margin: 0;
	height: 40px;
	
	cursor: pointer;
}

.avvisi_sub_area:nth-child(2) {
	height: calc((100%) - 40px);
	
	border-bottom: none;
}

#avvisi_area .avvisi_sub_area:nth-child(1) .avvisi_button_container {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	
	width: 69px;
}

#avvisi_area .avvisi_sub_area:nth-child(1) .avvisi_button_container #avvisi_button {
	position: absolute;
	top: 6px;
	left: 23px;
}

#avvisi_area .avvisi_sub_area:nth-child(1) .lbltime {
	position: absolute;
	top: 0px;
	right: 180px;
	left: 71px;
	
	height: 40px;
	width: 250px;

	text-align: left;
	line-height: 40px;
}

#avvisi_area .avvisi_sub_area:nth-child(1) .lbltime div {
	display: inline-block;
}

#avvisi_area .avvisi_sub_area:nth-child(1) #lbltime {
	font-weight: bold;
}

#avvisi_area .avvisi_sub_area .fisso {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	
	width: 69px;
	
	border-right: solid 1px;
	
	cursor: pointer;
}

#avvisi_area .avvisi_sub_area .fisso .avvisi_icon {
	position: absolute;
	top: 20px;
	left: 17px;
}

#avvisi_area .avvisi_sub_area .fisso .avvisi_totale {
	position: absolute;
	top: 60px;
	right: 0px;
	
	height: 30px;
	width: 68px;

	text-align: center;
	line-height: 30px;
	font-weight: bold;
}

#avvisi_area .avvisi_sub_area .fisso #avvisi_alert {
	position: absolute;
	top: 90px;
	right: 0;
	bottom: 0;
	left: 0;
	
	animation: none;
}

#avvisi_area .avvisi_sub_area .fisso #day_display {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 70px;
	height: 32px;
}

#avvisi_area .avvisi_sub_area .fisso #day_display img {
	position: absolute;
	top: 0;
	left: 50%;
	
	margin: 0;
	margin-right: -50%;
	
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

#avvisi_area .avvisi_sub_area .fisso #day_display #day_display_number {
	position: absolute;
	top: 60%;
	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-weight: bold;
    font-size: 0.9em;
}

#avvisi_area .avvisi_sub_area .scomparsa {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 69px;
	
	overflow: hidden;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio {
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 5px;
	left: 0;
	
	border-top: solid 1px;
	
	overflow-y: auto;
	overflow-x: hidden;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso {
	position: relative;
	
	border-bottom: solid 1px;
	
	overflow: hidden;
}

/*#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .tag {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 10px;
	
	border-left: solid 1px;
}*/

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio {
	position: relative;
	margin: 0px 0px 0px 11px;
	
	padding: 5px;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .azione_2 {
	position: absolute;
	top: 10px;
	right: 5px;
	
	cursor: pointer;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .testa,
#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .corpo {
	position: relative;
	padding: 2px 5px;
	
	line-height: 20px;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .testa .data {
	float: left;
	
	font-weight: bold;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .testa .azione {
	float: right;
	margin-left: 10px;
	
	cursor: pointer;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .testa .data img {
	position: relative;
	float: left;
	margin: 2px 5px 0px 0px;
}

#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso .messaggio .testa .av_label {
	position: relative;
	float: left;
}

/* Animazioni */
#avvisi_area,
#avvisi_button,
#avvisi_area #mark_all_read,
#avvisi_area .avvisi_sub_area .scomparsa,
#avvisi_area .avvisi_sub_area .scomparsa .dettaglio {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}

.avvisi_sub_area,
#avvisi_area .avvisi_sub_area .scomparsa .dettaglio .avviso {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}