@charset "utf-8";
/* CSS Document */

/* These colours are matched in EbitsColour, which supplies the colours for assigning directly to the styles of IS components (e.g. WebGridCell), which do not support CSS classes.
   For consistent colouring in the user interface, EbitsColour must match this CSS file exactly. */

/* Service text colour variants */
.eg_style1 .colour1 { color: #000; } /* black */
.eg_style1 .colour2 { color: #666; } /* dark grey */
.eg_style1 .colour3 { color: #b5b5b5; } /* light grey */
.eg_style1 .colour4 { color: #0055ff;  } /* royal blue */
.eg_style1 .colour5 { color: #013159; } /* dark blue */
.eg_style1 .colour6 { color: #33a6ff; } /* light blue */
.eg_style1 .colour7 { color: #0de7e7; } /* aqua */
.eg_style1 .colour8 { color: #015e01; } /* dark green */
.eg_style1 .colour9 { color: #01d001; } /* lime green */
.eg_style1 .colour10 { color: #669999; } /* greengrey */
.eg_style1 .colour11 { color: #6c6c1e; } /* olive */
.eg_style1 .colour12 { color: #c68503; } /* mustard */
.eg_style1 .colour13 { color: #c4c400;} /* light olive green */
.eg_style1 .colour14 {color: #990000;} /* dark red */
.eg_style1 .colour15 { color: #f10000;} /* red */
.eg_style1 .colour16 { color: #ffbd0a;} /* yellow */
.eg_style1 .red { color: #f10000; }
.eg_style1 .egtrrow td.red, .eg_style1 .egtraltrow td.red { text-align: right; } /* red text in reports / grid - makes it align right */

.eg_style1 .colour17 { color: #ff6214;} /* orange */
.eg_style1 .colour18 { color: #ff7a7a;} /* peach */
.eg_style1 .colour19 { color: #330099;} /* dark purple */
.eg_style1 .colour20 { color: #8971b8;} /* light purple */
.eg_style1 .colour21 { color: #d704d7;} /* pink */
.eg_style1 .colour22 { color: #990066;} /* maroon */
.eg_style1 .colour23 { color: #b04bfe;} /* lilac */
.eg_style1 .colour24 { color: #673767;} /* deep lilac */
.eg_style1 .colour25 { color: #fff;} /* white */

.clrpicker .colour1 { background-color: #000; }
.clrpicker .colour2 { background-color: #666; }
.clrpicker .colour3 { background-color: #b5b5b5; }
.clrpicker .colour4 { background-color: #0055ff; }
.clrpicker .colour5 { background-color: #013159; }
.clrpicker .colour6 { background-color: #33a6ff; }
.clrpicker .colour7 { background-color: #0de7e7; }
.clrpicker .colour8 { background-color: #015e01; }
.clrpicker .colour9 { background-color: #01d001; }
.clrpicker .colour10 { background-color: #669999; }
.clrpicker .colour11 { background-color: #6c6c1e; }
.clrpicker .colour12 { background-color: #c68503; }
.clrpicker .colour13 { background-color: #c4c400; }
.clrpicker .colour14 { background-color: #990000; }
.clrpicker .colour15 { background-color: #f10000; }
.clrpicker .colour16 { background-color: #ffbd0a; }
.clrpicker .colour17 { background-color: #ff6214; }
.clrpicker .colour18 { background-color: #ff7a7a; }
.clrpicker .colour19 { background-color: #330099; }
.clrpicker .colour20 { background-color: #8971b8; }
.clrpicker .colour21 { background-color: #d704d7; }
.clrpicker .colour22 { background-color: #990066; }
.clrpicker .colour23 { background-color: #b04bfe; }
.clrpicker .colour24 { background-color: #673767; }
.clrpicker .colour25 { background-color: #fff; border: 1px solid black;}

/* Background colour variants */
.backgroundcolour1 { background-color: #000 !important; }
.backgroundcolour2 { background-color: #666 !important; }
.backgroundcolour3 { background-color: #b5b5b5 !important; }
.backgroundcolour4 { background-color: #0055ff !important; }
.backgroundcolour5 { background-color: #013159 !important; }
.backgroundcolour6 { background-color: #33a6ff !important; }
.backgroundcolour7 { background-color: #0de7e7 !important; }
.backgroundcolour8 { background-color: #015e01 !important; }
.backgroundcolour9 { background-color: #01d001 !important; }
.backgroundcolour10 { background-color: #669999 !important; }
.backgroundcolour11 { background-color: #6c6c1e !important; }
.backgroundcolour12 { background-color: #c68503 !important; }
.backgroundcolour13 { background-color: #c4c400 !important; }
.backgroundcolour14 { background-color: #990000 !important; }
.backgroundcolour15 { background-color: #f10000 !important; }
.backgroundcolour16 { background-color: #ffbd0a !important; }
.backgroundcolour17 { background-color: #ff6214 !important; }
.backgroundcolour18 { background-color: #ff7a7a !important; }
.backgroundcolour19 { background-color: #330099 !important; }
.backgroundcolour20 { background-color: #8971b8 !important; }
.backgroundcolour21 { background-color: #d704d7 !important; }
.backgroundcolour22 { background-color: #990066 !important; }
.backgroundcolour23 { background-color: #b04bfe !important; }
.backgroundcolour24 { background-color: #673767 !important; }
.backgroundcolour25 { background-color: #fff !important; }

/* Grid cell highlight colour variants */
.highlightcell.highlightcolour1 { background-color: rgba(0, 0, 0, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(0, 0, 0, 1.0) !important; }
.highlightcell.highlightcolour2 { background-color: rgba(6, 6, 6, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(6, 6, 6, 1.0) !important;  }
.highlightcell.highlightcolour3 { background-color: rgba(181, 181, 181, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(181, 181, 181, 1.0) !important;  }
.highlightcell.highlightcolour4 { background-color: rgba(0, 85, 255, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(0, 85, 255, 1.0) !important;  }
.highlightcell.highlightcolour5 { background-color: rgba(1, 49, 89, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(1, 49, 89, 1.0) !important;  }
.highlightcell.highlightcolour6 { background-color: rgba(51, 166, 255, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(51, 166, 255, 1.0) !important;  }
.highlightcell.highlightcolour7 { background-color: rgba(13, 231, 231, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(13, 231, 231, 1.0) !important;  }
.highlightcell.highlightcolour8 { background-color: rgba(1, 94, 1, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(1, 94, 1, 1.0) !important;  }
.highlightcell.highlightcolour9 { background-color: rgba(1, 208, 1, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(1, 208, 1, 1.0) !important;  }
.highlightcell.highlightcolour10 { background-color: rgba(102, 153, 153, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(102, 153, 153, 1.0) !important;  }
.highlightcell.highlightcolour11 { background-color: rgba(108, 108, 30, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(108, 108, 30, 1.0) !important;  }
.highlightcell.highlightcolour12 { background-color: rgba(198, 133, 3, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(198, 133, 3, 1.0) !important;  }
.highlightcell.highlightcolour13 { background-color: rgba(196, 196, 0, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(196, 196, 0, 1.0) !important;  }
.highlightcell.highlightcolour14 { background-color: rgba(153, 0, 0, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(153, 0, 0, 1.0) !important;  }
.highlightcell.highlightcolour15 { background-color: rgba(241, 0, 0, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(241, 0, 0, 1.0) !important;  }
.highlightcell.highlightcolour16 { background-color: rgba(255, 189, 10, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(255, 189, 10, 1.0) !important; }
.highlightcell.highlightcolour17 { background-color: rgba(255, 98, 10, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(255, 98, 10, 1.0) !important;  }
.highlightcell.highlightcolour18 { background-color: rgba(255, 122, 122, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(255, 122, 122, 1.0) !important;  }
.highlightcell.highlightcolour19 { background-color: rgba(51, 0, 153, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(51, 0, 153, 1.0) !important;  }
.highlightcell.highlightcolour20 { background-color: rgba(137, 113, 184, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(137, 113, 184, 1.0) !important;  }
.highlightcell.highlightcolour21 { background-color: rgba(215, 4, 215, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(215, 4, 215, 1.0) !important;  }
.highlightcell.highlightcolour22 { background-color: rgba(153, 0, 102, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(153, 0, 102, 1.0) !important;  }
.highlightcell.highlightcolour23 { background-color: rgba(176, 75, 254, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(176, 75, 254, 1.0) !important;  }
.highlightcell.highlightcolour24 { background-color: rgba(103, 55, 103, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(103, 55, 103, 1.0) !important;  }
.highlightcell.highlightcolour25 { background-color: rgba(255, 255, 255, 0.8) !important; font-weight: bold; border: 0.5px solid rgba(255, 255, 255, 1.0) !important;  }

/* Background variants for the gantt blocks */
.shift.colour1 { background: url(../images/default/colour1_bg.jpg) repeat-x top;}
.shift.colour2 { background: url(../images/default/colour2_bg.jpg) repeat-x top;  }
.shift.colour3 { background: url(../images/default/colour3_bg.jpg) repeat-x top; }
.shift.colour4 { background: url(../images/default/colour4_bg.jpg) repeat-x top; }
.shift.colour5 { background: url(../images/default/colour5_bg.jpg) repeat-x top; }
.shift.colour6 { background: url(../images/default/colour6_bg.jpg) repeat-x top; }
.shift.colour7 { background: url(../images/default/colour7_bg.jpg) repeat-x top; }
.shift.colour8 { background: url(../images/default/colour8_bg.jpg) repeat-x top; }
.shift.colour9 { background: url(../images/default/colour9_bg.jpg) repeat-x top; }
.shift.colour10 { background: url(../images/default/colour10_bg.jpg) repeat-x top; }
.shift.colour11 { background: url(../images/default/colour11_bg.jpg) repeat-x top; }
.shift.colour12 { background: url(../images/default/colour12_bg.jpg) repeat-x top; }
.shift.colour13 { background: url(../images/default/colour13_bg.jpg) repeat-x top; }
.shift.colour14 { background: url(../images/default/colour14_bg.jpg) repeat-x top; }
.shift.colour15 { background: url(../images/default/colour15_bg.jpg) repeat-x top; }
.shift.colour16 { background: url(../images/default/colour16_bg.jpg) repeat-x top; }
.shift.colour17 { background: url(../images/default/colour17_bg.jpg) repeat-x top; }
.shift.colour18 {background: url(../images/default/colour18_bg.jpg) repeat-x top; }
.shift.colour19 { background: url(../images/default/colour19_bg.jpg) repeat-x top; }
.shift.colour20 { background: url(../images/default/colour20_bg.jpg) repeat-x top; }
.shift.colour21 { background: url(../images/default/colour21_bg.jpg) repeat-x top; }
.shift.colour22 { background: url(../images/default/colour22_bg.jpg) repeat-x top; }
.shift.colour23 { background: url(../images/default/colour23_bg.jpg) repeat-x top;}
.shift.colour24 { background: url(../images/default/colour24_bg.jpg) repeat-x top;}
.shift.colour25 { background: url(../images/default/colour25_bg.jpg) repeat-x top; }
.shift.absence { background-color: #c4c4c4; color: #000; }

.colour_block { width: 14px; height: 14px; margin: 0 10px 0 0; }
.colourpopup .colour_block { margin: 0 !important; }
.colourpopup { border: 1px solid #999; background-color:#fff; position: absolute; z-index: 1; top: 101px; left: 165px; padding: 2px;
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2); /* Firefox */
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2); /* Safari, Chrome */
  	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2); /* CSS3 */
	}
.colourpopup table { }
.colourpopup table tr td{ padding: 1px; }