.scheduleGraph{
}
.scheduleGraph .clear{ clear:both; height: 0; line-height: 0;}
.scheduleGraph .sc_wrapper{
}
.scheduleGraph .sc_menu{
	width:100%;
	height:26px;
}
.scheduleGraph .sc_menu .sc_header_cell{
	float:left;
}
.scheduleGraph .sc_menu .sc_header{
	float:left;
	height:26px;
	position:relative;
	overflow:hidden;
}
.scheduleGraph .sc_menu .sc_header .sc_time{
	text-align:center;
	border-left:solid 1px #FFF;
	background:#333;
}
.scheduleGraph .sc_menu .sc_header_cell,
.scheduleGraph .sc_data{
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	background:#333;
	position:relative;
}
.scheduleGraph .sc_menu .sc_header_scroll,
.scheduleGraph .sc_data .sc_data_scroll{
	position:absolute;
	left:0;
	top:0;
}
.scheduleGraph .sc_menu .sc_header_cell,
.scheduleGraph .sc_header .sc_time,
.scheduleGraph .sc_main_scroll .sc_time{
	color:#FFFFFF;
	padding:4px 0;
	line-height:18px;
	height:18px;
	display:block;
	font-size: 11px;
}
.scheduleGraph .sc_header .sc_time,
.scheduleGraph .sc_main_scroll .sc_time{
	float:left;
}
.scheduleGraph .sc_main_box,
.scheduleGraph .sc_data{
	max-height:500px;
	overflow:hidden;
}
.scheduleGraph .sc_main_box{
	float:left;
	overflow-x:auto;
	overflow-y:auto;
}
.scheduleGraph .sc_main_scroll{
}
.scheduleGraph .sc_main{
	position:relative;
}
.scheduleGraph .timeline{
	position:relative;
}
.scheduleGraph .sc_Bar{
	position:absolute;
	color:#FFF;
	background:#4f93d6;
	cursor:pointer;
	z-index:10;
	box-shadow: 2px 2px 4px #333;
	-moz-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 2px 2px 4px #333;
}
.scheduleGraph .ui-draggable-dragging,
.scheduleGraph .ui-resizeable{
	z-index:20;
}
.scheduleGraph .sc_Bar .head{
	display:block;
	padding:6px 8px 0;
	font-size:12px;
	height:16px;
	overflow:hidden;
}
.scheduleGraph .sc_Bar .text{
	display:block;
	padding:5px 15px 0;
	font-weight:bold;
	height:12px;
	overflow:hidden;
}
.scheduleGraph .timeline,
.scheduleGraph .sc_main .tb{
	border-bottom:solid 2px #666;
}
.scheduleGraph .sc_data .timeline{
	overflow:hidden;
}
.scheduleGraph .sc_data .timeline span{
	padding:10px;
	display:block;
	font-size: 11px;
}
.scheduleGraph .sc_data .timeline span.photo{
	float:left;
	width:36px;
	height:36px;
	padding:10px 0 10px 10px;
}
.scheduleGraph .sc_data .timeline span.title{
	float:left;
	padding:10px 0 10px 10px;
	width:92px;
}
.scheduleGraph .sc_main_scroll .sc_main{
}
.scheduleGraph .sc_main_scroll .sc_main .tl{
	float:left;
	height:100%;
	border-right:solid 1px #CCC;
}
.scheduleGraph .sc_main_scroll .sc_main .tl:hover{
	background:#F0F0F0;
}





/*MAX - COLORAZIONE BAR IN BASE AL TYPE
FUL	Full Installation
PH1	Installation Phase
PH2	Installation Phase
REP	Repair (maintenance on site)
DWN	Take down	N
MDJ	Multi day job
*/
.scheduleGraph .FUL .time{
	background-image: url('../Icons/ful.png');
	background-repeat: no-repeat;
	padding-left: 20px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}
.scheduleGraph .PH1 .time{
	background-image: url('../Icons/ph1.png');
	background-repeat: no-repeat;
	padding-left: 20px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}
.scheduleGraph .PH2 .time{
	background-image: url('../Icons/ph2.png');
	background-repeat: no-repeat;
	padding-left: 20px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}
.scheduleGraph .REP .time{
	background-image: url('../Icons/rep.png');
	background-repeat: no-repeat;
	padding-left: 20px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}
.scheduleGraph .DWN .time{
	background-image: url('../Icons/dwn.png');
	background-repeat: no-repeat;
	padding-left: 20px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}
.scheduleGraph .MDJ .time{
	background-image: url('../Icons/mdj.png');
	background-repeat: no-repeat;
	padding-left: 20px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}

/*MAX - COLORAZIONE BAR IN BASE ALO STATUS
INC	Close Incomplete
PRO	In Progress
SUC	Close Successfully
TBD	To Do
TBDTBDINTHEPAST	To Do ma con Data passata
*/
.scheduleGraph .INC
{
	background: purple;
}
.scheduleGraph .PRO
{
	background: lightblue;
}
.scheduleGraph .SUC
{
	background: green;
}
.scheduleGraph .TBD
{
	background: #4f93d6;
}
.scheduleGraph .TBDINTHEPAST
{
	background: red;
}

/*MAX - BLINK IN BASE ALL'ATTRIBUTO PENDENTE Y DEL CREW ACTIVITY TASK
PendingScheduledTask
*/
.scheduleGraph .PendingScheduledTask {
  animation: blinkerTask 2s linear infinite;
}

@keyframes blinkerTask { 
 /*Al %=% dell'animazione la percentuale di opacità sala al 0.4*/
  50% { opacity: 0.4; }
}