.icc-display-mode {
	float:right;
	padding-right:10px;
}

.icc {
	float:right;
	width:100%;
}

.icc .clear { 
	clear: left; display: block; 
}

.icc .name-bar {
	background-color:#F0F0F0  ;
/*	padding:2px; */
	border-radius: 2px;
}


.icc .name-bar .name{
	float:left;
	font-size: 120%;
}


.icc .name-bar .work-hour{
	float:left;
	padding-left:70%;
	font-size: 120%;
}
.icc .name-bar .action-icon{
	float:right;
}

.icc .site {
	background-color:WhiteSmoke;
	padding:2px;	
	border-top: double;
	border-bottom: double;
    border-radius: 4px;
}

.icc .site .room-container {
/*	margin-left:20px; */
}

.icc .site .room-container .icc-empty-div{
	background-color: white;
	padding:5px;
	margin:5px;
	height:100px;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;   
	font-size:20px;
	color: grey;
	border-style: dotted;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
}

.icc .site .room-container .room {
	background-color: MintCream;
	padding:2px;
	margin:0px;
	border-style: dotted;
    border-width: 1px;
    border-radius: 2px;
}

.icc .site .room-container .room .name-bar .name {
	padding-left:2px;
	float:left;
	font-size: 120%;
}

.icc .site .room-container .room-component-container{
/*	margin-left:20px; */
}

.icc .site .room-container .room-component-container .room-component{
	background-color:Linen ;
	padding:1px;
	margin:1px;
}

.icc .site .room-container .room-component-container .room-component .name-bar .name {
	padding-left:2px;
	float:left;
	font-size: 110%;
}

.icc .site .room-container .room-component-container .task-container {
/*	margin-left:5px; */
}

.icc .site .room-container .room-component-container .task-container .task{
	background-color:MintCream ;
	padding:1px;
}

.icc .site .room-container .room-component-container .task-container .task .name{
	padding-left:2px;
}

.icc .site .room-container .room-component-container .task-container .task .name .room-name{
	font-size: 120%;
}

.icc .site .room-container .room-component-container .task-container .task .name .structure-name{
	font-size: 110%;
}

.icc .site .room-container .room-component-container .task-container .task .name .task-name{
	font-size: 100%;
	padding-left:2px;
	font-style: italic;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container{
	background-color:white;
/*	padding:2px; */
	margin-left:5px;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container table{
    border-collapse: separate;
    border-spacing: 0px;
    border-color: grey;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container .wi:nth-child(odd){
	line-height: 20px;
	background-color:white;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container .wi:nth-child(even){
	line-height: 20px;
	background-color:#F8F8F8;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container .wi .approved{
	line-height: 20px;
	background-color:#88f08a;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container .wi .approved.inactive {
	line-height: 20px;
	background-color:#EEEEEE;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container .wi .approving{
	line-height: 20px;
	background-color:#f0e088;
}

.icc .site .room-container .room-component-container .task-container .task-wi-container .wi .rejected{
	line-height: 20px;
	background-color:#fa9595;
}



.trip_dialog_div .task-wi-container .wi:nth-child(odd){
	line-height: 20px;
	background-color:white;
}

.trip_dialog_div .task-wi-container .wi:nth-child(even){
	line-height: 20px;
	background-color:#F8F8F8;
}

.trip_dialog_div .task-wi-container .wi .approved{
	line-height: 20px;
	background-color:#88f08a;
}

.trip_dialog_div .task-wi-container .wi .approved.inactive {
	line-height: 20px;
	background-color:#EEEEEE;
}

.trip_dialog_div .task-wi-container .wi .approving{
	line-height: 20px;
	background-color:#f0e088;
}

.trip_dialog_div .task-wi-container .wi .rejected{
	line-height: 20px;
	background-color:#fa9595;
}


.text-holder-input{
	display:none;
}


/**icc dialog**/

.ui-dialog {
	min-width:450px;
	max-width:1500px;
}

.icc-dialog .sub-header {
	background: #E5E5E5;
	border-bottom: 1px solid #BBBBBB;
	white-space: nowrap;
	color: #000000;
	font-weight: bolder;
	font-size: 95%;
	padding: 5px 0px;
	clear: both;
	height: 100%;
}

.icc-dialog .all-wi-container{
	float:left;
	height:500px;
	width:350px;
	overflow:auto;
	background-color:WhiteSmoke;
	border-radius: 4px;
}

.icc-dialog .task-item{
	cursor:pointer;
	padding:3px;
}

.icc-dialog .wig-item{
	cursor:pointer;
	padding:3px;
	padding-left: 20px;
}

.icc-dialog .wisg-item{
	cursor:pointer;
	padding:3px;
	padding-left: 40px;
}

.icc-dialog .wi-item{
	cursor:pointer;
	padding:3px;
	padding-left: 60px;
}

.icc-dialog .selected-wi-div{
	background-color:WhiteSmoke;
	float:right;
	height:500px;
	width:780px;
	overflow:auto;
	border-radius: 4px;
}

.icc-dialog .middle {
	width:3%;float:left;height:460px;padding-left:2px;
}
.icc-dialog .middle button {
	font-size:130%;margin:0px;padding:8px 6px;
}

.selected-wi-div .site {
	padding:5px;	  
}

.selected-wi-div .site .room-container {

}

.selected-wi-div .site .room-container .icc-empty-div{
	background-color: white;
	padding:5px;
	margin:5px;
	height:100px;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;   
	font-size:20px;
	color: grey;
	border-style: dotted;
    border-width: 1px;
    border-radius: 4px;
    cursor: pointer;
}

.selected-wi-div .clear { 
	clear: left; display: block; 
}

.selected-wi-div .name-bar {
	background-color:#F0F0F0  ;
/*	padding:2px; */
	border-radius: 2px;
	cursor: pointer;
}

.selected-wi-div .name-bar .name{
	float:left;
	font-size: 120%;
}

.selected-wi-div .site .room-container .room {
	background-color: MintCream;
	padding:2px;
	margin:0px;
	border-style: dotted;
    border-width: 1px;
    border-radius: 2px;
}

.selected-wi-div .site .room-container .room-component-container{

}

.selected-wi-div .site .room-container .room-component-container .room-component{
	background-color:Linen ;
	padding:1px;
	margin:1px;
}

.selected-wi-div .site .room-container .room-component-container .task-container {
	margin-left:5px;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task{
	background-color:MintCream ;
	padding:1px;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task .name{
/*	font-style: italic; */
}


.selected-wi-div .site .room-container .room-component-container .task-container .task .name .room-name{
	font-size: 120%;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task .name .structure-name{
	font-size: 110%;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task .name .task-name{
	font-size: 100%;
	padding-left:2px;
	font-style: italic;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container{
	background-color:white;
/*	padding:2px; */
/*	margin-left:5px; */
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container table{
	width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-color: grey;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container .wi:nth-child(odd){
	line-height: 20px;
	background-color:white;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container .wi:nth-child(even){
	line-height: 20px;
	background-color:#F8F8F8;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container .wi .approved{
	line-height: 20px;
	background-color:#88f08a;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container .wi .approved.inactive {
	line-height: 20px;
	background-color:#EEEEEE;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container .wi .approving{
	line-height: 20px;
	background-color:#f0e088;
}

.selected-wi-div .site .room-container .room-component-container .task-container .task-wi-container .wi .rejected{
	line-height: 20px;
	background-color:#fa9595;
}

/** add wi dialog **/
.add-wi-div {
	display:none;
	float:left;
	margin-left:-350px;
	background-color:White;
	border-top: double;
	border-bottom: double;
    border-radius: 4px;
}

.add-wi-div .wi-container {
	width:350px;
	height:500px;
	overflow: auto;
}

.add-wi-div .action-div {
	float:right;
	margin:5px 20px;
}

/** non-standard plan item in startup mode */

.icc-non-standard-planitem .approved{
	line-height: 20px;
	background:#88f08a;
}

.icc-non-standard-planitem .approved.inactive {
	line-height: 20px;
	background:#EEEEEE;
}

.icc-non-standard-planitem .approving{
	line-height: 20px;
	background:#f0e088;
}

.icc-non-standard-planitem .rejected{
	line-height: 20px;
	background:#fa9595;
}